Advertisement
yeoli

Theme 11 - Onze

Jan 1st, 2013
21,540
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.21 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!---THEME 11 - ONZE
  5. MADE BY YEOLI-THM.TUMBLR.COM --->
  6.  
  7. <head>
  8.  
  9. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  10. <link rel="shortcut icon" href="{Favicon}" />
  11. <meta name="description" content="{MetaDescription}" />
  12. <meta name="color:Background" content="#ffffff"/>
  13. <meta name="color:Borders" content="#64c9c9"/>
  14. <meta name="color:Borders Hover" content="#b4b4b4"/>
  15. <meta name="color:Blog Title"content="#969696"/>
  16. <meta name="color:Text" content="#969696"/>
  17. <meta name="color:Bold Text" content="#60b3b3"/>
  18. <meta name="color:Italic Text" content="#21757a"/>
  19. <meta name="color:Links" content="#64c9c9"/>
  20. <meta name="color:Links Hover" content="#969696"/>
  21. <meta name="color:Post Background" content="#eeeeee"/>
  22. <meta name="color:Sidebar Background" content="#eeeeee"/>
  23. <meta name="color:Sidebar Text" content="#969696"/>
  24. <meta name="color:Sidebar Text Background" content="#ffffff"/>
  25. <meta name="color:Chat Text" content="#969696"/>
  26. <meta name="color:Chat Background" content="#ffffff"/>
  27. <meta name="color:Question Background" content="#ffffff"/>
  28. <meta name="color:Question Border" content="#64c9c9"/>
  29. <meta name="color:Question Border Hover" content="#b4b4b4"/>
  30. <meta name="image:Background" content=""/>
  31. <meta name="image:Sidebar Image" content="http://media.tumblr.com/958eadbe30b0cf7f417ab284b40a56a0/tumblr_inline_mfpig8JIpI1r0x4q9.jpg"/>
  32. <meta name="image:Sidebar Background" content=""/>
  33. <meta name="text:Link1 URL"content=""/>
  34. <meta name="text:Link1" content="Link 1"/>
  35. <meta name="text:Link2 URL"content=""/>
  36. <meta name="text:Link2" content="Link 2"/>
  37. <meta name="text:Link3 URL"content=""/>
  38. <meta name="text:Link3" content="Link 3"/>
  39. <meta name="text:Link4 URL"content=""/>
  40. <meta name="text:Link4" content="Link 4"/>
  41. <meta name="text:Link5 URL"content=""/>
  42. <meta name="text:Link5" content="Link 5"/>
  43. <meta name="text:Link6 URL"content=""/>
  44. <meta name="text:Link6" content="Link 6"/>
  45. <meta name="if:Music Player" content="0"/>
  46. <meta name="if:Show Captions" content="0"/>
  47. <meta name="if:Show Tags" content="0"/>
  48. <meta name="if:Infinite Scroll" content="0"/>
  49. <meta name="if:250px" content="0"/>
  50. <meta name="if:400px" content="1"/>
  51. <meta name="if:500px" content="0"/>
  52.  
  53. <style type="text/css">
  54.  
  55. #tumblr_controls, .tmblr-iframe{
  56. position:fixed!important;
  57. z-index:99999!important;
  58. top:0px!important;
  59. right:0px!important;
  60. }
  61.  
  62. ::-webkit-scrollbar {
  63. width:5px;
  64. height:10px;
  65. background-color:{color:Sidebar Background};
  66. }
  67.  
  68. ::-webkit-scrollbar-thumb:vertical{
  69. height:20px;
  70. background-color:{color:Borders};
  71. }
  72.  
  73. ::-webkit-scrollbar-thumb:vertical:hover{
  74. background-color:{color:Borders Hover};
  75. }
  76.  
  77. body{
  78. margin:0px;
  79. padding:0px;
  80. background-attachment:fixed;
  81. background-repeat:repeat;
  82. background-image:url('{image:Background}');
  83. background-color:{color:Background};
  84. }
  85.  
  86. a, a:link, a:active, a:visited{
  87. text-decoration:none;
  88. color: {color:Links};
  89. -webkit-transition: all 0.5s linear;
  90. -moz-transition: all 0.5s linear;
  91. transition: all 0.5s linear;
  92. text-decoration: none;
  93. }
  94.  
  95. a:hover{
  96. text-decoration: none;
  97. color: {color:Links Hover};
  98. -webkit-transition: all 0.5s linear;
  99. -moz-transition: all 0.5s linear;
  100. transition: all 0.5s linear;
  101. }
  102.  
  103. #content{
  104. margin-top:20px;
  105. margin-bottom:20px;
  106. {block:IndexPage}
  107. {block:If250px}margin-left:190px;width:260px;{/block:If250px}
  108. {block:If400px}margin-left:115px;width:410px;{/block:If400px}
  109. {block:If500px}margin-left:65px;width:510px;{/block:If500px}
  110. {/block:IndexPage}
  111. {block:PermalinkPage}
  112. {block:IfNot500px}margin-left:115px;width:410px;{/block:IfNot500px}
  113. {block:If500px}margin-left:65px;width:510px;{/block:If500px}
  114. {/block:PermalinkPage}
  115. }
  116.  
  117. .posts{
  118. overflow:hidden;
  119. font-family:Calibri;
  120. font-size:10px;
  121. margin-top:15px;
  122. margin-bottom:15px;
  123. padding-top:10px;
  124. padding-left:10px;
  125. padding-right:10px;
  126. padding-bottom:8px;
  127. color:{color:Text};
  128. background:{color:Post Background};
  129. {block:IndexPage}
  130. {block:If250px}width:250px;{/block:If250px}
  131. {block:If400px}width:400px;{/block:If400px}
  132. {block:If500px}width:500px;{/block:If500px}
  133. {/block:IndexPage}
  134. {block:PermalinkPage}
  135. {block:IfNot500px}width:400px;{/block:IfNot500px}
  136. {block:If500px}width:500px;{/block:If500px}
  137. {/block:PermalinkPage}
  138. }
  139.  
  140. b, strong{
  141. color:{color:Bold Text};
  142. }
  143.  
  144. i, em {
  145. color:{color:Italic Text};
  146. }
  147.  
  148. blockquote{
  149. padding-left:5px;
  150. border-left:5px solid {color:Borders};
  151. }
  152.  
  153. #headings{
  154. font-size:12px;
  155. text-align:right;
  156. text-transform:uppercase;
  157. border-bottom:1px solid {color:Borders};
  158. }
  159.  
  160. ul.chat {
  161. margin: 0;
  162. padding: 0;
  163. }
  164.  
  165. .chat li {
  166. list-style-type: none;
  167. margin-left:0px;
  168. padding-left:5px;
  169. }
  170.  
  171. .chat li.odd {
  172. margin-bottom: 0px;
  173. color:{color:Chat Text};
  174. background-color:{color:Chat Background};
  175. }
  176.  
  177. .chat li.even {
  178. margin-bottom: 0px;
  179. color:{color:Text};
  180. background-color: {color:Post Background};
  181. }
  182.  
  183. .label {
  184. color:{color:Bold Text};
  185. }
  186.  
  187. #audio{
  188. min-height:60px;
  189. }
  190.  
  191. #art{
  192. opacity:1;
  193. float:left;
  194. width:50px;
  195. height:50px;
  196. margin-left:0px;
  197. margin-top:0px;
  198. margin-right:10px;
  199. background:#000000;
  200. border:5px solid {color:Borders};
  201. -webkit-transition: all 0.5s linear;
  202. -moz-transition: all 0.5s linear;
  203. transition: all 0.5s linear;
  204. }
  205.  
  206. #art img{
  207. width:50px;
  208. height:50px;
  209. }
  210.  
  211. .posts:hover #art{
  212. opacity:0;
  213. -webkit-transition: all 0.5s linear;
  214. -moz-transition: all 0.5s linear;
  215. transition: all 0.5s linear;
  216. }
  217.  
  218. #audioo{
  219. opacity:0;
  220. float:left;
  221. width:50px;
  222. height:50px;
  223. margin-left:-70px;
  224. margin-top:0px;
  225. margin-right:10px;
  226. background:#000000;
  227. border:5px solid {color:Borders Hover};
  228. -webkit-transition: all 0.5s linear;
  229. -moz-transition: all 0.5s linear;
  230. transition: all 0.5s linear;
  231. }
  232.  
  233. .posts:hover #audioo{
  234. opacity:1;
  235. -webkit-transition: all 0.5s linear;
  236. -moz-transition: all 0.5s linear;
  237. transition: all 0.5s linear;
  238. }
  239.  
  240. #audio1{
  241. float:left;
  242. opacity:0.8;
  243. margin-left:15px;
  244. margin-top:15px;
  245. width:20px;
  246. height:20px;
  247. overflow:hidden;
  248. }
  249.  
  250. #audio2{
  251. margin-top:-3px;
  252. margin-left:-3px;
  253. }
  254.  
  255. #question{
  256. text-transform:uppercase;
  257. text-align:left;
  258. min-height:23px;
  259. padding:5px;
  260. font-size:10px;
  261. color:{color:Text};
  262. background:{color:Question Background};
  263. }
  264.  
  265. #asker{
  266. float:left;
  267. margin-right:5px;
  268. margin-left:-5px;
  269. padding:5px;
  270. color:{color:Question Background};
  271. background:{color:Question Border};
  272. -webkit-transition: all 0.5s linear;
  273. -moz-transition: all 0.5s linear;
  274. transition: all 0.5s linear;
  275. }
  276.  
  277. #asker a{
  278. color:{color:Question Background};
  279. }
  280.  
  281. #asker:hover{
  282. background:{color:Question Border Hover};
  283. -webkit-transition: all 0.5s linear;
  284. -moz-transition: all 0.5s linear;
  285. transition: all 0.5s linear;
  286. }
  287.  
  288. #tags{
  289. border-top:1px solid {color:Text};
  290. text-align:uppercase;
  291. -webkit-transition: all 0.5s linear;
  292. -moz-transition: all 0.5s linear;
  293. transition: all 0.5s linear;
  294. }
  295.  
  296. #tags:hover{
  297. border-top:1px solid {color:Links};
  298. -webkit-transition: all 0.5s linear;
  299. -moz-transition: all 0.5s linear;
  300. transition: all 0.5s linear;
  301. }
  302.  
  303. #tags a{
  304. margin-right:4px;
  305. color:{color:Text};
  306. -webkit-transition: all 0.5s linear;
  307. -moz-transition: all 0.5s linear;
  308. transition: all 0.5s linear;
  309. }
  310.  
  311. #tags a:hover{
  312. color:{color:Links};
  313. -webkit-transition: all 0.5s linear;
  314. -moz-transition: all 0.5s linear;
  315. transition: all 0.5s linear;
  316. }
  317.  
  318. .posts #perma{
  319. position:absolute;
  320. margin-top:-15px;
  321. font-size:8px;
  322. text-transform:uppercase;
  323. opacity:0;
  324. text-align:right;
  325. {block:If250px}width:250px;{/block:If250px}
  326. {block:If400px}width:400px;{/block:If400px}
  327. {block:If500px}width:500px;{/block:If500px}
  328. -webkit-transition: all 0.5s linear;
  329. -moz-transition: all 0.5s linear;
  330. transition: all 0.5s linear;
  331. }
  332.  
  333. .posts:hover #perma{
  334. opacity:1;
  335. -webkit-transition: all 0.5s linear;
  336. -moz-transition: all 0.5s linear;
  337. transition: all 0.5s linear;
  338. }
  339.  
  340. #info{
  341. margin-top:5px;
  342. padding-top:5px;
  343. border-top:1px solid {color:Borders};
  344. {block:IfNot500px}width:400px;{/block:IfNot500px}
  345. {block:If500px}width:500px;{/block:If500px}
  346. }
  347.  
  348. #note{
  349. {block:IfNot500px}width:400px;{/block:IfNot500px}
  350. {block:If500px}width:500px;{/block:If500px}
  351. padding:0px 5px;
  352. }
  353.  
  354. ol.notes{
  355. padding-left:5px;
  356. list-style-type:none;
  357. }
  358.  
  359. #tag a{
  360. margin-right:4px;
  361. }
  362.  
  363. #pagi_left{
  364. position:fixed;
  365. bottom:30px;
  366. left:0px;
  367. width:15px;
  368. height:100px;
  369. border-left:2px solid {color:Borders};
  370. background:{color:Sidebar Background};
  371. -webkit-transition: all 0.5s linear;
  372. -moz-transition: all 0.5s linear;
  373. transition: all 0.5s linear;
  374. }
  375.  
  376. #pagi_left:hover{
  377. border-left:2px solid {color:Borders Hover};
  378. -webkit-transition: all 0.5s linear;
  379. -moz-transition: all 0.5s linear;
  380. transition: all 0.5s linear;
  381. }
  382.  
  383. #pagi_right{
  384. position:fixed;
  385. bottom:30px;
  386. left:633px;
  387. width:15px;
  388. height:100px;
  389. border-right:2px solid {color:Borders};
  390. background:{color:Sidebar Background};
  391. -webkit-transition: all 0.5s linear;
  392. -moz-transition: all 0.5s linear;
  393. transition: all 0.5s linear;
  394. }
  395.  
  396. #pagi_right:hover{
  397. border-right:2px solid {color:Borders Hover};
  398. -webkit-transition: all 0.5s linear;
  399. -moz-transition: all 0.5s linear;
  400. transition: all 0.5s linear;
  401. }
  402.  
  403. .pagi{
  404. margin-left:5px;
  405. margin-top:28px;
  406. font-size:10px;
  407. font-family:calibri;
  408. text-transform:uppercase;
  409. line-height:10px;
  410. color:{color:Text};
  411. }
  412.  
  413. #top a{
  414. position:fixed;
  415. bottom:30px;
  416. left:633px;
  417. width:15px;
  418. height:40px;
  419. font-size:20px;
  420. font-family:times new roman;
  421. padding-top:10px;
  422. text-align:center;
  423. border-right:2px solid {color:Borders};
  424. color:{color:Sidebar Text};
  425. background:{color:Sidebar Background};
  426. -webkit-transition: all 0.5s linear;
  427. -moz-transition: all 0.5s linear;
  428. transition: all 0.5s linear;
  429. }
  430.  
  431. #top a:hover{
  432. border-right:2px solid {color:Borders Hover};
  433. -webkit-transition: all 0.5s linear;
  434. -moz-transition: all 0.5s linear;
  435. transition: all 0.5s linear;
  436. }
  437.  
  438. #sidebar{
  439. font-family:calibri;
  440. position:fixed;
  441. left:650px;
  442. top:0px;
  443. height:100%;
  444. width:100%;
  445. background:{color:Sidebar Background};
  446. background-image:url('{image:Sidebar Background}');
  447. }
  448.  
  449. #side{
  450. margin-top:80px;
  451. margin-left:50px;
  452. width:130px;
  453. }
  454.  
  455. #image{
  456. overflow:hidden;
  457. width:120px;
  458. min-height:120px;
  459. padding-top:5px;
  460. padding-left:5px;
  461. padding-right:5px;
  462. padding-bottom:2px;
  463. background:{color:Sidebar Text Background};
  464. }
  465.  
  466. #line{
  467. width:130px;
  468. height:2px;
  469. background:{color:Borders};
  470. -webkit-transition: all 0.5s linear;
  471. -moz-transition: all 0.5s linear;
  472. transition: all 0.5s linear;
  473. }
  474.  
  475. #side:hover #line{
  476. background:{color:Borders Hover};
  477. -webkit-transition: all 0.5s linear;
  478. -moz-transition: all 0.5s linear;
  479. transition: all 0.5s linear;
  480. }
  481.  
  482. #title{
  483. width:130px;
  484. text-transform:uppercase;
  485. text-align:center;
  486. padding-top:1px;
  487. padding-bottom:1px;
  488. font-size:11px;
  489. color:{color:Blog Title};
  490. background:{color:Sidebar Text Background};
  491. }
  492.  
  493. #description{
  494. margin-top:10px;
  495. margin-left:50px;
  496. padding:5px;
  497. width:120px;
  498. font-size:8px;
  499. text-transform:uppercase;
  500. text-align:justify;
  501. color:{color:Sidebar Text};
  502. background:{color:Sidebar Text Background};
  503. }
  504.  
  505. #navi{
  506. position:fixed;
  507. margin-top:90px;
  508. margin-left:185px;
  509. width:130px;
  510. }
  511.  
  512. #navi1{
  513. width:16px;
  514. height:16px;
  515. padding:4px;
  516. background:{color:Sidebar Text Background};
  517. border-left:0px solid {color:Borders};
  518. -webkit-transition: all 0.5s linear;
  519. -moz-transition: all 0.5s linear;
  520. transition: all 0.5s linear;
  521. }
  522.  
  523. #navi2{
  524. margin-top:5px;
  525. width:16px;
  526. height:16px;
  527. padding:4px;
  528. background:{color:Sidebar Text Background};
  529. border-left:0px solid {color:Borders};
  530. -webkit-transition: all 0.5s linear;
  531. -moz-transition: all 0.5s linear;
  532. transition: all 0.5s linear;
  533. }
  534.  
  535. #navi3{
  536. margin-top:5px;
  537. width:16px;
  538. height:16px;
  539. padding:4px;
  540. background:{color:Sidebar Text Background};
  541. border-left:0px solid {color:Borders};
  542. -webkit-transition: all 0.5s linear;
  543. -moz-transition: all 0.5s linear;
  544. transition: all 0.5s linear;
  545. }
  546.  
  547. #navi4{
  548. margin-top:5px;
  549. width:16px;
  550. height:16px;
  551. padding:4px;
  552. background:{color:Sidebar Text Background};
  553. border-left:0px solid {color:Borders};
  554. -webkit-transition: all 0.5s linear;
  555. -moz-transition: all 0.5s linear;
  556. transition: all 0.5s linear;
  557. }
  558.  
  559. #navi1:hover, #navi2:hover, #navi3:hover, #navi4:hover{
  560. border-left:2px solid {color:Borders Hover};
  561. -webkit-transition: all 0.5s linear;
  562. -moz-transition: all 0.5s linear;
  563. transition: all 0.5s linear;
  564. }
  565.  
  566.  
  567. #nav{
  568. position:fixed;
  569. margin-left:-136px;
  570. margin-top:-24px;
  571. height:24px;
  572. width:0px;
  573. overflow:hidden;
  574. float:left;
  575. padding-right:0px;
  576. font-size:9px;
  577. line-height:23px;
  578. text-align:right;
  579. text-transform:uppercase;
  580. color:{color:Sidebar Text};
  581. background:{color:Sidebar Text Background};
  582. -webkit-transition: all 0.5s linear;
  583. -moz-transition: all 0.5s linear;
  584. transition: all 0.5s linear;
  585. }
  586.  
  587. #navi1:hover #nav, #navi2:hover #nav, #navi3:hover #nav, #navi4:hover #nav{
  588. padding-right:5px;
  589. width:116px;
  590. -webkit-transition: all 0.5s linear;
  591. -moz-transition: all 0.5s linear;
  592. transition: all 0.5s linear;
  593. }
  594.  
  595. #links{
  596. margin-top:10px;
  597. margin-left:50px;
  598. }
  599.  
  600. #links1{
  601. position:fixed;
  602. }
  603.  
  604. #links2{
  605. margin-left:67px;
  606. }
  607.  
  608. #links1 a, #links2 a{
  609. display:block;
  610. text-transform:uppercase;
  611. font-size:8px;
  612. margin-bottom:4px;
  613. width:53px;
  614. padding-left:5px;
  615. padding-right:5px;
  616. text-align:center;
  617. color:{color:Sidebar Text};
  618. background:{color:Sidebar Text Background};
  619. border-bottom:0px solid {color:Borders};
  620. -webkit-transition: all 0.5s linear;
  621. -moz-transition: all 0.5s linear;
  622. transition: all 0.5s linear;
  623. }
  624.  
  625. #links1 a:hover, #links2 a:hover{
  626. margin-bottom:3px;
  627. border-bottom:1px solid {color:Borders Hover};
  628. -webkit-transition: all 0.5s linear;
  629. -moz-transition: all 0.5s linear;
  630. transition: all 0.5s linear;
  631. }
  632.  
  633. #box{
  634. position:fixed;
  635. bottom:30px;
  636. left:0px;
  637. width:15px;
  638. height:50px;
  639. border-left:2px solid {color:Borders};
  640. background:{color:Sidebar Background};
  641. {block:IfInfiniteScroll}bottom:30px;{/block:IfInfiniteScroll}
  642. {block:IfNotInfiniteScroll}
  643. bottom:30px;
  644. {block:PreviousPage}bottom:160px;{block:PreviousPage}
  645. {/block:IfNotInfiniteScroll}
  646. -webkit-transition: all 0.5s linear;
  647. -moz-transition: all 0.5s linear;
  648. transition: all 0.5s linear;
  649. }
  650.  
  651. #box:hover{
  652. width:30px;
  653. border-left:2px solid {color:Borders Hover};
  654. -webkit-transition: all 0.5s linear;
  655. -moz-transition: all 0.5s linear;
  656. transition: all 0.5s linear;
  657. }
  658.  
  659. #icon{
  660. position:fixed;
  661. margin-top:15px;
  662. margin-left:3px;
  663. opacity:1;
  664. color:{color:Sidebar Text};
  665. -webkit-transition: all 0.5s linear;
  666. -moz-transition: all 0.5s linear;
  667. transition: all 0.5s linear;
  668. }
  669.  
  670. #box:hover #icon{
  671. opacity:0;
  672. -webkit-transition: all 0.5s linear;
  673. -moz-transition: all 0.5s linear;
  674. transition: all 0.5s linear;
  675. }
  676.  
  677. #musicbox{
  678. position:fixed;
  679. opacity:0;
  680. width:0px;
  681. height:20px;
  682. overflow:hidden;
  683. margin-top:10px;
  684. margin-left:0px;
  685. -webkit-transition: all 0.5s linear;
  686. -moz-transition: all 0.5s linear;
  687. transition: all 0.5s linear;
  688. }
  689.  
  690. #music{
  691. opacity:0.6;
  692. margin-top:0px;
  693. margin-left:-23px;
  694. }
  695.  
  696. #box:hover #musicbox{
  697. width:26px;
  698. opacity:1;
  699. -webkit-transition: all 0.5s linear;
  700. -moz-transition: all 0.5s linear;
  701. transition: all 0.5s linear;
  702. }
  703.  
  704. </style>
  705. <style type="text/css">{CustomCSS}</style>
  706. </head>
  707. <body>
  708.  
  709. {block:IfMusicPlayer}
  710. <div id="box"><div id="icon">♪</div>
  711. <div id="musicbox"><div id="music">
  712.  
  713. <!------- MUSIC PLAYER CODE GOES HERE: ------->
  714.  
  715.  
  716.  
  717.  
  718.  
  719. <!-------------------------------------------->
  720.  
  721. </div></div></div>
  722. {/block:IfMusicPlayer}
  723.  
  724. {block:IfInfiniteScroll}
  725. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  726. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js” type=”text/javascript"></script>
  727. {block:IndexPage}
  728. <div id="top"><a href="#top">↑</a></div>
  729. {/block:IndexPage}
  730. {/block:IfInfiniteScroll}
  731.  
  732. {block:IfNotInfiniteScroll}
  733. {block:Pagination}
  734. {block:PreviousPage}<a href="{PreviousPage}"><div id="pagi_left"><div class="pagi">b<br/>a<br/>c<br/>k</div></div></a>{/block:PreviousPage}
  735. {block:NextPage}<a href="{NextPage}"><div id="pagi_right"><div class="pagi">n<br/>e<br/>x<br/>t</div></div><a>{/block:NextPage}
  736. {/block:Pagination}
  737. {/block:IfNotInfiniteScroll}
  738.  
  739. <div id="sidebar">
  740. <div id="navi">
  741. <div id="navi1"><a href="/"><img src="http://media.tumblr.com/e8883cde54b5801962fb223c90feed8a/tumblr_inline_mfr6mnPn8z1r0x4q9.png" /></a><div id="nav">home</div></div>
  742. <div id="navi2"><a href="/ask"><img src="http://media.tumblr.com/61a7a5c2ea134ffc7d892995cb88f78d/tumblr_inline_mfr6nraR9O1r0x4q9.png" /></a><div id="nav">message</div></div>
  743. <div id="navi3"><a href="/archive"><img src="http://media.tumblr.com/9a1960ee25c316b278ddf8926e5e7ccc/tumblr_inline_mfr6ojEKrO1r0x4q9.png" /></a><div id="nav">archive</div></div>
  744. <div id="navi4"><a href="http://yeoli-thm.tumblr.com" target="_blank"><img src="http://media.tumblr.com/491cc646f883a1e77592b955cba7a6f7/tumblr_inline_mfr6p39Qh61r0x4q9.png" /></a><div id="nav">theme</div></div>
  745. </div>
  746. <div id="side"><a href="/">
  747. <div id="image"><img src="{image:Sidebar Image}" width="120px"/></div>
  748. <div id="line"></div>
  749. <div id="title">{Title}</div>
  750. </a></div>
  751. <div id="description">{Description}</div>
  752. <div id="links">
  753. <div id="links1">
  754. {block:IfLink1}<a href="{text:Link1 URL}">{text:link1}</a>{/block:IfLink1}
  755. {block:IfLink3}<a href="{text:Link3 URL}">{text:link3}</a>{/block:IfLink3}
  756. {block:IfLink5}<a href="{text:Link5 URL}">{text:link5}</a>{/block:IfLink5}
  757. </div>
  758. <div id="links2">
  759. {block:IfLink2}<a href="{text:Link2 URL}">{text:link2}</a>{/block:IfLink2}
  760. {block:IfLink4}<a href="{text:Link4 URL}">{text:link4}</a>{/block:IfLink4}
  761. {block:IfLink6}<a href="{text:Link6 URL}">{text:link6}</a>{/block:IfLink6}
  762. </div>
  763. </div>
  764. </div>
  765.  
  766. <div id="content">
  767. {block:Posts}
  768. <div class="posts">
  769.  
  770. {block:IndexPage}
  771. <div id="perma">posted {TimeAgo} - <a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank">reblog</a></div>
  772. {/block:IndexPage}
  773.  
  774. {block:Text}
  775. {block:Title}<div id="headings">{Title}</div>{/block:Title}
  776. {Body}
  777. {block:IndexPage}
  778. {block:IfShowTags}{block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:IfShowTags}
  779. {/block:IndexPage}
  780. {/block:Text}
  781.  
  782. {block:Photo}
  783. {block:IndexPage}
  784. {block:If250px}<img src="{PhotoURL-500}" width="250px"/>{/block:If250px}
  785. {block:If400px}<img src="{PhotoURL-500}" width="400px"/>{/block:If400px}
  786. {block:If500px}<img src="{PhotoURL-500}" width="500px"/>{/block:If500px}
  787. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  788. {block:IfShowTags}{block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:IfShowTags}
  789. {/block:IndexPage}
  790. {block:PermalinkPage}<a href="{LinkURL}" target="_blank">
  791. {block:IfNot500px}<img src="{PhotoURL-500}" width="400px"/>{/block:IfNot500px}
  792. {block:If500px}<img src="{PhotoURL-500}" width="500px"/>{/block:If500px}
  793. </a>{block:PermalinkPage}
  794. {block:PermalinkPage}
  795. {block:Caption}{Caption}{/block:Caption}
  796. {/block:PermalinkPage}
  797. {/block:Photo}
  798.  
  799. {block:Photoset}
  800. {block:IndexPage}
  801. {block:If250px}{Photoset-250}{/block:If250px}
  802. {block:If400px}{Photoset-400}{/block:If400px}
  803. {block:If500px}{Photoset-500}{/block:If500px}
  804. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  805. {block:IfShowTags}{block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:IfShowTags}
  806. {/block:IndexPage}
  807. {block:PermalinkPage}
  808. {block:IfNot500px}{Photoset-400}{/block:IfNot500px}
  809. {block:If500px}{Photoset-500}{/block:If500px}
  810. {/block:PermalinkPage}
  811. {block:PermalinkPage}
  812. {block:Caption}{Caption}{/block:Caption}
  813. {/block:PermalinkPage}
  814. {/block:Photoset}
  815.  
  816. {block:Video}
  817. {block:IndexPage}
  818. {block:If250px}{Video-250}{/block:If250px}
  819. {block:If400px}{Video-400}{/block:If400px}
  820. {block:If500px}{Video-500}{/block:If500px}
  821. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  822. {block:IfShowTags}{block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:IfShowTags}
  823. {/block:IndexPage}
  824. {block:PermalinkPage}
  825. {block:IfNot500px}{Video-400}{/block:IfNot500px}
  826. {block:If500px}{Video-500}{/block:If500px}
  827. {/block:PermalinkPage}
  828. {block:PermalinkPage}
  829. {block:Caption}{Caption}{/block:Caption}
  830. {/block:PermalinkPage}
  831. {/block:Video}
  832.  
  833. {block:Quote}
  834. <div style="border-left:5px solid {color:Borders};padding-left:5px;"> {Quote} </div>
  835. {block:Source}<div align="right">- {Source}</div>{/block:Source}
  836. {block:IndexPage}
  837. {block:IfShowTags}{block:HasTags}<div id="tags" style="margin-top:5px;">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:IfShowTags}
  838. {/block:IndexPage}
  839. {/block:Quote}
  840.  
  841. {block:Link}
  842. <div id="headings"><a href="{URL}" target="{Target}">{Name}</a></div>
  843. {block:Description}{Description}{/block:Description}
  844. {block:IndexPage}
  845. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  846. {block:IfShowTags}{block:HasTags}<div id="tags" style="margin-top:5px;">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:IfShowTags}
  847. {/block:IndexPage}
  848. {block:PermalinkPage}
  849. {block:Caption}{Caption}{/block:Caption}
  850. {/block:PermalinkPage}
  851. {/block:Link}
  852.  
  853. {block:Chat}
  854. {block:Title}<div id="headings">{Title}</div>{/block:Title}
  855. <ul class="chat">
  856. {block:Lines}
  857. <li class="{Alt} user_{UserNumber}">
  858. {block:Label}
  859. <span class="label">{Label}</span>
  860. {/block:Label}
  861. {Line}
  862. </li>
  863. {/block:Lines}
  864. </ul>
  865. {block:IndexPage}
  866. {block:IfShowTags}{block:HasTags}<div id="tags" style="margin-top:5px;">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:IfShowTags}
  867. {/block:IndexPage}
  868. {/block:Chat}
  869.  
  870. {block:Audio}
  871. <div id="art">{block:AlbumArt}<img src="{AlbumArtURL}"/>{/block:AlbumArt}</div>
  872. <div id="audioo"><div id="audio1"><div id="audio2">{AudioPlayerBlack}</div></div></div>
  873. <div id="audio">
  874. {block:TrackName}<b>Title:</b> {TrackName}<br/>{/block:TrackName}
  875. {block:Artist}<b>Artist:</b> {Artist}<br/>{/block:Artist}
  876. {block:Album}<b>Album:</b> {Album}<br/>{/block:Album}
  877. {block:PlayCount}<b>♫:</b> {PlayCountWithLabel}<br/>{/block:PlayCount}
  878. </div>
  879. {block:IndexPage}
  880. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  881. {block:IfShowTags}{block:HasTags}<div id="tags" style="margin-top:5px;">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:IfShowTags}
  882. {/block:IndexPage}
  883. {block:PermalinkPage}
  884. {block:Caption}{Caption}{/block:Caption}
  885. {/block:PermalinkPage}
  886. {/block:Audio}
  887.  
  888. {block:Answer}
  889. <div id="question">
  890. <div id="asker">{Asker}</div> {Question}</div>
  891. {Answer}
  892. {block:IndexPage}
  893. {block:IfShowTags}{block:HasTags}<div id="tags" style="margin-top:5px;">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:IfShowTags}
  894. {/block:IndexPage}
  895. {/block:Answer}
  896.  
  897. {block:PermalinkPage}
  898. <div id="info">
  899. {block:Date}<div style="text-align: left; padding-right:5px">Posted on {ShortMonth} {DayOfMonthWithZero}, {Year}</div>{/block:Date}
  900. {block:RebloggedFrom}
  901. Via: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> Source: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>
  902. {/block:RebloggedFrom}
  903. {block:HasTags}<div id="tag">Tagged: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}
  904. </div>
  905. {block:PostNotes}
  906. <p>{NoteCountWithLabel}:
  907. <div id="note">{PostNotes}</div>
  908. {/block:PostNotes}
  909. {/block:PermalinkPage}
  910.  
  911. </div>
  912. {/block:Posts}
  913. </div>
  914. </body>
  915. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement