farflunghopes

cordrazine

Mar 15th, 2013
643
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.23 KB | None | 0 0
  1. <!--- Theme #22 'Cordrazine' by Brianna @ colorfulmetaphors.tumblr.com
  2.  
  3. Rules:
  4. 1. Do not remove the credit from the code or the theme. You may MOVE it, but leave it on the FIRST page of your blog, ie: it must be visible on the main page.
  5. 2. Do not redistribute this theme.
  6. 3. Do not steal this theme. Taking a portion of the code and adding it to your own theme/others' counts as stealing. If you want to learn how to do something, ask, and I will do my best to help you.
  7. 4. Do not use this theme as a base code.
  8. 5. If you have any problems, find glitches, or just need help, please ask me! That's not really a rule, but I'd love to help.
  9.  
  10. Help:
  11. - Theme looks best in Google Chrome.
  12. - SAVE and REFRESH the page before changing appearance options.
  13. - The background image REPEAT and POSITION can be changed under the appearance options. Select or deslect 'BackgroundImageRepeat' and enter the position in 'bgimgposition'.
  14. - There are four extra links available. Add them under the appearance options.
  15. - The sidebar image is the home link.
  16. - There are three post sizes available. For 250px, deselect both '400pxPosts' and '500pxPosts'.
  17. - Hovering over the sidebar reveals the extra links. To have them always visible, deselect 'HiddenLinks' in the appearance options.
  18. - The BODY font SIZE can be changed under the appearance options. DO NOT add 'px' after the number.
  19. - The 'highlight' and 'highlighttext' color options refer to the background and text color that appears when you click and drag the cursor.
  20.  
  21. Enjoy!
  22.  
  23. --->
  24.  
  25. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  26. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  27. <head><title>{Title}</title>
  28. <link rel="shortcut icon" href="{Favicon}">
  29. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  30. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  31.  
  32. <link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
  33.  
  34. <link href='http://fonts.googleapis.com/css?family=Volkhov' rel='stylesheet' type='text/css'>
  35.  
  36. <link href='http://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>
  37.  
  38. <link href='http://fonts.googleapis.com/css?family=Marck+Script' rel='stylesheet' type='text/css'>
  39.  
  40. <link href='http://fonts.googleapis.com/css?family=Signika' rel='stylesheet' type='text/css'>
  41.  
  42. <link href='http://fonts.googleapis.com/css?family=Rufina' rel='stylesheet' type='text/css'>
  43.  
  44. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  45. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  46. <script>
  47. (function($){
  48. $(document).ready(function(){
  49. $("[title]").style_my_tooltips();
  50. });
  51. })(jQuery);
  52. </script>
  53.  
  54. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  55.  
  56. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  57.  
  58. {block:IndexPage}
  59. {block:IfNot400pxPosts}
  60. {block:IfNot500pxPosts}
  61. <script type="text/javascript">
  62. $(window).load(function () {
  63. $('#entries').masonry({
  64. itemSelector : "#post",
  65. },
  66. function() { $('#entries').masonry({ appendedContent: $(this) }); }
  67. );
  68. });
  69. </script>
  70. {/block:IfNot500pxPosts}
  71. {/block:IfNot400pxPosts}
  72. {/block:IndexPage}
  73.  
  74. <meta name="color:background" content="#ffffff"/>
  75. <meta name="color:sidebar" content="#fffff">
  76. <meta name="color:text" content="#888888"/>
  77. <meta name="color:sidebar img bg" content="#ffffff"/>
  78. <meta name="color:blockquotes" content="#f8f8f8"/>
  79. <meta name="color:side text" content="#3e3e3e"/>
  80. <meta name="color:desc link" content="#b3b3b3"/>
  81. <meta name="color:borders" content="#e5e5e5"/>
  82. <meta name="color:link" content="#333333"/>
  83. <meta name="color:link hover" content="#999999"/>
  84. <meta name="color:tags" content="#9d9d9d"/>
  85. <meta name="color:tags hover" content="#777777"/>
  86. <meta name="color:info link" content="#555555"/>
  87. <meta name="color:info link hover" content="#999999"/>
  88. <meta name="color:side link" content="#444444"/>
  89. <meta name="color:side link hover" content="#cccccc"/>
  90. <meta name="color:title" content="#888888"/>
  91. <meta name="color:posts" content="#ffffff"/>
  92. <meta name="color:scrollbar background" content="#dddddd"/>
  93. <meta name="color:scrollbar" content="#999999"/>
  94. <meta name="color:highlight" content="#dddddd"/>
  95. <meta name="color:highlight text" content="#111111"/>
  96.  
  97. <meta name="font:sidebar" content="">
  98. <meta name="font:body" content=""/>
  99.  
  100. <meta name="image:sidebar" content=""/>
  101. <meta name="image:background" content="">
  102.  
  103. <meta name="text:bodyfontsize" content="11">
  104. <meta name="text:bgimgposition" content="bottom right" />
  105. <meta name="text:link1" content="/">
  106. <meta name="text:link1name" content="link 1">
  107. <meta name="text:link2" content="/">
  108. <meta name="text:link2name" content="link 2">
  109. <meta name="text:link3" content="/">
  110. <meta name="text:link3name" content="link 3">
  111. <meta name="text:link4" content="/">
  112. <meta name="text:link4name" content="link 4">
  113.  
  114. <meta name="if:BackgroundImageRepeat" content="" />
  115. <meta name="if:HiddenLinks" content="1"/>
  116. <meta name="if:400pxPosts" content=""/>
  117. <meta name="if:500pxPosts" content=""/>
  118.  
  119. <style type="text/css">
  120.  
  121. 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;}
  122. 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;}
  123.  
  124. ::-webkit-scrollbar {
  125. width: 7px;
  126. background-color:{color:scrollbar background};
  127. }
  128.  
  129. ::-webkit-scrollbar-thumb {
  130. width:7px;
  131. background-color:{color:scrollbar};
  132. }
  133.  
  134. ::selection {
  135. background: {color:highlight};
  136. color: {color:highlight text};
  137. }
  138.  
  139. #s-m-t-tooltip {
  140. z-index: 9999;
  141. background:{color:background};
  142. font-size: 7px;
  143. text-transform:uppercase;
  144. letter-spacing:1px;
  145. color:{color:text};
  146. max-width: 150px;
  147. padding: 5px 10px 5px 10px;
  148. display: block;
  149. margin: 17px 0px 0px -10px;
  150. box-shadow:3px 3px 5px;
  151. font-family: 'Droid Sans', sans-serif;
  152. }
  153.  
  154. body {
  155. background-color:{color:background};
  156. color:{color:text};
  157. font-size:{text:bodyfontsize}px;
  158. font-family:{font:body};
  159. background-image:url('{image:background}');
  160. background-attachment:fixed;
  161. word-spacing:1px;
  162. text-align:justify;
  163. background-position:{text:bgimgposition};
  164. {block:IfBackgroundImageRepeat}
  165. background-repeat:repeat;
  166. {/block:IfBackgroundImageRepeat}
  167. {block:IfNotBackgroundImageRepeat}
  168. background-repeat:no-repeat;
  169. {/block:IfNotBackgroundImageRepeat}
  170. }
  171.  
  172. a {
  173. color:{color:link};
  174. text-decoration:none;
  175. outline:none;
  176. -moz-outline-style:none;
  177. -webkit-transition: all 0.6s ease-out;
  178. -o-transition: all 0.6s ease-out;
  179. -webkit-transition: all 0.6s ease-out;
  180. -moz-transition: all 0.6s ease-out;
  181. }
  182.  
  183. a:hover {
  184. color:{color:link hover};
  185. -webkit-transition: all 0.6s ease-out;
  186. -o-transition: all 0.6s ease-out;
  187. -webkit-transition: all 0.6s ease-out;
  188. -moz-transition: all 0.6s ease-out;
  189. }
  190.  
  191. blockquote {
  192. padding:1px 10px 1px 10px;
  193. border-left:1px solid {color:text};
  194. margin-left:10px;
  195. font-size:9px;
  196. word-wrap:break-word;
  197. background-color:{color:blockquotes};
  198. {block:IndexPage}
  199. {block:If500pxPosts}
  200. width:460px;
  201. {/block:If500pxPosts}
  202. {block:If400pxPosts}
  203. width:360px;
  204. {/block:If400pxPosts}
  205. {block:IfNot400pxPosts}
  206. {block:IfNot500pxPosts}
  207. width:210px;
  208. {/block:IfNot500pxPosts}
  209. {/block:IfNot400pxPosts}
  210. {/block:IndexPage}
  211. {block:PermalinkPage}
  212. width:460px;
  213. {/block:PermalinkPage}
  214. }
  215.  
  216. blockquote blockquote {
  217. padding:5px 5px 5px 5px;
  218. border-left:1px solid {color:text};
  219. background-color:{color:blockquotes};
  220. {block:If500pxPosts}
  221. min-width:250px;
  222. width:auto;
  223. {/block:If500pxPosts}
  224. {block:If400pxPosts}
  225. min-width:200px;
  226. width:auto;
  227. {/block:If400pxPosts}
  228. {block:IfNot400pxPosts}
  229. {block:IfNot500pxPosts}
  230. min-width:100px;
  231. max-width:200px;
  232. width:auto;
  233. {/block:IfNot500pxPosts}
  234. {/block:IfNot400pxPosts}
  235. {/block:IndexPage}
  236. {block:PermalinkPage}
  237. min-width:250px;
  238. width:auto;
  239. {/block:PermalinkPage}
  240. }
  241.  
  242. blockquote img {
  243. {block:IndexPage}
  244. {block:If500pxPosts}
  245. max-width:430px;
  246. {/block:If500pxPosts}
  247. {block:If400pxPosts}
  248. max-width:330px;
  249. {/block:If400pxPosts}
  250. {block:IfNot400pxPosts}
  251. {block:IfNot500pxPosts}
  252. max-width:180px;
  253. {/block:IfNot500pxPosts}
  254. {/block:IfNot400pxPosts}
  255. {/block:IndexPage}
  256. {block:PermalinkPage}
  257. max-width:430px;
  258. {/block:PermalinkPage}
  259. }
  260.  
  261. h1 {
  262. font-size:12px;
  263. font-family: 'Rufina', serif;
  264. }
  265.  
  266. #theme {
  267. margin:auto;
  268. {block:IndexPage}
  269. {block:If500pxPosts}
  270. width:920px;
  271. {/block:If500pxPosts}
  272. {block:If400pxPosts}
  273. width:820px;
  274. {/block:If400pxPosts}
  275. {block:IfNot400pxPosts}
  276. {block:IfNot500pxPosts}
  277. width:950px;
  278. {/block:IfNot500pxPosts}
  279. {/block:IfNot400pxPosts}
  280. {/block:IndexPage}
  281. {block:PermalinkPage}
  282. width:920px;
  283. {/block:PermalinkPage}
  284. }
  285.  
  286.  
  287. #entries {
  288. padding-top:50px;
  289. {block:IndexPage}
  290. {block:If500pxPosts}
  291. width:530px;
  292. margin-left:260px;
  293. {/block:If500pxPosts}
  294. {block:If400pxPosts}
  295. width:430px;
  296. margin-left:260px;
  297. {/block:If400pxPosts}
  298. {block:IfNot400pxPosts}
  299. {block:IfNot500pxPosts}
  300. width:600px;
  301. margin-left:220px;
  302. {/block:IfNot500pxPosts}
  303. {/block:IfNot400pxPosts}
  304. {/block:IndexPage}
  305. {block:PermalinkPage}
  306. width:530px;
  307. margin-left:260px;
  308. {/block:PermalinkPage}
  309. }
  310.  
  311. #post {
  312. word-wrap:break-word;
  313. margin-bottom:50px;
  314. padding:10px;
  315. background-color:{color:posts};
  316. {block:IndexPage}
  317. {block:If500pxPosts}
  318. width:500px;
  319. {/block:If500pxPosts}
  320. {block:If400pxPosts}
  321. width:400px;
  322. {/block:If400pxPosts}
  323. {block:IfNot400pxPosts}
  324. {block:IfNot500pxPosts}
  325. width:250px;
  326. margin:15px;
  327. float:left;
  328. {/block:IfNot500pxPosts}
  329. {/block:IfNot400pxPosts}
  330. {/block:IndexPage}
  331. {block:PermalinkPage}
  332. width:500px;
  333. {/block:PermalinkPage}
  334. }
  335.  
  336. #sidebar {
  337. margin-top:50px;
  338. width:180px;
  339. position:fixed;
  340. text-align:center;
  341. padding:15px;
  342. background-color:{color:sidebar};
  343. }
  344.  
  345. #title {
  346. margin-top:10px;
  347. font-size:15px;
  348. text-align:center;
  349. letter-spacing:1px;
  350. color:{color:title};
  351. font-family: 'Marck Script', cursive;
  352. }
  353.  
  354. #sidebarimage {
  355. -webkit-transition: all 0.6s ease-out;
  356. -o-transition: all 0.6s ease-out;
  357. -webkit-transition: all 0.6s ease-out;
  358. -moz-transition: all 0.6s ease-out;
  359. }
  360.  
  361. #sidebarimage:hover {
  362. opacity:0.65;
  363. -webkit-transition: all 0.6s ease-out;
  364. -o-transition: all 0.6s ease-out;
  365. -webkit-transition: all 0.6s ease-out;
  366. -moz-transition: all 0.6s ease-out;
  367. }
  368.  
  369. #sidebarimage img {
  370. background-color:{color:sidebar img bg};
  371. overflow:hidden;
  372. width:150px;
  373. padding:12px;
  374. border:3px double {color:borders};
  375. }
  376.  
  377. #hover {
  378. }
  379.  
  380. {block:IfHiddenLinks}
  381. #hover:hover #link {
  382. margin-top:2px;
  383. }
  384.  
  385. #hover:hover #link a {
  386. opacity:1;
  387. }
  388. {/block:IfHiddenLinks}
  389.  
  390. #link {
  391. {block:IfHiddenLinks}
  392. margin-top:-13px;
  393. {/block:IfHiddenLinks}
  394. height:10px;
  395. width:170px;
  396. text-align:center;
  397. padding-top:3px;
  398. -webkit-transition: all 0.6s ease-out;
  399. -o-transition: all 0.6s ease-out;
  400. -webkit-transition: all 0.6s ease-out;
  401. -moz-transition: all 0.6s ease-out;
  402. }
  403.  
  404. #link a {
  405. {block:IfHiddenLinks}
  406. opacity:0;
  407. {/block:IfHiddenLinks}
  408. font-family:georgia, serif;
  409. display:inline-block;
  410. height:14px;
  411. margin-left:2px;
  412. margin-right:2px;
  413. font-size:8px;
  414. font-style:italic;
  415. text-align:center;
  416. overflow:hidden;
  417. color:{color:side link};
  418. -webkit-transition: all 0.6s ease-out;
  419. -o-transition: all 0.6s ease-out;
  420. -webkit-transition: all 0.6s ease-out;
  421. -moz-transition: all 0.6s ease-out;
  422. }
  423.  
  424. #link a:hover {
  425. color:{color:side link hover};
  426. -webkit-transition: all 0.6s ease-out;
  427. -o-transition: all 0.6s ease-out;
  428. -webkit-transition: all 0.6s ease-out;
  429. -moz-transition: all 0.6s ease-out;
  430. }
  431.  
  432. .text {
  433. text-align:justify;
  434. line-height:120%;
  435. padding:5px 5px 10px 5px;
  436. font-size:10px;
  437. color:{color:side text};
  438. font-family:{font:sidebar};
  439. width:170px;
  440. border-bottom:1px solid {color:borders};
  441. }
  442.  
  443. .text a {
  444. color:{color:desc link};
  445. }
  446.  
  447. .text a:hover {
  448. color:{color:scrollbar};
  449. }
  450.  
  451. #pagination {
  452. margin-top:12px;
  453. text-align:center;
  454. color:{color:side text};
  455. font-size:8px;
  456. font-family: 'Volkhov', serif;
  457. }
  458.  
  459. #paginaation a {
  460. font-family: 'Volkhov', serif;
  461. }
  462.  
  463. #info {
  464. font-size:7px;
  465. padding:5px;
  466. text-align:left;
  467. font-family: 'Signika', sans-serif;
  468. text-transform:uppercase;
  469. margin-top:10px;
  470. letter-spacing:1px;
  471. line-height:150%;
  472. border:1px solid {color:borders};
  473. }
  474.  
  475. #info a {
  476. color:{color:info link};
  477. line-height:150%;
  478. font-size:7px;
  479. {block:PermalinkPage}
  480. text-decoration:underline;
  481. {/block:PermalinkPage}
  482. }
  483.  
  484. #info a:hover {
  485. color:{color:info link hover};
  486. }
  487.  
  488. #tags {
  489. margin-top:3px;
  490. font-size:9px;
  491. font-family:georgia;
  492. text-transform:none;
  493. text-align:left;
  494. letter-spacing:0px;
  495. }
  496.  
  497. #tags a {
  498. margin-left:3px;
  499. color:{color:tags};
  500. font-style:italic;
  501. {block:IndexPage}
  502. font-size:8px;
  503. {/block:IndexPage}
  504. {block:PermalinkPage}
  505. text-transform:uppercase;
  506. font-size:7px;
  507. {/block:PermalinkPage}
  508. }
  509.  
  510. #tags a:hover {
  511. color:{color:tags hover};
  512. }
  513.  
  514. #credit {
  515. position:fixed;
  516. bottom:0px;
  517. left:0px;
  518. padding:4px 10px 4px 5px;
  519. text-decoration:none;
  520. font-size:11px;
  521. background-color:{color:side text};
  522. color:{color:background};
  523. font-family: 'Allura', cursive;
  524. -webkit-transition: all 0.3s ease-out;
  525. -o-transition: all 0.3s ease-out;
  526. -webkit-transition: all 0.3s ease-out;
  527. -moz-transition: all 0.3s ease-out;
  528.  
  529. }
  530.  
  531. .quote {
  532. padding-left:50px;
  533. padding-right:50px;
  534. font-size:12px;
  535. line-height:110%;
  536. text-align:center;
  537. font-family: 'Droid Sans', sans-serif;
  538. }
  539.  
  540. .face {
  541. float:right;
  542. width:37px;
  543. height:30px;
  544. padding-left:5px;
  545. border-left:1px solid {color:posts};
  546. }
  547.  
  548. .face img {
  549. border:7px solid {color:posts};
  550. }
  551.  
  552. .question {
  553. padding:10px;
  554. background-color:{color:blockquotes};
  555. min-height:30px;
  556. {block:IndexPage}
  557. {block:If400pxPosts}
  558. width:380px;
  559. {/block:If400pxPosts}
  560. {block:If500pxPosts}
  561. width:480px;
  562. {/block:If500pxPosts}
  563. {block:IfNot400pxPosts}
  564. {block:IfNot500pxPosts}
  565. width:230px;
  566. {/block:IfNot500pxPosts}
  567. {/block:IfNot400pxPosts}
  568. {/block:IndexPage}
  569. {block:PermalinkPage}
  570. width:480px;
  571. {/block:PermalinkPage}
  572. }
  573.  
  574. .words {
  575. text-align:justify;
  576. line-height:150%;
  577. }
  578.  
  579. .audio {
  580. margin-right:5px;
  581. width:70px;
  582. float:left;
  583. }
  584.  
  585. .hidden {
  586. width:70px;
  587. height:73px;
  588. }
  589.  
  590. .tumblr_audio_player {
  591. margin:0px;
  592. padding:0px;
  593. width:500px;
  594. height:50px;
  595. }
  596.  
  597. .pull {
  598. margin-left:5px;
  599. margin-top:-5px;
  600. }
  601.  
  602. .player {
  603. width:35px;
  604. height:37px;
  605. margin-left:10px;
  606. margin-top:10px;
  607. overflow:hidden;
  608. position:absolute;
  609. opacity:0.7;
  610. background-color:#fff;
  611. z-index:8888;
  612. border:7px solid #ECECEC;
  613. -webkit-transition: all 0.3s ease-out;
  614. -o-transition: all 0.3s ease-out;
  615. -webkit-transition: all 0.3s ease-out;
  616. -moz-transition: all 0.3s ease-out;
  617. }
  618.  
  619. .player:hover {
  620. opacity:1;
  621. -webkit-transition: all 0.3s ease-out;
  622. -o-transition: all 0.3s ease-out;
  623. -webkit-transition: all 0.3s ease-out;
  624. -moz-transition: all 0.3s ease-out;
  625. }
  626.  
  627. .caption {
  628. margin-top:20px;
  629. }
  630.  
  631. .audio img{
  632. max-width: 70px;
  633. height: auto;
  634. }
  635.  
  636. .song {
  637. margin-left:70px;
  638. margin-top:-55px;
  639. text-transform:uppercase;
  640. font-size:10px;
  641. padding-bottom:13px;
  642. font-family: 'Droid Sans', sans-serif;
  643. }
  644.  
  645. .link {
  646. padding:15px;
  647. background-color:{color:sidebar img bg};
  648. border:1px solid {color:posts};
  649. border-radius:20px;
  650. font-size:15px;
  651. font-style:italic;
  652. }
  653.  
  654. .link a {
  655. color:{color:tags};
  656. }
  657.  
  658. .link a:hover {
  659. text-shadow:1px 1px 1px;
  660. }
  661.  
  662. ol.notes {
  663. padding:0px;
  664. margin-left:10px;
  665. list-style-type:decimal;
  666. font-style:italic;
  667. border-bottom: solid 1px {color:posts};
  668. width:480px;
  669. }
  670.  
  671. ol.notes li.note {
  672. border-top: solid 1px {color:posts};
  673. padding: 10px;
  674. font-family: 'Droid Sans', sans-serif;
  675. font-size:9px;
  676. }
  677.  
  678. ol.notes li.note img.avatar {
  679. vertical-align: -4px;
  680. margin-right: 10px;
  681. width: 16px;
  682. height: 16px;
  683. }
  684.  
  685. ol.notes li.note blockquote {
  686. border-color: {color:text};
  687. padding: 4px 10px;
  688. margin: 10px 0px 0px 25px;
  689. }
  690.  
  691. ol.notes li.note blockquote a {
  692. text-decoration: none;
  693. }
  694.  
  695. {CustomCSS}</style></head><body>
  696.  
  697. <div id="theme">
  698.  
  699. <div id="sidebar">
  700.  
  701. <div id="hover">
  702.  
  703. <div id="sidebarimage">
  704. <a href="/">
  705. <img src="{image:sidebar}">
  706. </a>
  707. </div>
  708.  
  709. <div id="title">
  710. {Title}
  711. </div>
  712.  
  713. <div class="text">
  714. {Description}
  715. </div>
  716.  
  717. <div id="link">
  718. <a href="/ask">ask</a>
  719. {block:ifLink1Name}
  720. <a href="{text:link1}">{text:link1name}</a>
  721. {/block:ifLink1Name}
  722. {block:ifLink2Name}
  723. <a href="{text:link2}">{text:link2name}</a>
  724. {/block:ifLink2Name}
  725. {block:ifLink3Name}
  726. <a href="{text:link3}">{text:link3name}</a>
  727. {/block:ifLink3Name}
  728. {block:ifLink4Name}
  729. <a href="{text:link4}">{text:link4name}</a>
  730. {/block:ifLink4Name}
  731. </div>
  732. </div>
  733.  
  734. <div id="pagination">
  735. {block:PreviousPage}
  736. <a href="{PreviousPage}">
  737. <span style="font-family: 'Volkhov', serif; font-size:11px">
  738. «
  739. </span>
  740. </a>
  741. {/block:PreviousPage}
  742. {CurrentPage}&nbsp;|&nbsp;{TotalPages}
  743. {block:NextPage}
  744. <a href="{NextPage}">
  745. <span style="font-family: 'Volkhov', serif; font-size:11px">
  746. »
  747. </span>
  748. </a>
  749. {/block:NextPage}
  750. </div>
  751.  
  752. </div>
  753.  
  754. <a target="blank" title="theme by colorfulmetaphors" href="http://colorfulmetaphors.tumblr.com/">
  755. <div id="credit">
  756. T
  757. </div>
  758. </a>
  759.  
  760. <div id="entries">
  761.  
  762. {block:Posts}
  763. <div id="post">
  764.  
  765. {block:Text}
  766. {block:Title}
  767. <h1>{Title}</h1>
  768. {/block:Title}
  769. {Body}
  770. {/block:Text}
  771.  
  772. {block:Photo}
  773. <center>{LinkOpenTag}
  774. {block:IndexPage}
  775. {block:If400pxPosts}
  776. <img src="{PhotoURL-500}" width="400">
  777. {/block:If400pxPosts}
  778. {block:If500pxPosts}
  779. <img src="{PhotoURL-500}">
  780. {/block:If500pxPosts}
  781. {block:IfNot400pxPosts}
  782. {block:IfNot500pxPosts}
  783. <img src="{PhotoURL-500}" width="250">
  784. {/block:IfNot500pxPosts}
  785. {/block:IfNot400pxPosts}
  786. {/block:IndexPage}
  787. {block:PermalinkPage}
  788. <img src="{PhotoURL-500}">
  789. {/block:PermalinkPage}
  790. {LinkCloseTag}</center>
  791. {block:Caption}
  792. {Caption}
  793. {/block:Caption}
  794. {/block:Photo}
  795.  
  796. {block:Photoset}
  797. {block:IndexPage}
  798. {block:If400pxPosts}
  799. {Photoset-400}
  800. {/block:If400pxPosts}
  801. {block:If500pxPosts}
  802. {Photoset-500}
  803. {/block:If500pxPosts}
  804. {block:IfNot400pxPosts}
  805. {block:IfNot500pxPosts}
  806. {Photoset-250}
  807. {/block:IfNot500pxPosts}
  808. {/block:IfNot400pxPosts}
  809. {/block:IndexPage}
  810. {block:PermalinkPage}
  811. {Photoset-500}
  812. {/block:PermalinkPage}
  813. {block:Caption}
  814. {Caption}
  815. {/block:Caption}
  816. {/block:Photoset}
  817.  
  818. {block:Quote}
  819. <div class="quote">
  820. {Quote}
  821. </div>
  822. {block:Source}
  823. <div style="text-align:center; font-family: 'Droid Sans', sans-serif; padding-top:5px">— {Source} —
  824. </div>
  825. {/block:Source}
  826. {/block:Quote}
  827.  
  828. {block:Link}
  829. <div class="link">
  830. <a target="blank" href="{URL}" {Target}>-----&nbsp;{Name}</a>
  831. </div>
  832. {block:Description}
  833. {Description}
  834. {/block:Description}
  835. {/block:Link}
  836.  
  837. {block:Chat}
  838. {block:Title}
  839. <h1>
  840. {Title}
  841. </h1>
  842. {/block:Title}
  843. {block:Lines}
  844. {block:Label}
  845. <strong>{Label}&nbsp;</strong>
  846. {/block:Label}
  847. {Line}<br />
  848. {/block:Lines}
  849. {/block:Chat}
  850.  
  851. {block:Audio}
  852. {block:AlbumArt}
  853. <div class="audio">
  854. <img src="{AlbumArtURL}">
  855. </div>
  856. {/block:AlbumArt}
  857. <div class="hidden">
  858. <div class="player">
  859. <div class="pull">
  860. {AudioPlayerWhite}
  861. </div>
  862. </div>
  863. </div>
  864. <div class="song">
  865. {block:TrackName}
  866. {TrackName}
  867. {/block:TrackName}
  868. {block:Artist}
  869. <br />{Artist}
  870. {/block:Artist}
  871. <br />{PlayCountWithLabel}
  872. </div>
  873. {block:Caption}
  874. <div class="caption">
  875. {Caption}
  876. </div>
  877. {/block:Caption}
  878. {/block:Audio}
  879.  
  880. {block:Video}
  881. {block:IndexPage}
  882. {block:If400pxPosts}
  883. {Video-400}
  884. {/block:If400pxPosts}
  885. {block:If500pxPosts}
  886. {Video-500}
  887. {/block:If500pxPosts}
  888. {block:IfNot400pxPosts}
  889. {block:IfNot500pxPosts}
  890. {Video-250}
  891. {/block:IfNot500pxPosts}
  892. {/block:IfNot400pxPosts}
  893. {/block:IndexPage}
  894. {block:PermalinkPage}
  895. {Video-500}
  896. {/block:PermalinkPage}
  897. {block:Caption}
  898. {Caption}
  899. {/block:Caption}
  900. {/block:Video}
  901.  
  902. {block:Answer}
  903. <div class="question">
  904. <div class="words">
  905. <a href="{AskerURL}" title="{AskerName}">
  906. <div style="float:right;margin-left:5px;padding-left:5px;border-left:1px solid {color:posts};height:30px;">
  907. <img src="{AskerPortraitURL-16}" border="7px solid {color:posts}">
  908. </div>
  909. </a>
  910. {Question}
  911. </div>
  912. </div>
  913. <br />
  914. {Answer}
  915. {/block:Answer}
  916.  
  917. {block:IndexPage}
  918. <div id="info">
  919. {block:Date}
  920. <a href="{Permalink}">
  921. {TimeAgo}&nbsp;:&nbsp;
  922. {/block:Date}
  923. {NoteCount}
  924. </a>
  925. &nbsp;:&nbsp;
  926. <a href="{ReblogURL}">reblog</a>
  927. {block:RebloggedFrom}
  928. <br />
  929. {block:ContentSource}
  930. &copy;&nbsp;<a href="{SourceURL}">{ReblogRootName}</a>
  931. ,&nbsp;
  932. {/block:ContentSource}
  933. via&nbsp;
  934. <a href="{ReblogParentURL}">{ReblogParentName}</a>
  935. {/block:RebloggedFrom}
  936. {block:HasTags}
  937. <div id="tags">
  938. #:
  939. {block:Tags}
  940. <a href="{TagURL}">{Tag}</a>
  941. {/block:Tags}
  942. </div>
  943. {/block:HasTags}
  944. </div>
  945. {/block:IndexPage}
  946.  
  947. {block:PermalinkPage}
  948. <div id="info">
  949. {block:Date}
  950. {TimeAgo}&nbsp;on&nbsp;{Month}&nbsp;{DayofMonth}{DayofMonthSuffix},&nbsp;{Year}&nbsp;with
  951. {/block:Date}
  952. {NoteCountWithLabel}&nbsp;|&nbsp;
  953. <a href="{ReblogURL}">reblog&nbsp;post</a>
  954. {block:RebloggedFrom}
  955. <br />
  956. {block:ContentSource}
  957. originally&nbsp;from&nbsp;<a href="{SourceURL}">{ReblogRootName}</a>,&nbsp;
  958. {/block:ContentSource}
  959. via&nbsp;<a href="{ReblogParentURL}">{ReblogParentName}</a>
  960. {/block:RebloggedFrom}
  961. {block:HasTags}
  962. <div id="tags">
  963. tagged&nbsp;as:
  964. {block:Tags}
  965. <a href="{TagURL}">{Tag}</a>
  966. {/block:Tags}
  967. </div>
  968. {/block:HasTags}
  969. </div>
  970. {/block:PermalinkPage}
  971.  
  972. </div>
  973.  
  974. {block:PostNotes}
  975. {PostNotes}
  976. {/block:PostNotes}
  977. {/block:Posts}
  978. </div>
  979. </div>
  980.  
  981. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment