API tools faq
paste
Advertisement
teenageblog

Nina Theme

teenageblog
Sep 27th, 2013
3,319
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.58 KB | None | 0 0
raw download clone embed print report
  1. <!-----------------------------------------
  2. ╭━━━┳╮╱╱╱╱╱╱╱╱╱╱╭╮╱╭━━━━┳╮
  3. ┃╭━╮┃┃╱╱╱╱╱╱╱╱╱╱┃┃╱┃╭╮╭╮┃┃
  4. ┃┃╱╰┫╰━┳━━┳━╮╭━━┫┃╱╰╯┃┃╰┫╰━┳━━┳╮╭┳━━┳━━╮
  5. ┃┃╱╭┫╭╮┃╭╮┃╭╮┫┃━┫┃╱╱╱┃┃╱┃╭╮┃┃━┫╰╯┃┃━┫━━┫
  6. ┃╰━╯┃┃┃┃╭╮┃┃┃┃┃━┫╰╮╱╱┃┃╱┃┃┃┃┃━┫┃┃┃┃━╋━━┃
  7. ╰━━━┻╯╰┻╯╰┻╯╰┻━━┻━╯╱╱╰╯╱╰╯╰┻━━┻┻┻┻━━┻━━╯
  8.  
  9. Please keep credit (✿◠‿◠)
  10. ----------------------------------------------->
  11.  
  12. <html lang="en">
  13. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  14. <html xmlns="http://www.w3.org/1999/xhtml">
  15. <script type="text/javascript"
  16. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  17.  
  18. <head>
  19. <!-- DEFAULT VARIABLES -->
  20. <title>{Title}</title>
  21. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  22. <meta name="color:Background" content="#fff"/>
  23. <meta name="color:Text" content="#000"/>
  24. <meta name="color:Title" content="#000"/>
  25. <meta name="color:Link" content="#999"/>
  26. <meta name="color:Hover" content="#000"/>
  27. <meta name="color:Scrollbar" content="#ccc"/>
  28. <meta name="color:Blogtitle" content="#a5bffa"/>
  29. <meta name="color:Sidebar Background" content="#eee"/>
  30. <meta name="color:Line1" content="#aac1eb"/>
  31. <meta name="color:Line2" content="#b1daf7"/>
  32. <meta name="color:Line3" content="#a5bffa"/>
  33.  
  34. <meta name="image:Sidebar" content="http://data1.whicdn.com/images/34892306/tumblr_m8q9ue83RS1rdt16no1_500_large.png"/>
  35. <meta name="image:Sidebar2" content="http://data3.whicdn.com/images/34892320/tumblr_m8q9ogI7iV1rdt16no1_500_large.png"/>
  36. <meta name="image:Background" content="0"/>
  37.  
  38. <meta name="if:Two column" content="0"/>
  39. <meta name="if:Three column" content="1"/>
  40.  
  41. <meta name="text:Blogtitle Size" content="65" />
  42. <meta name="text:Home link" content="/" />
  43. <meta name="text:Mail link" content="/ask" />
  44. <meta name="text:Folder link" content="" />
  45. <meta name="text:Paperclip link" content="" />
  46. <meta name="text:Heart link" content="" />
  47.  
  48.  
  49.  
  50. <style type="text/css">
  51.  
  52.  
  53. 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;}
  54.  
  55. 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;}
  56.  
  57.  
  58.  
  59. .wrapper{
  60. margin: 0px auto;
  61. margin-left: 60px;
  62. width: 1045px;
  63. }
  64.  
  65. .header{
  66. float: left;
  67. width: 100%;
  68. }
  69.  
  70. .left{
  71. float: left;
  72. margin-right: 20px;
  73. width:1045;
  74. }
  75.  
  76. .right{
  77. float: right;
  78. width: 200px;
  79. background-color: #fff;
  80. }
  81.  
  82. body {
  83. margin:0px;
  84. background-color: {color:Background};
  85. background-image:url({image:Background});
  86. background-attachment: fixed;
  87. background-repeat: repeat;}
  88. body, div, p, textarea, submit, input{
  89. font-family: 'Ubuntu', sans-serif;
  90. font-size: 11px;
  91. line-height:14px;
  92. letter-spacing:1px;
  93. color:{color:Text};
  94. }
  95. ::-webkit-scrollbar {width: 8px; height: 4px; background: #eeeeee; border-left: 1px solid #eee; }
  96.  
  97. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar}; border-bottom: 1px solid #eee; border-top: 1px solid #eee; border-left: 1px solid
  98. #eee; border-right: 1px solid #eee; }
  99.  
  100.  
  101. p {
  102. margin:0px;
  103. margin-top:0px;
  104. }
  105.  
  106. a:link, a:active, a:visited{
  107. text-decoration: none;
  108. -webkit-transition: color 0.3s ease-out;
  109. -moz-transition: color 0.3s ease-out;
  110. transition: color 0.3s ease-out;
  111. color: {color:Link};
  112. }
  113.  
  114. a:hover {
  115. : -webkit-transition-duration: 1.0s;
  116. color:{color:Hover};
  117. }
  118.  
  119.  
  120.  
  121.  
  122. div#center{
  123. margin:auto;
  124. margin-top:0px;
  125. position:relative;
  126. width:1045px;
  127. background-color:;
  128. overflow:auto;
  129. overflow-y:hidden;
  130. }
  131.  
  132.  
  133.  
  134. @font-face { font-family: "lovenote"; src: url('http://static.tumblr.com/4yxykdm/k6plrfhwf/ck_love_note.ttf'); }
  135.  
  136. #blogtitle{
  137. position:fixed !important;
  138. z-index:99;
  139. width:260px;
  140. height:30px;
  141. opacity: 1;
  142. padding:3px;
  143. margin-top:30px;
  144. margin-left:100px;
  145. background:transparent;
  146. line-height:40px;
  147. text-align:center;
  148. border-bottom: 0px;
  149. color: {color:blogtitle};
  150. text-shadow: -3px 0 #fff, 0 3px #fff, 3px 0 #fff, 0 -3px #fff;
  151. letter-spacing:0px;
  152. font-size:{text:blogtitle size}px;
  153. font-family: 'lovenote';
  154. -o-transition-transition: all 0.4s ease-out;
  155. -webkit-transition: all 0.4s ease-out;
  156. -moz-transition: all 0.4s ease-out;
  157. }
  158.  
  159. #nav a{
  160. color:{color:link};
  161. }
  162.  
  163. #nav a:hover{
  164. text-decoration: none;
  165. font-style:italic;
  166. opacity:24;
  167. color:{color:hover};
  168. }
  169.  
  170. #nav{
  171. width:600px;
  172. position:fixed;
  173. margin-left:-70px;
  174. text-align:center;
  175. color:white;
  176. opacity:0.3;
  177. margin-top:370px;
  178. font-family:calibri;
  179. z-index:2;
  180. font-size:11px;
  181. }
  182. div#side{
  183. opacity: 1;
  184. width:240px;
  185. position:fixed !important;
  186. text-align:center;
  187. top:-2px;
  188. height:1025px;
  189. margin-left:105px;
  190. background: {color:sidebar background};
  191. border: 1px solid #fff;
  192. box-shadow: 0px 0px 7px #aaa;
  193. -webkit-animation:fadeInDownBig 4s;
  194. -moz-animation:fadeInDownBig 4s;
  195. -ms-animation:fadeInDownBig 4s;
  196. -webkit-transition: all 0.5s ease;
  197. -moz-transition: all 0.5s ease;
  198. -o-transition: all 0.5s ease;
  199. }
  200. div#line3{
  201. opacity:1;
  202. width: 15px;
  203. position:fixed !important;
  204. text-align:center;
  205. top:-2px;
  206. height:1025px;
  207. margin-left:50px;
  208. background: {color:line1};
  209. border: 0px solid #fff;
  210. box-shadow: 0px 0px 7px #fff;
  211. -webkit-animation:fadeInUpBig ease-in-out 2s;
  212. -moz-animation:fadeInUpBig ease-in-out 2s;
  213. -ms-animation:fadeInUpig ease-in-out 2s;
  214. -webkit-transition: all 0.5s ease;
  215. -moz-transition: all 0.5s ease;
  216. -o-transition: all 0.5s ease;
  217. }
  218.  
  219. #sidebar{
  220. float: left;
  221. position:fixed !important;
  222. width: 170px;
  223. padding: 5px;
  224. height: 180px;
  225. margin-top: 120px;
  226. margin-left: 60px;
  227. text-align:justify;
  228. border: 1px solid #bebebe;
  229. background-color: #fff;
  230. -webkit-transform: rotate(-40deg);
  231. -moz-transform: rotate(-40deg);
  232.  
  233. }
  234. #sidebar img{
  235. width:170px;
  236. height:180px;
  237. }
  238.  
  239. div#description{
  240. position:absolute;
  241. opacity:0;
  242. text-align:center;
  243. line-height:12px;
  244. width: 170px;
  245. font-style:oblique;
  246. font-family:calibri;
  247. font-size: 11px;
  248. height: 190px;
  249. color:black;
  250. background-color: #fff;
  251. transition: all 0.9s ease-out;
  252. -o-transition-transition: all 0.5s ease-out;
  253. -webkit-transition: all 0.5s ease-out;
  254. -moz-transition: all 0.5s ease-out;
  255. }
  256. #sidebar2:hover #description{
  257. opacity:.8;
  258. transition: all 0.9s ease-out;
  259. -o-transition-transition: all 0.5s ease-out;
  260. -webkit-transition: all 0.5s ease-out;
  261. -moz-transition: all 0.5s ease-out;
  262. }
  263.  
  264. #sidebar2{
  265. float: left;
  266. position:fixed !important;
  267. width: 170px;
  268. padding: 5px;
  269. height: 190px;
  270. margin-top: 125px;
  271. margin-left: 195px;
  272. text-align:justify;
  273. border: 1px solid #bebebe;
  274. background-color: #fff;
  275. -webkit-transform: rotate(10deg);
  276. -moz-transform: rotate(10deg);
  277.  
  278. }
  279. #sidebar2 img{
  280. width:170px;
  281. height:190px;
  282. }
  283. .line1{
  284. -webkit-animation:fadeInDownBig ease-in-out 2.5s;
  285. -moz-animation:fadeInDownBig ease-in-out 2.5s;
  286. -ms-animation:fadeInDownBig ease-in-out 2.5s;
  287. position:fixed;
  288. z-index:5;
  289. margin-left:430px;
  290. margin-top:-13px;
  291. top: 0px;
  292. background-position: right;
  293. background: {color:line3};
  294. height:1000px;
  295. border-bottom:0px solid #fff;
  296. border-top: 0px solid #fff;
  297. border-left: 0px double #fff;
  298. border-right: 0px double #fff;
  299. opacity:1;
  300. width:8px;
  301. -webkit-transition: opacity .4s linear;
  302. -webkit-transition: all .4s ease-in-out;
  303. -moz-transition: all .4s ease-in-out;
  304. -o-transition: all .4s ease-in-out;
  305. -webkit-background-size: cover;
  306. -moz-background-size: cover;
  307. -o-background-size: cover;
  308. background-size: cover;
  309.  
  310. }
  311.  
  312. .line2{
  313. -webkit-animation:fadeInUpBig ease-in-out 2s;
  314. -moz-animation:fadeInUpBig ease-in-out 2s;
  315. -ms-animation:fadeInUpig ease-in-out 2s;
  316. position:fixed;
  317. margin-left:410px;
  318. margin-top: -13px;
  319. z-index:5;
  320. background: #;
  321. background-position: right;
  322. background: {color:line2};
  323. height:1000px;
  324. border-bottom:0px solid #fff;
  325. border-top: 0px solid #fff;
  326. border-left: 0px double #fff;
  327. border-right: 0px double #fff;
  328.  
  329. opacity:1;
  330. width:10px;
  331. -webkit-transition: opacity .4s linear;
  332. -webkit-transition: all .4s ease-in-out;
  333. -moz-transition: all .4s ease-in-out;
  334. -o-transition: all .4s ease-in-out;
  335. -webkit-background-size: cover;
  336. -moz-background-size: cover;
  337. -o-background-size: cover;
  338. background-size: cover;
  339.  
  340. }
  341.  
  342. .entry {
  343. float:left;
  344. display: block;
  345. overflow:hidden;
  346. border: 1px solid #eee;
  347. margin:6px;
  348. background-color: white;
  349. padding:4px;
  350. padding-bottom:2px;
  351. {block:IndexPage}
  352. {block:iftwocolumn}
  353. max-width:240px;
  354. {/block:iftwocolumn}
  355. {block:ifthreecolumn}
  356. max-width:190px;
  357. {/block:ifthreecolumn}
  358. {/block:IndexPage}
  359. {block:PermalinkPage}
  360. width:520px;
  361. margin-left:0px;
  362. text-align:center;
  363. {/block:PermalinkPage}
  364. }
  365.  
  366. .entry .perma a{
  367. color:#555555;}
  368.  
  369.  
  370. .entry .perma{
  371. margin-left:-10px;
  372. height: 40px;
  373. padding:2px;
  374. position: absolute;
  375. text-transform:uppercase;
  376. font-family: "Calibri";
  377. font-size: 10px;
  378. text-align: center;
  379. line-height:50px;
  380. overflow:hidden;
  381. background-color:white;
  382. letter-spacing: 0px;
  383. text-align:center;
  384. top:-10px;
  385. left:14px;
  386. opacity:10;
  387. {block:iftwocolumn}
  388. width:240px;
  389. {/block:iftwocolumn}
  390. {block:ifthreecolumn}
  391. width:190px;
  392. {/block:ifthreecolumn}
  393. -webkit-transition: opacity 0.5s linear; opacity: 0.0;
  394. -webkit-transition: all 0.5s linear;
  395. -moz-transition: all 0.5s linear;
  396. transition: all 0.5s linear;
  397. }
  398.  
  399. .entry:hover .perma{
  400. top:-10px;
  401. height: 40px;
  402. overflow:visible;
  403. border-bottom:1px solid #ccc;
  404. -webkit-transition: opacity 0.5s linear; opacity: 0.9;
  405. -webkit-transition: all 0.5s linear;
  406. -moz-transition: all 0.5s linear;
  407. transition: all 0.5s linear;
  408. }
  409.  
  410.  
  411.  
  412.  
  413. .permatext{
  414. height:auto;
  415. line-height:100%;
  416. position:absolute;
  417. right:4px;
  418. bottom:0px;
  419. {block:IfPermalinkMovement}
  420. bottom:-5px;
  421. {block:IfPermalinkMovement}
  422. opacity:0;
  423. padding:0;
  424. background:#transparent;
  425. box-shadow:0 0 15px 10px #transparent;
  426. -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;
  427. }
  428. .entry:hover .permatext{
  429. right:4px; bottom:0px;
  430. opacity:1;
  431. -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;
  432. }
  433. .entry:hover .permatext:hover{
  434. opacity:1;
  435. }
  436.  
  437. .bubble {align:right;background:#eee; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  438. .bubble p {margin:1px 0px;}
  439. .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;}
  440. .askborder {float: left;margin: 1px 4px 1 0;padding: 3px; background: #eee;}
  441.  
  442. @font-face { font-family: "Cedarville Cursive"; src: url('http://themes.googleusercontent.com/static/fonts/cedarvillecursive/v2/cuCe6HrkcqrWTWTUE7dw-5zpMnghKP_wiJrQSyqob5U.woff'); }
  443.  
  444.  
  445. #audio {width:250px; height:auto; min-height:60px; padding-bottom:0px;}
  446. .cover {position:absolute; z-index:1; width:60px; height:60px;}
  447. .cover img {float:left; width:60px; height:60px;}
  448. .playbox {opacity:0.6; width:27px; height:30px; overflow:hidden; position:absolute; z-index:1000; margin-left:17px; margin-top:17px; text-align:center;}
  449. .info {margin-left:73px; margin-top:4px; line-height:14px;}
  450.  
  451. .title{
  452. font-family: "cedarville cursive";
  453. font-size: 22px;
  454. line-height: 20px;
  455. color: {color:Title};
  456. text-shadow:1px 2px 2px #aaa;
  457. letter-spacing: 1px;
  458. font-weight: normal;
  459. }
  460.  
  461. .cred {
  462. color: #000;
  463. font-family: Calibri;
  464. font-size:14px;
  465. z-index: 99999999999999px;
  466. line-height:14px;
  467. background:#fff;
  468. border: 1px #eee solid;
  469. background-repeat:repeat;
  470. padding:2px;
  471. -webkit-border-radius:2px;
  472. moz-border-radius:2px;
  473. -o-border-radius:2px;
  474. border-radius:2px;
  475. }
  476.  
  477. .cred a { color: #000; }
  478.  
  479.  
  480. #posts {
  481. width:700px;
  482. margin-top: 5px;
  483. margin-left: 390px;
  484. {block:iftwocolumn}
  485. width:600px;
  486. {/block:iftwocolumn}
  487. margin-right: auto;
  488. position:relative;
  489. overflow-y: hidden;
  490. }
  491.  
  492.  
  493. #infscr-loading{
  494. bottom: -70px;
  495. position: absolute;
  496. left: 50%;
  497. margin-left:-8px;
  498. width:16px;
  499. height:11px;
  500. overflow:hidden;
  501. margin-bottom: 50px;
  502. }
  503.  
  504. #postnotes{
  505. text-align: justify;
  506. }
  507.  
  508. #postnotes blockquote{
  509. border: 0px;
  510. }
  511.  
  512. blockquote{
  513. padding:0px 0px 2px 5px;
  514. margin:0px 0px 2px 1px;
  515. border-left: 1px dotted {color:Text};
  516. }
  517.  
  518. blockquote p, ul{
  519. margin:0px;
  520. padding:0px;
  521. }
  522.  
  523. a img{border: 0px;}
  524. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  525. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  526. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};}
  527. .notes img{width:10px; position:relative; top:3px;
  528. }
  529.  
  530. small{font-size: 90%;}
  531.  
  532. .video embed, .post div.video object {width:260px !important; height:180px !important;}
  533. .video2 embed, .post div.video object {width:400px !important; height:400px !important;}
  534.  
  535.  
  536.  
  537. @-webkit-keyframes fadeInUpBig {
  538. 0% {
  539. opacity: 0;
  540. -webkit-transform: translateY(2000px);
  541. }
  542.  
  543. 100% {
  544. opacity: 1;
  545. -webkit-transform: translateY(0);
  546. }
  547. }
  548.  
  549. @-moz-keyframes fadeInUpBig {
  550. 0% {
  551. opacity: 0;
  552. -moz-transform: translateY(2000px);
  553. }
  554.  
  555. 100% {
  556. opacity: 1;
  557. -moz-transform: translateY(0);
  558. }
  559. }
  560.  
  561. @-o-keyframes fadeInUpBig {
  562. 0% {
  563. opacity: 0;
  564. -o-transform: translateY(2000px);
  565. }
  566.  
  567. 100% {
  568. opacity: 1;
  569. -o-transform: translateY(0);
  570. }
  571. }
  572.  
  573. @keyframes fadeInUpBig {
  574. 0% {
  575. opacity: 0;
  576. transform: translateY(2000px);
  577. }
  578.  
  579. 100% {
  580. opacity: 1;
  581. transform: translateY(0);
  582. }
  583. }
  584.  
  585. .fadeInUpBig {
  586. -webkit-animation-name: fadeInUpBig;
  587. -moz-animation-name: fadeInUpBig;
  588. -o-animation-name: fadeInUpBig;
  589. animation-name: fadeInUpBig;
  590. }
  591.  
  592.  
  593. @-webkit-keyframes fadeInDownBig {
  594. 0% {
  595. opacity: 0;
  596. -webkit-transform: translateY(-2000px);
  597. }
  598. 100% {
  599. opacity: 1;
  600. -webkit-transform: translateY(0);
  601. }
  602. }
  603. @-moz-keyframes fadeInDownBig {
  604. 0% {
  605. opacity: 0;
  606. -moz-transform: translateY(-2000px);
  607. }
  608. 100% {
  609. opacity: 1;
  610. -moz-transform: translateY(0);
  611. }
  612. }
  613. @-ms-keyframes fadeInDownBig {
  614. 0% {
  615. opacity: 0;
  616. -ms-transform: translateY(-2000px);
  617. }
  618. 100% {
  619. opacity: 1;
  620. -ms-transform: translateY(0);
  621. }
  622. }
  623. @-o-keyframes fadeInDownBig {
  624. 0% {
  625. opacity: 0;
  626. -o-transform: translateY(-2000px);
  627. }
  628. 100% {
  629. opacity: 1;
  630. -o-transform: translateY(0);
  631. }
  632. }
  633. @keyframes fadeInDownBig {
  634. 0% {
  635. opacity: 0;
  636. transform: translateY(-2000px);
  637. }
  638. 100% {
  639. opacity: 1;
  640. transform: translateY(0);
  641. }
  642. }
  643. .fadeInDownBig {
  644. -webkit-animation-name: fadeInDownBig;
  645. -moz-animation-name: fadeInDownBig;
  646. -ms-animation-name: fadeInDownBig;
  647. -o-animation-name: fadeInDownBig;
  648. animation-name: fadeInDownBig;
  649. }
  650. {CustomCSS}
  651.  
  652. </style>
  653.  
  654. {block:IndexPage}
  655.  
  656.  
  657. <script type='text/javascript' src='http://static.tumblr.com/m52lhg5/u9amoiddc/infinite.js'></script>
  658. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  659. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  660.  
  661. <script type="text/javascript">
  662. $(window).load(function () {
  663. var $content = $('#posts');
  664. $content.masonry({itemSelector: '.entry'}),
  665. $content.infinitescroll({
  666. navSelector : 'div#pagination',
  667. nextSelector : 'div#pagination a#nextPage',
  668. itemSelector : '.entry',
  669. loading: {
  670. finishedMsg: '',
  671. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  672. },
  673. bufferPx : 600,
  674. debug : false,
  675. },
  676. // call masonry as a callback.
  677. function( newElements ) {
  678. var $newElems = $( newElements );
  679. $newElems.hide();
  680. // ensure that images load before adding to masonry layout
  681. $newElems.imagesLoaded(function(){
  682. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  683.  
  684.  
  685. });
  686. });
  687. });
  688. </script>
  689. {/block:IndexPage}
  690.  
  691.  
  692. <title>{Title}</title>
  693. <link rel="shortcut icon" href="{favicon}">
  694. <meta name="viewport" content="width=720" />
  695. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  696. </head>
  697.  
  698. <body>
  699.  
  700. <div id="blogtitle">{title}</center></div>
  701.  
  702. <div id="side">
  703. </div>
  704. <div id="line3">
  705. </div>
  706. <div class="line1"></div>
  707. <div class="line2"></div>
  708.  
  709. <div id="sidebar">
  710. <img src="{image:sidebar}"></a>
  711.  
  712.  
  713. </div>
  714.  
  715. <div id="sidebar2">
  716. <div id="description">{Description}</div>
  717. <a href="/"><img src="{image:sidebar2}"></a>
  718.  
  719.  
  720. </div>
  721.  
  722. <div id="nav"><a href="{text:home link}"><img src="http://i39.tinypic.com/343rneq.png" width="18"></a>-------<a href="{text:mail link}"><img src="http://i42.tinypic.com/wiq5q8.png" width="18"></a>------- <a href="{text:paperclip link}"><img src="http://cdn4.iconfinder.com/data/icons/cc_mono_icon_set/blacks/48x48/link.png" width="18"></a>------- <a href="{text:folder link}"><img src="http://i40.tinypic.com/344avr4.png" width="18"></a> -------<a href="{heart link}"><img src="http://i40.tinypic.com/hs04dv.png" width="18"></a></div>
  723.  
  724. <div class="wrapper">
  725. <div class="header">
  726. </div>
  727.  
  728.  
  729. <div class="left">
  730. <div id="posts">
  731. {block:Posts}
  732. <div class="entry">
  733.  
  734. {block:Answer}
  735. <div class="post"><div class="askborder">
  736. <img src="{askerportraiturl-40}" width="40px"></div><div class="bubble"><span></span>{asker} said: {Question}</div><br>
  737. {Answer}
  738. </div><br>
  739. {/block:Answer}
  740.  
  741.  
  742. {block:Text}
  743. {block:Title}<left><span class="title">{Title}</span></left>{/block:Title}
  744. <div style="margin-left:3px;">{Body}</div>
  745. {block:IndexPage}
  746.  
  747. {/block:IndexPage}
  748. {/block:Text}
  749.  
  750.  
  751. {block:Link}
  752. <left><a href="{URL}"><span class="title">{Name}</span></a></left>
  753. <div style="margin-left:3px;">{block:Description}{Description}{/block:Description}</div>
  754. {block:IndexPage}
  755. {/block:IndexPage}
  756. {block:Link}
  757.  
  758.  
  759. {block:Photo}{block:IndexPage}
  760.  
  761. <div class="perma">
  762. <border><a id="notes{PostID}" href="{Permalink}">{NoteCount} notes</a> &middot; {timeago} &middot; <a href="{reblogurl}" target="_blank">reblog</border></div>
  763.  
  764.  
  765. {/block:IndexPage}
  766. {block:IndexPage}
  767. <a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=100%/></a>
  768. {/block:IndexPage}
  769. {block:permalinkpage}{LinkOpenTag}
  770. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=520px/>{LinkCloseTag}
  771. {/block:permalinkpage}
  772. {/block:Photo}
  773.  
  774. {block:Photoset}
  775. <center>
  776. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  777. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  778. </center>
  779.  
  780. {block:IndexPage}
  781.  
  782. {/block:IndexPage}
  783. {/block:Photoset}
  784.  
  785.  
  786. {block:Quote}
  787. <div style="margin-left:3px;">
  788. {Quote}</span>
  789. {block:Source}<strong>{Source}</strong>{/block:Source}
  790. </div>
  791.  
  792. {block:IndexPage}
  793. {/block:IndexPage}
  794. {/block:Quote}
  795.  
  796. {block:Chat}
  797. <div style="margin-left:3px;">
  798. {block:Title}<span class="title">{Title}</span>{/block:Title}
  799. <ul class="chat">
  800. {block:Lines}
  801. <li class="user_{UserNumber}">
  802. {block:Label}
  803. <span class="label">{Label}</span>
  804. {/block:Label}
  805. {Line}
  806. </li>
  807. {/block:Lines}
  808. </ul>
  809. </div>
  810.  
  811. {block:IndexPage}
  812. {/block:IndexPage}
  813. {/block:Chat}
  814.  
  815. {block:Audio}
  816. <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>
  817. {block:IndexPage}
  818. {/block:IndexPage}
  819. {/block:Audio}
  820.  
  821. {block:Video}
  822. {block:IndexPage}
  823. <center>
  824. {Video-250}</center>
  825. {/block:IndexPage}
  826. {block:PermalinkPage}
  827. <center>
  828. {Video-500}</center>
  829. {/block:PermalinkPage}
  830.  
  831. {block:IndexPage}
  832. {/block:IndexPage}
  833. {block:Video}
  834.  
  835.  
  836.  
  837. {block:IndexPage}
  838. {block:Text}
  839. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  840. {/block:Text}
  841. {block:Photoset}
  842. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  843. {/block:Photoset}
  844. {block:Quote}
  845. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  846. {/block:Quote}
  847. {block:Link}
  848. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  849. {/block:Link}
  850. {block:Chat}
  851. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  852. {/block:Chat}
  853. {block:Audio}
  854. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  855. {/block:Audio}
  856. {block:Answer}
  857. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  858. {/block:Answer}
  859. {/block:IndexPage}
  860.  
  861. {block:PostNotes}<div align="middle">{caption}</div>
  862. <center>
  863.  
  864. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  865.  
  866. {block:HasTags}
  867. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  868. {block:RebloggedFrom}
  869. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  870. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  871.  
  872. {/block:RebloggedFrom}
  873. </center></span>
  874. <br>
  875. <div id="postnotes">{PostNotes}</div><br>
  876.  
  877. <center>{block:ContentSource}
  878. <br><a href="{SourceURL}">
  879. {lang:Source}:
  880. {block:SourceLogo}
  881. <img src="{BlackLogoURL}" width="{LogoWidth}"
  882. height="{LogoHeight}" alt="{SourceTitle}" />
  883. {/block:SourceLogo}
  884. {block:NoSourceLogo}
  885. {SourceLink}
  886. {/block:NoSourceLogo}
  887. </a>
  888. {/block:ContentSource}</center>
  889.  
  890. {/block:PostNotes}
  891. </div>
  892. {/block:Posts}
  893. </div></div>
  894.  
  895. {block:IndexPage}
  896. {block:Pagination}
  897. <div id="pagination">
  898. {block:NextPage}
  899. <a id="nextPage" href="{NextPage}"></a>
  900. {/block:NextPage}
  901. {block:PreviousPage}
  902. <a href="{PreviousPage}"></a>
  903. {/block:PreviousPage}
  904. </div>
  905. {/block:Pagination}
  906. {/block:IndexPage}
  907.  
  908.  
  909. <div style="position: fixed; right:6px;bottom:10px;">
  910. <span class="cred">
  911. <a href="http://teenageblog.tumblr.com/" target="_blank">
  912. ☾
  913. </a></span></div>
  914. </body>
  915. </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!