API tools faq
paste
xmisa0923

theme save

xmisa0923
Jun 19th, 2012
261
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 101.12 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3.  
  4.  
  5.  
  6. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  8. <head>
  9. <html>
  10. <title>{Title}</title>
  11.  
  12. <!--
  13. ___________________________________________________________________________
  14.  
  15. MENDAX THEME BY NOCTOS @ TUMBLR
  16. ___________________________________________________________________________
  17.  
  18. -->
  19.  
  20. <link rel="shortcut icon" href="{Favicon}">
  21. {block:Description}
  22. <meta name="description" content="{MetaDescription}" />
  23. {/block:Description}
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25.  
  26. <meta name="text:font" content="cambria" />
  27. <meta name="text:font size" content="9px" />
  28.  
  29. <meta name="image:background" content="" />
  30. <meta name="color:background" content="#fafafa" />
  31.  
  32. <meta name="color:text" content="#777" />
  33. <meta name="color:links" content="#b4b4b4" />
  34. <meta name="color:top BG" content="#fff" />
  35. <meta name="color:top border" content="#eee" />
  36.  
  37. <meta name="color:side links TXT" content="#b4b4b4" />
  38. <meta name="color:side links BG" content="#fff" />
  39. <meta name="color:side links BG hover" content="#eee" />
  40. <meta name="color:side links BG click" content="#000" />
  41.  
  42. <meta name="color:bordering" content="#eee" />
  43. <meta name="color:post shadow" content="#eee" />
  44. <meta name="color:post BG" content="#fff" />
  45.  
  46. <meta name="if:show captions" content="0" />
  47. <meta name="if:no post shadow" content="0" />
  48. <meta name="if:endless scroll" content="1" />
  49. <meta name="if:white music player" content="0" />
  50.  
  51. <meta name="if:extra column" content="0"/>
  52.  
  53. <meta name="if:bottom music player" content="0" />
  54. <meta name="text:music code" content="" />
  55.  
  56. <meta name="text:link one" content="" />
  57. <meta name="text:link one title" content="" />
  58. <meta name="text:link two" content="" />
  59. <meta name="text:link two title" content="" />
  60. <meta name="text:link three" content="" />
  61. <meta name="text:link three title" content="" />
  62. <meta name="text:link four" content="" />
  63. <meta name="text:link four title" content="" />
  64. <meta name="text:link five" content="" />
  65. <meta name="text:link five title" content="" />
  66.  
  67. <style type="text/css">
  68.  
  69. {CustomCSS}
  70.  
  71. ::-webkit-scrollbar-thumb:vertical {width:6px;background-color:{color:bordering};}
  72. ::-webkit-scrollbar {height:0px;width:6px;background-color:{color:post BG};}
  73. ::-webkit-scrollbar-button:vertical {height:10px;background-color:{color:bordering};}
  74.  
  75. ::selection {color:#fff;background:{color:text};}
  76. ::-moz-selection {color:#fff;background:{color:text};}
  77.  
  78. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.5;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  79.  
  80. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  81.  
  82. body {
  83. background-image: url('{image:background}');
  84. background-attachment:fixed;
  85. background-color:{color:background};
  86. font-family:{text:font};
  87. font-size:{text:font size};
  88. color:{color:text};
  89. }
  90.  
  91. a {
  92. text-decoration:none;
  93. color:{color:links};
  94. }
  95.  
  96. h1 {
  97. margin:0px;
  98. padding-bottom:7px;
  99. text-transform:uppercase;
  100. font-family:times new roman;
  101. font-size:12px;
  102. letter-spacing:-1px;
  103. font-weight:lighter;
  104. border-bottom:1px solid {color:bordering};
  105. }
  106.  
  107. blockquote {
  108. padding-left:10px;
  109. margin-left:27px;
  110. border-left:3px solid {color:text};
  111. }
  112.  
  113. li {
  114. list-style:square;
  115. }
  116.  
  117. #content {
  118. margin-left:auto;
  119. margin-right:auto;
  120. {block:permalinkpage}
  121. width:644px;
  122. {/block:permalinkpage}
  123. {block:indexpage}
  124. {block:ifnotextracolumn}
  125. width:644px;
  126. {/block:ifnotextracolumn}
  127. {block:ifextracolumn}
  128. width:956px;
  129. {/block:ifextracolumn}
  130. {/block:indexpage}
  131. }
  132.  
  133. #posts {
  134. {block:indexpage}
  135. {block:ifnotextracolumn}
  136. width:624px;
  137. {/block:ifnotextracolumn}
  138. {block:ifextracolumn}
  139. width:936px;
  140. {/block:ifextracolumn}
  141. margin-left:20px;
  142. {/block:indexpage}
  143. {block:permalinkpage}
  144. width:542px;
  145. margin:auto;
  146. {/block:permalinkpage}
  147. margin-top:70px;
  148. }
  149.  
  150. .post {
  151. text-align:justify;
  152. float:left;
  153. margin-bottom:20px;
  154. padding:20px;
  155. background-color:{color:post BG};
  156. border:1px solid {color:bordering};
  157. {block:indexpage}
  158. width:250px;
  159. margin-right:20px;
  160. {/block:indexpage}
  161. {block:permalinkpage}
  162. width:500px;
  163. {/block:permalinkpage}
  164. {block:ifnotnopostshadow}
  165. -moz-box-shadow: 1.5px 1.5px 5px {color:post shadow};
  166. -webkit-box-shadow: 1.5px 1.5px 5px {color:post shadow};
  167. box-shadow: 1.5px 1.5px 5px {color:post shadow};
  168. {/block:ifnotnopostshadow}
  169. }
  170.  
  171. .perm {
  172. padding:5px 15px 5px 15px;
  173. margin-left:10px;
  174. margin-top:10px;
  175. font-size:9px;
  176. font-family:calibri;
  177. text-align:center;
  178. text-transform:uppercase;
  179. background-color:{color:post BG};
  180. position:absolute;
  181. opacity:0;
  182. {block:permalinkpage}
  183. display:none;
  184. {/block:permalinkpage}
  185. color:{color:text};
  186. -webkit-transition: all 0.4s ease-in;
  187. -moz-transition: all 0.4s ease-in;
  188. -o-transition: all 0.4s ease-in;
  189. }
  190.  
  191. .post:hover .perm {
  192. opacity:0.9;
  193. }
  194.  
  195. .infos {
  196. float:left;
  197. width:542px;
  198. }
  199.  
  200. .infos img {
  201. width:0px;
  202. }
  203.  
  204. .audio {
  205. margin-top:-72px;
  206. opacity:0.6;
  207. margin-left:28px;
  208. position:absolute;
  209. width:45px;
  210. height:45px;
  211. {block:ifnotwhitemusicplayer}
  212. background-color:#000;
  213. {/block:ifnotwhitemusicplayer}
  214. {block:ifwhitemusicplayer}
  215. background-color:#fff;
  216. {/block:ifwhitemusicplayer}
  217. overflow:hidden;
  218. -webkit-transition: all 0.4s ease-in;
  219. -moz-transition: all 0.4s ease-in;
  220. -o-transition: all 0.4s ease-in;
  221. }
  222.  
  223. .audio:hover {
  224. opacity:1;
  225. }
  226.  
  227. #top {
  228. {block:permalinkpage}
  229. width:644px;
  230. {/block:permalinkpage}
  231. {block:indexpage}
  232. {block:ifnotextracolumn}
  233. width:644px;
  234. {/block:ifnotextracolumn}
  235. {block:ifextracolumn}
  236. width:956px;
  237. {/block:ifextracolumn}
  238. {/block:indexpage}
  239. height:50px;
  240. position:fixed;top:0px;
  241. opacity:0.95;
  242. background-color:{color:top BG};
  243. border-bottom:5px solid {color:top border};
  244. z-index:9;
  245. }
  246.  
  247. .desc {
  248. width:610px;
  249. overflow:auto;
  250. margin:12px auto auto auto;
  251. height:25px;
  252. }
  253.  
  254. #side {
  255. position:fixed;top:200px;
  256. margin-left:-150px;
  257. width:150px;
  258. padding-bottom:2px;
  259. border-bottom:1px solid {color:bordering};
  260. }
  261.  
  262. .slinks {
  263. width:140px;
  264. float:right;
  265. text-align:right;
  266. font-family:consolas;
  267. font-size:8px;
  268. text-transform:uppercase;
  269. margin-top:2px;
  270. padding-right:10px;
  271. background-color:{color:side links BG};
  272. color:{color:side links TXT};
  273. -webkit-transition: all 0.3s ease-out;
  274. -moz-transition: all 0.3s ease-out;
  275. -o-transition: all 0.3s ease-out;
  276. }
  277.  
  278. .slinks:hover {
  279. background-color:{color:side links BG hover};
  280. }
  281.  
  282. .slinks:active {
  283. background-color:{color:side links BG click};
  284. }
  285.  
  286. .pagina {
  287. border-top:1px solid {color:bordering};
  288. padding-top:10px;
  289. font-size:12px;
  290. font-family:calibri;
  291. z-index:-1;
  292. margin-top:-4px;
  293. {block:ifbottommusicplayer}
  294. margin-bottom:20px;
  295. {/block:ifbottommusicplayer}
  296. {block:ifendlessscroll}
  297. display:none;
  298. {/block:ifendlessscroll}
  299. }
  300.  
  301. .music {
  302. text-align:center;
  303. {block:ifnotextracolumn}
  304. width:644px;
  305. {/block:ifnotextracolumn}
  306. {block:ifextracolumn}
  307. width:956px;
  308. {/block:ifextracolumn}
  309. background-color:#000;
  310. height:30px;
  311. position:fixed;bottom:-18px;
  312. font-family:calibri;
  313. font-size:9px;
  314. padding-top:2px;
  315. background-color:{color:post BG};
  316. opacity:0.95;
  317. z-index:9;
  318. -webkit-transition: all 0.4s ease-in;
  319. -moz-transition: all 0.4s ease-in;
  320. -o-transition: all 0.4s ease-in;
  321. }
  322.  
  323. .music:hover {
  324. opacity:1;
  325. bottom:-10px;
  326. color:transparent;
  327. }
  328.  
  329. .song {
  330. margin:auto;
  331. margin-top:-10px;
  332. opacity:0;
  333. -webkit-transition: all 0.4s ease-in;
  334. -moz-transition: all 0.4s ease-in;
  335. -o-transition: all 0.4s ease-in;
  336. }
  337.  
  338. .music:hover .song {
  339. opacity:1;
  340. }
  341.  
  342. </style>
  343. {block:indexpage}
  344.  
  345. <script type="text/javascript" src="http://static.tumblr.com/nj7bgyh/zr9m0w1np/masonryq.js"></script>
  346. <script type="text/javascript" src="http://static.tumblr.com/nj7bgyh/J0qm0vycn/querymasonry.js"></script>
  347.  
  348. {block:ifendlessscroll}
  349. <script src="http://static.tumblr.com/nj7bgyh/bynm0xy7g/endlessscrolljquery.js"></script>
  350. {/block:ifendlessscroll}
  351.  
  352. <script src="http://static.tumblr.com/nj7bgyh/rNom0vy8o/masonry.js"></script>
  353.  
  354. <script type="text/javascript">
  355. $(window).load(function () {
  356. $('#posts').masonry(),
  357. $('.masonryWrap').infinitescroll({
  358. navSelector : ".pagina a",
  359. // selector for the paged navigation (it will be hidden)
  360. nextSelector : ".pagina a",
  361. // selector for the NEXT link (to page 2)
  362. itemSelector : ".post",
  363. // selector for all items you'll retrieve
  364. bufferPx : 10000,
  365. extraScrollPx: 11000,
  366. loadingImg : "http://b.imagehost.org/0548/Untitled-2.png",
  367. loadingText : "<em></em>",
  368. },
  369. // call masonry as a callback.
  370. function() { $('#posts').masonry({ appendedContent: $(this) }); }
  371. );
  372. });
  373. </script>
  374. {/block:indexpage}
  375. </head>
  376. <body>
  377.  
  378. <div id="content">
  379.  
  380. {block:ifbottommusicplayer}
  381. {block:indexpage}
  382. <div class="music">MUSIC
  383. <div class="song">{text:music code}</div>
  384. </div>
  385. {/block:indexpage}
  386. {/block:ifbottommusicplayer}
  387.  
  388. <div id="top">
  389. <div class="desc">{Description}</div>
  390. </div>
  391.  
  392. <div id="side">
  393.  
  394.  
  395. <div style="border-bottom:1px solid {color:bordering};text-transform:uppercase;"><a style="color:{color:text};" href="/">{Title}</a></div>
  396.  
  397. <img src="http://i50.tinypic.com/rm1ok4.png" />
  398.  
  399.  
  400. <a class="slinks" href="/ask" title="ask box">message</a>
  401. {block:iflinkone}
  402. <a class="slinks" href="{text:link one}" title="{text:link one title}">{text:link one title}</a>
  403. {/block:iflinkone}
  404. {block:iflinktwo}
  405. <a class="slinks" href="{text:link two}" title="{text:link two title}">{text:link two title}</a>
  406. {/block:iflinktwo}
  407. {block:iflinkthree}
  408. <a class="slinks" href="{text:link three}" title="{text:link three title}">{text:link three title}</a>
  409. {/block:iflinkthree}
  410. {block:iflinkfour}
  411. <a class="slinks" href="{text:link four}" title="{text:link four title}">{text:link four title}</a>
  412. {/block:iflinkfour}
  413. {block:iflinkfive}
  414. <a class="slinks" href="{text:link five}" title="{text:link five title}">{text:link five title}</a>
  415. {/block:iflinkfive}
  416. </div>
  417.  
  418. <!-- BEGIN POSTS RENDER -->
  419.  
  420. <div id="posts">
  421.  
  422. {block:Posts}
  423.  
  424. {block:Photo}
  425. <div style="padding-bottom:17px;" class="post">
  426. <a class="perm" href="{Permalink}">{NoteCountWithLabel}</a>
  427. {LinkOpenTag}
  428. <img {block:indexpage}style="width:250px;"{/block:indexpage} src="{PhotoURL-500}">
  429. {LinkCloseTag}
  430. <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  431. {block:indexpage}
  432. {block:ifshowcaptions}
  433. {Caption}
  434. {/block:ifshowcaptions}
  435. {/block:indexpage}
  436. {block:PermalinkPage}
  437. {Caption}
  438. {/block:PermalinkPage}
  439. </div>
  440. {/block:Photo}
  441.  
  442. {block:Photoset}
  443. <div class="post">
  444. <a class="perm" href="{Permalink}">{NoteCountWithLabel}</a>
  445. {block:indexpage}{Photoset-250}{/block:indexpage}
  446. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  447. {block:indexpage}
  448. {block:ifshowcaptions}
  449. {Caption}
  450. {/block:ifshowcaptions}
  451. {/block:indexpage}
  452. {block:PermalinkPage}
  453. {Caption}
  454. {/block:PermalinkPage}
  455. </div>
  456. {/block:Photoset}
  457.  
  458. {block:Video}
  459. <div class="post">
  460. <a class="perm" href="{Permalink}">{NoteCountWithLabel}</a>
  461. {block:indexpage}{Video-250}{/block:indexpage}
  462. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  463. {block:indexpage}
  464. {block:ifshowcaptions}
  465. {Caption}
  466. {/block:ifshowcaptions}
  467. {/block:indexpage}
  468. {block:PermalinkPage}
  469. {Caption}
  470. {/block:PermalinkPage}
  471. </div>
  472. {/block:Video}
  473.  
  474. {block:Link}
  475. <div class="post">
  476. <a class="perm" href="{Permalink}">{NoteCountWithLabel}</a>
  477. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  478. {block:description}
  479. {description}
  480. {/block:description}
  481. {block:indexpage}
  482. {block:ifshowcaptions}
  483. {Caption}
  484. {/block:ifshowcaptions}
  485. {/block:indexpage}
  486. {block:PermalinkPage}
  487. {Caption}
  488. {/block:PermalinkPage}
  489. </div>
  490. {/block:Link}
  491.  
  492. {block:Text}
  493. <div class="post">
  494. <a class="perm" href="{Permalink}">{NoteCountWithLabel}</a>
  495. {block:Title}<h1>{Title}</h1>{/block:Title}
  496. {body}
  497. {block:indexpage}
  498. {block:ifshowcaptions}
  499. {Caption}
  500. {/block:ifshowcaptions}
  501. {/block:indexpage}
  502. {block:PermalinkPage}
  503. {Caption}
  504. {/block:PermalinkPage}
  505. </div>
  506. {/block:Text}
  507.  
  508. {block:Answer}
  509. <div class="post">
  510. <a class="perm" href="{Permalink}">{NoteCountWithLabel}</a>
  511. <div style="padding:10px;background-color:{color:bordering};">{Question}</div><div style="padding:10px;">{Answer}</div>
  512. <div style="text-align:right;border-top:1px solid {color:bordering};margin-top:4px;padding-top:4px;text-transform:lowercase;">asked by {Asker}</div>
  513. </div>
  514. {/block:Answer}
  515.  
  516. {block:Audio}
  517. <div class="post">
  518. <a class="perm" href="{Permalink}">{NoteCountWithLabel}</a>
  519. {block:AlbumArt}<img style="width:100px;height:100px;" src="{AlbumArtURL}"><div class="audio"><div style="margin-top:10px;margin-left:10px;width:20px;overflow:hidden;">{/block:AlbumArt}{block:ifnotwhitemusicplayer}{AudioPlayerBlack}{/block:ifnotwhitemusicplayer}{block:ifwhitemusicplayer}{AudioPlayerWhite}{/block:ifwhitemusicplayer}{block:AlbumArt}</div></div>{/block:AlbumArt}<div style="float:right;width:{block:indexpage}14{/block:indexpage}{block:permalinkpage}39{/block:permalinkpage}0px;">
  520. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}
  521. {block:Album}<br><b>ALBUM:</b> {Album}{/block:Album}
  522. {block:TrackName}<br><b>TRACK:</b> {TrackName}{/block:TrackName}
  523. </p>
  524. - <i>{PlayCountWithLabel}</i>
  525. </div>
  526. {block:indexpage}
  527. {block:ifshowcaptions}
  528. {Caption}
  529. {/block:ifshowcaptions}
  530. {/block:indexpage}
  531. {block:PermalinkPage}
  532. {Caption}
  533. {/block:PermalinkPage}
  534. </div>
  535. {/block:Audio}
  536.  
  537. {block:Chat}
  538. <div class="post">
  539. <a class="perm" href="{Permalink}">{NoteCountWithLabel}</a>
  540. {block:Lines}
  541. <li style="list-style:none;">
  542. {block:Label}
  543. {Label}
  544. {/block:Label}
  545. <i>
  546. {Line}
  547. </i>
  548. </li>
  549. {/block:Lines}
  550. {block:indexpage}
  551. {block:ifshowcaptions}
  552. {Caption}
  553. {/block:ifshowcaptions}
  554. {/block:indexpage}
  555. {block:PermalinkPage}
  556. {Caption}
  557. {/block:PermalinkPage}
  558. </div>
  559. {/block:Chat}
  560.  
  561. {block:Quote}
  562. <div class="post">
  563. <a class="perm" href="{Permalink}">{NoteCountWithLabel}</a>
  564. "{Quote}"
  565. <div style="border-bottom:1px solid {color:bordering};margin-bottom:3px;padding-top:5px;"></div>
  566. {block:Source}<i style="float:right;">— {Source}{/block:Source}</i>
  567. {block:indexpage}
  568. {block:ifshowcaptions}
  569. {Caption}
  570. {/block:ifshowcaptions}
  571. {/block:indexpage}
  572. {block:PermalinkPage}
  573. {Caption}
  574. {/block:PermalinkPage}
  575. </div>
  576. {/block:Quote}
  577.  
  578. {block:PermalinkPage}
  579. {block:Date}
  580. <div class="infos">
  581. <div style="border-top:2px solid {color:text};margin-bottom:15px;"></div>
  582. <div style="font-size:12px;">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} {Year}</div>
  583. {block:PostNotes}
  584. <br>{NoteCountWithLabel}
  585. {/block:PostNotes}
  586. {block:RebloggedFrom}
  587. <br>
  588. via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> <br>
  589. <i>source: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a></i>
  590. {/block:RebloggedFrom}
  591. {block:HasTags}
  592. <br>
  593. {block:Tags}#<a href="{TagURL}" title="posts tagged as {Tag}">{Tag} </a>{/block:Tags}
  594. {/block:HasTags}
  595. <br>
  596. {PostNotes}
  597. </div>
  598. {/block:Date}
  599. {/block:PermalinkPage}
  600.  
  601. {/block:Posts}
  602.  
  603. </div>
  604.  
  605. <!-- END POSTS RENDER -->
  606.  
  607. {block:indexpage}
  608. <div class="pagina">
  609. {block:PreviousPage}
  610. <a style="float:right;" href="{PreviousPage}">BACK</a>
  611. {/block:PreviousPage}
  612. {block:NextPage}
  613. <a href="{NextPage}">FORTH</a>
  614. {/block:NextPage}
  615. </div>
  616. {/block:indexpage}
  617.  
  618. </div>
  619.  
  620. <!-- PLEASE DO NOT REMOVE THIS CREDIT -->
  621. <a style="font-family:calibri;font-size:8px;position:fixed;bottom:5px;right:5px;" href="http://noctos.tumblr.com" title="theme by noctos">★</a>
  622. <!-- PLEASE DO NOT REMOVE THIS CREDIT -->
  623.  
  624. </body>
  625. </html>
  626.  
  627. _______________________________________________________________________
  628.  
  629.  
  630.  
  631. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  632. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  633. <head>
  634. <html>
  635. <title>{Title}</title>
  636.  
  637. <!--
  638. ___________________________________________________________________________
  639.  
  640. MIRATOR V1.5 THEME BY NOCTOS @ TUMBLR
  641. ___________________________________________________________________________
  642.  
  643. -->
  644.  
  645. <link rel="shortcut icon" href="{Favicon}">
  646. {block:Description}
  647. <meta name="description" content="{MetaDescription}" />
  648. {/block:Description}
  649. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  650.  
  651. <meta name="text:font" content="calibri" />
  652. <meta name="text:font size" content="10px" />
  653.  
  654. <meta name="image:background" content="" />
  655. <meta name="image:side" content="http://24.media.tumblr.com/tumblr_m5hqlhVrNc1r1obk0o1_500.jpg" />
  656.  
  657. <meta name="color:background" content="#fafafa" />
  658.  
  659. <meta name="color:text" content="#777" />
  660. <meta name="color:links" content="#b4b4b4" />
  661.  
  662. <meta name="color:blog title TXT" content="#fff" />
  663. <meta name="color:blog title BG" content="#222" />
  664. <meta name="color:sidebar border one" content="#777" />
  665. <meta name="color:sidebar border two" content ="#b4b4b4" />
  666.  
  667. <meta name="color:post title TXT" content="#fff" />
  668. <meta name="color:post title BG" content="#777" />
  669. <meta name="color:post title border" content="#555" />
  670.  
  671. <meta name="color:side links TXT" content="#777" />
  672. <meta name="color:side links BG" content="#eee" />
  673. <meta name="color:side links BG hover" content="#000" />
  674. <meta name="color:side links TXT hover" content="#fff" />
  675.  
  676. <meta name="color:post BG" content="#eee" />
  677.  
  678. <meta name="color:chat BG" content="#fafafa" />
  679. <meta name="color:chat TXT" content="#777" />
  680.  
  681. <meta name="color:description TXT" content="#fff" />
  682. <meta name="color:description TXT shadow" content="#777" />
  683.  
  684. <meta name="color:permalink button BG" content ="#777" />
  685. <meta name="color:permalink button TXT" content="#fff" />
  686.  
  687. <meta name="color:scrollbar face" content="#000" />
  688. <meta name="color:scrollbar BG" content ="#fafafa" />
  689.  
  690. <meta name="if:show captions" content="0" />
  691. <meta name="if:endless scroll" content="1" />
  692.  
  693. <meta name="text:link one" content="" />
  694. <meta name="text:link one title" content="" />
  695. <meta name="text:link two" content="" />
  696. <meta name="text:link two title" content="" />
  697. <meta name="text:link three" content="" />
  698. <meta name="text:link three title" content="" />
  699. <meta name="text:link four" content="" />
  700. <meta name="text:link four title" content="" />
  701. <meta name="text:link five" content="" />
  702. <meta name="text:link five title" content="" />
  703.  
  704. <style type="text/css">
  705.  
  706. {CustomCSS}
  707.  
  708. ::-webkit-scrollbar-thumb:vertical {width:6px;background-color:{color:scrollbar face};}
  709. ::-webkit-scrollbar {height:0px;width:6px;background-color:{color:scrollbar BG};}
  710. ::-webkit-scrollbar-button:vertical {height:10px;background-color:{color:scrollbar face};}
  711.  
  712. ::selection {color:#fff;background:{color:text};}
  713. ::-moz-selection {color:#fff;background:{color:text};}
  714.  
  715. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.5;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  716.  
  717. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  718.  
  719. body {
  720. background-image: url('{image:background}');
  721. background-attachment:fixed;
  722. background-color:{color:background};
  723. font-family:{text:font};
  724. font-size:{text:font size};
  725. color:{color:text};
  726. }
  727.  
  728. a {text-decoration:none;color:{color:links};}
  729. li {list-style-type:square;}
  730. blockquote {padding-left:12px;margin-left:27px;border-left:3px solid {color:text};}
  731.  
  732. .audio {
  733. margin-top:-72px;
  734. opacity:0.6;
  735. margin-left:28px;
  736. position:absolute;
  737. width:45px;
  738. height:45px;
  739. background-color:#000;
  740. overflow:hidden;
  741. -webkit-transition: all 0.4s ease-in;
  742. -moz-transition: all 0.4s ease-in;
  743. -o-transition: all 0.4s ease-in;
  744. }
  745.  
  746. .audio:hover {opacity:1;}
  747.  
  748. .odd {
  749. padding:0px 0px 1px 7px;
  750. background-color:{color:chat BG};
  751. color:{color:chat TXT};
  752. }
  753. .even {padding:0px 0px 0px 7px;}
  754.  
  755. #content {
  756. {block:indexpage}
  757. width:572px;
  758. {/block:indexpage}
  759. {block:permalinkpage}
  760. width:524px;
  761. {/block:permalinkpage}
  762. margin:auto;
  763. }
  764.  
  765. #posts {
  766. {block:indexpage}
  767. width:572px;
  768. {/block:indexpage}
  769. {block:permalinkpage}
  770. width:524px;
  771. {/block:permalinkpage}
  772. margin:auto;
  773. }
  774.  
  775. .post {
  776. {block:indexpage}
  777. width:250px;
  778. {/block:indexpage}
  779. {block:permalinkpage}
  780. width:500px;
  781. {/block:permalinkpage}
  782. float:left;
  783. padding:12px;
  784. background-color:{color:post BG};
  785. text-align:justify;
  786. margin:0px 12px 12px 0px;
  787. }
  788.  
  789. .posttit {
  790. font-size:12px;
  791. letter-spacing:1px;
  792. text-transform:uppercase;
  793. padding-left:12px;
  794. color:{color:post title TXT};
  795. border-left:12px solid {color:post title border};
  796. background-color:{color:post title BG};
  797. }
  798.  
  799. .pbutton {
  800. margin:12px;
  801. position:absolute;
  802. opacity:0;
  803. letter-spacing:1px;
  804. padding:0px 3px 1px 3px;
  805. font-size:8px;
  806. font-family:calibri;
  807. text-transform:uppercase;
  808. background-color:{color:permalink button BG};
  809. color:{color:permalink button TXT};
  810. border:2px solid {color:post BG};
  811. {block:permalinkpage}
  812. display:none;
  813. {/block:permalinkpage}
  814. -webkit-transition: all 0.4s ease-in;
  815. -moz-transition: all 0.4s ease-in;
  816. -o-transition: all 0.4s ease-in;
  817. }
  818.  
  819. .textperm {
  820. position:relative;
  821. float:right;
  822. text-transform:uppercase;
  823. font-size:8px;
  824. font-family:calibri;
  825. {block:permalinkpage}
  826. display:none;
  827. {/block:permalinkpage}
  828. }
  829.  
  830. .post:hover .pbutton {opacity:1;}
  831.  
  832. #sidebar {
  833. height:100px;
  834. position:fixed;top:8px;
  835. width:220px;
  836. text-align:center;
  837. margin-left:-232px;
  838. }
  839.  
  840. .img {
  841. width:220px;
  842. margin:auto;
  843. margin-bottom:7px;
  844. }
  845.  
  846. .text {
  847. position:absolute;
  848. z-index:2;
  849. width:160px;
  850. margin:30px;
  851. text-align:justify;
  852. text-transform:uppercase;
  853. font-family:calibri;
  854. font-size:10px;
  855. opacity:0;
  856. color:{color:description TXT};
  857. text-shadow:1px 1px 1px {color:description TXT shadow};
  858. height:100%;
  859. -webkit-transition: all 0.4s ease-in;
  860. -moz-transition: all 0.4s ease-in;
  861. -o-transition: all 0.4s ease-in;
  862. }
  863.  
  864. #id {
  865. border-bottom:6px solid {color:sidebar border one};
  866. margin-bottom:10px;
  867. }
  868.  
  869. #id:hover .text {opacity:1;}
  870.  
  871. .blogtit {
  872. font-family:calibri;
  873. font-size:10px;
  874. text-transform:uppercase;
  875. letter-spacing:1px;
  876. background-color:{color:blog title BG};
  877. color:{color:blog title TXT};
  878. padding:2px 6px 2px 6px;
  879. -webkit-transition: all 0.4s ease-in;
  880. -moz-transition: all 0.4s ease-in;
  881. -o-transition: all 0.4s ease-in;
  882. }
  883.  
  884. .blogtit:hover {padding:2px 16px 2px 16px;}
  885.  
  886. .linksbox {
  887. padding-top:10px;
  888. margin-top:10px;
  889. width:220px;
  890. border-top:4px solid {color:sidebar border two};
  891. }
  892.  
  893. .link {
  894. width:180px;
  895. margin:0px auto 4px auto;
  896. font-family:calibri;
  897. font-size:8px;
  898. letter-spacing:1px;
  899. text-transform:uppercase;
  900. background-color:{color:side links BG};
  901. padding-bottom:1px;
  902. color:{color:side links TXT};
  903. -webkit-transition: all 0.4s ease-in;
  904. -moz-transition: all 0.4s ease-in;
  905. -o-transition: all 0.4s ease-in;
  906. }
  907.  
  908. .link:hover {
  909. background-color:{color:side links BG hover};
  910. color:{color:side links TXT hover};
  911. }
  912.  
  913. .infos {width:522px;float:right;}
  914. .infos img {height:0px;}
  915.  
  916. .pgna a {
  917. font-size:8px;
  918. font-family:calibri;
  919. padding:0px 3px 1px 3px;
  920. background-color:#777;
  921. color:#fff;
  922. margin-right:2px;
  923. }
  924.  
  925. #pagination {
  926. float:left;
  927. position:fixed;
  928. margin-left:572px;
  929. margin-top:130px;
  930. text-align:center;
  931. {block:ifendlessscroll}
  932. display:none;
  933. {/block:ifendlessscroll}
  934. }
  935.  
  936. </style>
  937.  
  938. {block:indexpage}
  939.  
  940. <script type="text/javascript" src="http://static.tumblr.com/nj7bgyh/zr9m0w1np/masonryq.js"></script>
  941.  
  942. <script type="text/javascript" src="http://static.tumblr.com/nj7bgyh/J0qm0vycn/querymasonry.js"></script>
  943.  
  944. {block:ifendlessscroll}
  945. <script src="http://static.tumblr.com/nj7bgyh/bynm0xy7g/endlessscrolljquery.js"></script>
  946. {/block:ifendlessscroll}
  947.  
  948. <script src="http://static.tumblr.com/nj7bgyh/rNom0vy8o/masonry.js"></script>
  949.  
  950. <script type="text/javascript">
  951. $(window).load(function () {
  952. $('#posts').masonry(),
  953. $('.masonryWrap').infinitescroll({
  954. navSelector : ".pgna a",
  955. // selector for the paged navigation (it will be hidden)
  956. nextSelector : ".pgna a",
  957. // selector for the NEXT link (to page 2)
  958. itemSelector : ".post",
  959. // selector for all items you'll retrieve
  960. bufferPx : 10000,
  961. extraScrollPx: 11000,
  962. loadingImg : "http://b.imagehost.org/0548/Untitled-2.png",
  963. loadingText : "<em></em>",
  964. },
  965. // call masonry as a callback.
  966. function() { $('#posts').masonry({ appendedContent: $(this) }); }
  967. );
  968. });
  969. </script>
  970.  
  971. {/block:indexpage}
  972.  
  973. </head>
  974. <body>
  975.  
  976. <div style="margin-left:12px;">
  977.  
  978. <div id="content">
  979.  
  980. {block:indexpage}
  981. <div id="pagination"><div style="padding:0px 12px 0px 12px;border-bottom:1px solid {color:text};margin-bottom:3px;">{CurrentPage} out of {TotalPages}</div>
  982. <div class="pgna">
  983. {block:PreviousPage}
  984. <a href="{PreviousPage}">BACK</a>
  985. {/block:PreviousPage}
  986. {block:NextPage}
  987. <a {block:PreviousPage}style="margin-right:0px;"{/block:PreviousPage}href="{NextPage}">NEXT</a>
  988. {/block:NextPage}
  989. </div>
  990. </div>
  991. {/block:indexpage}
  992.  
  993. <div id="sidebar">
  994.  
  995. <div id="id">
  996. <div class="text">{Description}</div>
  997. <img class="img" src="{image:side}">
  998. </div>
  999.  
  1000. <a class="blogtit" href="/">{Title}</a>
  1001.  
  1002. <div class="linksbox">
  1003. <a href="/" title="home"><div class="link">index</div></a>
  1004. <a href="/ask" title="ask"><div class="link">message</div></a>
  1005. <a href="/archive" title="archive"><div class="link">history</div></a>
  1006. {block:iflinkone}
  1007. <a href="{text:link one}" title="{text:link one title}"><div class="link">{text:link one title}</div></a>
  1008. {/block:iflinkone}
  1009. {block:iflinktwo}
  1010. <a href="{text:link two}" title="{text:link two title}"><div class="link">{text:link two title}</div></a>
  1011. {/block:iflinktwo}
  1012. {block:iflinkthree}
  1013. <a href="{text:link three}" title="{text:link three title}"><div class="link">{text:link three title}</div></a>
  1014. {/block:iflinkthree}
  1015. {block:iflinkfour}
  1016. <a href="{text:link four}" title="{text:link four title}"><div class="link">{text:link four title}</div></a>
  1017. {/block:iflinkfour}
  1018. {block:iflinkfive}
  1019. <a href="{text:link five}" title="{text:link five title}"><div class="link">{text:link five title}</div></a>
  1020. {/block:iflinkfive}
  1021. </div>
  1022.  
  1023. </div>
  1024.  
  1025. <div id="posts">
  1026.  
  1027. {block:Posts}
  1028.  
  1029. {block:Text}
  1030. <div class="post">
  1031. {block:Title}<a href="{Permalink}"><div class="posttit">{Title}</div></a>{/block:Title}
  1032. {body}
  1033. <a class="textperm" href="{Permalink}">{NoteCountWithLabel}</a>
  1034. </div>
  1035. {/block:Text}
  1036.  
  1037. {block:Photo}
  1038. <div class="post" style="padding-bottom:9px;">
  1039. <a class="pbutton" href="{Permalink}">{NoteCountWithLabel}</a>
  1040. {LinkOpenTag}
  1041. <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  1042. <img {block:indexpage}style="width:250px;"{/block:indexpage} src="{PhotoURL-500}">
  1043. {LinkCloseTag}
  1044. {block:indexpage}
  1045. {block:ifshowcaptions}
  1046. {Caption}
  1047. {/block:ifshowcaptions}
  1048. {/block:indexpage}
  1049. {block:PermalinkPage}
  1050. {Caption}
  1051. {/block:PermalinkPage}
  1052. </div>
  1053. {/block:Photo}
  1054.  
  1055. {block:Chat}
  1056. <div class="post">
  1057. {block:Title}<a href="{Permalink}"><div class="posttit">{Title}</div></a>{/block:Title}
  1058. {block:Lines}
  1059. <div class="{Alt}">
  1060. <li style="list-style-type:none;">
  1061. {block:Label}<b>{Label}</b>{/block:Label} {Line}
  1062. </li>
  1063. </div>
  1064. {/block:Lines}
  1065. <a class="textperm" href="{Permalink}">{NoteCountWithLabel}</a>
  1066. </div>
  1067. {/block:Chat}
  1068.  
  1069. {block:Audio}
  1070. <div class="post">
  1071. {block:AlbumArt}<img style="width:100px;height:100px;" src="{AlbumArtURL}"><div class="audio"><div style="margin-top:10px;margin-left:10px;width:20px;overflow:hidden;">{/block:AlbumArt}{AudioPlayerBlack}{block:AlbumArt}</div></div>{/block:AlbumArt}<div style="float:right;width:{block:indexpage}14{/block:indexpage}{block:permalinkpage}39{/block:permalinkpage}0px;">
  1072. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}
  1073. {block:Album}<br><b>ALBUM:</b> {Album}{/block:Album}
  1074. {block:TrackName}<br><b>TRACK:</b> {TrackName}{/block:TrackName}
  1075. </p>
  1076. - <i>{PlayCountWithLabel}</i>
  1077. </div>
  1078. {block:indexpage}
  1079. {block:ifshowcaptions}
  1080. {Caption}
  1081. {/block:ifshowcaptions}
  1082. {/block:indexpage}
  1083. {block:PermalinkPage}
  1084. {Caption}
  1085. {/block:PermalinkPage}
  1086. <a class="textperm" href="{Permalink}">{NoteCountWithLabel}</a>
  1087. </div>
  1088. {/block:Audio}
  1089.  
  1090. {block:Answer}
  1091. <div class="post">
  1092. <div style="padding:10px;background-color:{color:chat BG};color:{color:chat TXT};">{Asker}: {Question}</div>
  1093. <div style="padding:10px;">{Answer}</div>
  1094. <a class="textperm" href="{Permalink}">{NoteCountWithLabel}</a>
  1095. </div>
  1096. {/block:Answer}
  1097.  
  1098. {block:Quote}
  1099. <div class="post">
  1100. {Quote}
  1101. {block:Source}<div style="margin-top:5px;padding-top:3px;text-align:right;border-top:1px solid {color:text};"><i>- {Source}</i></div>{/block:Source}
  1102. <a class="textperm" href="{Permalink}">{NoteCountWithLabel}</a>
  1103. </div>
  1104. {/block:Quote}
  1105.  
  1106. {block:Link}
  1107. <div class="post">
  1108. <a href="{URL}" {Target}><div class="posttit">{Name}</div></a>
  1109. {block:description}
  1110. {description}
  1111. {/block:description}
  1112. <a class="textperm" href="{Permalink}">{NoteCountWithLabel}</a>
  1113. </div>
  1114. {/block:Link}
  1115.  
  1116. {block:Video}
  1117. <div class="post">
  1118. <a class="pbutton" href="{Permalink}">PERMALINK</a>
  1119. {block:indexpage}{Video-250}{/block:indexpage}
  1120. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  1121. {block:indexpage}
  1122. {block:ifshowcaptions}
  1123. {Caption}
  1124. {/block:ifshowcaptions}
  1125. {/block:indexpage}
  1126. {block:PermalinkPage}
  1127. {Caption}
  1128. {/block:PermalinkPage}
  1129. </div>
  1130. {/block:Video}
  1131.  
  1132. {block:Photoset}
  1133. <div class="post">
  1134. <a class="pbutton" href="{Permalink}">PERMALINK</a>
  1135. {block:indexpage}{Photoset-250}{/block:indexpage}
  1136. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  1137. {block:indexpage}
  1138. {block:ifshowcaptions}
  1139. {Caption}
  1140. {/block:ifshowcaptions}
  1141. {/block:indexpage}
  1142. {block:PermalinkPage}
  1143. {Caption}
  1144. {/block:PermalinkPage}
  1145. </div>
  1146. {/block:Photoset}
  1147.  
  1148. {block:PermalinkPage}
  1149. {block:Date}
  1150. <div class="infos">
  1151. <div style="border-top:2px solid {color:post border};margin-bottom:15px;"></div>
  1152. <div style="font-size:12px;">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} {Year}</div>
  1153. {block:PostNotes}
  1154. <br>{NoteCountWithLabel}
  1155. {/block:PostNotes}
  1156. {block:RebloggedFrom}
  1157. <br>
  1158. via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> <br>
  1159. <i>source: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a></i>
  1160. {/block:RebloggedFrom}
  1161. {PostNotes}
  1162. {/block:Date}
  1163. {/block:PermalinkPage}
  1164.  
  1165. {/block:Posts}
  1166.  
  1167. </div>
  1168.  
  1169. </div>
  1170.  
  1171. </div>
  1172.  
  1173. <a style="position:fixed;right:5px;bottom:5px;font-family:calibri;font-size:8px;" href="http://noctos.tumblr.com" title="mirator v1.5 theme by noctos">THEME</a>
  1174.  
  1175. </body>
  1176. </html>
  1177.  
  1178.  
  1179.  
  1180. ------------------------------------------------------------------------
  1181.  
  1182. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  1183. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  1184. <head>
  1185. <html>
  1186. <title>{Title}</title>
  1187.  
  1188. <!-
  1189. ___________________________________________________________________________
  1190.  
  1191. A L T E R N O S - T H E M E
  1192. ___________________________________________________________________________
  1193.  
  1194. BY NOCTOS @ TUMBLR
  1195. _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
  1196.  
  1197. -!>
  1198.  
  1199. <link rel="shortcut icon" href="{Favicon}">
  1200. <meta name="description" content="{MetaDescription}" />
  1201. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  1202.  
  1203. <meta name="image:background" content="" />
  1204. <meta name="color:background" content="#fafafa" />
  1205. <meta name="color:top BG" content="#000" />
  1206. <meta name="color:description" content="#888" />
  1207. <meta name="color:menu BG" content="#fff" />
  1208. <meta name="color:menu links" content="#000" />
  1209. <meta name="color:text" content="#777" />
  1210. <meta name="color:links" content="#b4b4b4" />
  1211. <meta name="color:links hover" content="#eee" />
  1212. <meta name="color:bordering" content="#bdbdbd" />
  1213. <meta name="color:post BG" content="#fff" />
  1214. <meta name="text:font" content="cambria" />
  1215. <meta name="text:font size" content="9px" />
  1216. <meta name="if:post shadow" content="1" />
  1217. <meta name="if:small posts" content="0" />
  1218. <meta name="if:medium posts" content="1" />
  1219. <meta name="if:large posts" content="0" />
  1220. <meta name="if:show captions" content="0" />
  1221. <meta name="if:endless scroll" content="1" />
  1222. <meta name="text:link one" content="" />
  1223. <meta name="text:link one title" content="" />
  1224. <meta name="text:link two" content="" />
  1225. <meta name="text:link two title" content="" />
  1226. <meta name="text:link three" content="" />
  1227. <meta name="text:link three title" content="" />
  1228. <meta name="text:link four" content="" />
  1229. <meta name="text:link four title" content="" />
  1230. <meta name="text:link five" content="" />
  1231. <meta name="text:link five title" content="" />
  1232.  
  1233. {block:ifendlessscroll}
  1234. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  1235. {/block:ifendlessscroll}
  1236.  
  1237. <style type="text/css">
  1238.  
  1239. {CustomCSS}
  1240.  
  1241. ::-webkit-scrollbar-thumb:vertical {background-color:#000;width:3px;}
  1242. ::-webkit-scrollbar {height:0px;width:3px;background-color:#ffffff; padding:2px;}
  1243.  
  1244. 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;}
  1245.  
  1246. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  1247.  
  1248.  
  1249. body {
  1250. background-image: url ('{image:background');
  1251. background-attachment:fixed;
  1252. background-color:{color:background};
  1253. font-family:{text:font};
  1254. font-size:{text:font size};
  1255. color:{color:text};
  1256. }
  1257.  
  1258. a {
  1259. color:{color:links};
  1260. text-decoration:none;
  1261. -webkit-transition: all 0.6s ease-in;
  1262. -moz-transition: all 0.6s ease-in;
  1263. -o-transition: all 0.6s ease-in;
  1264. }
  1265.  
  1266. a:hover {
  1267. color:{color:links hover};
  1268. }
  1269.  
  1270. h1 {
  1271. font-size:16px;
  1272. font-weight:lighter;
  1273. letter-spacing:-1.5px;
  1274. text-transform:uppercase;
  1275. border-bottom:1px solid {color:bordering};
  1276. }
  1277.  
  1278. h1 a {
  1279. color:{color:text};
  1280. }
  1281.  
  1282. .audi img {
  1283. max-width:100px;
  1284. overflow:hidden;
  1285. float:left;
  1286. margin-right:5px;
  1287. }
  1288.  
  1289. #content {
  1290. {block:indexpage}
  1291. {block:ifsmallposts}
  1292. width:250px;
  1293. {/block:ifsmallposts}
  1294. {block:ifmediumposts}
  1295. width:400px;
  1296. {/block:ifmediumposts}
  1297. {block:iflargeposts}
  1298. width:500px;
  1299. {/block:iflargeposts}
  1300. {/block:indexpage}
  1301. {block:permalinkpage}
  1302. width:500px;
  1303. {/block:permalinkpage}
  1304. margin-left:33%;
  1305. }
  1306.  
  1307. .post {
  1308. {block:indexpage}
  1309. {block:ifsmallposts}
  1310. width:250px;
  1311. {/block:ifsmallposts}
  1312. {block:ifmediumposts}
  1313. width:400px;
  1314. {/block:ifmediumposts}
  1315. {block:iflargeposts}
  1316. width:500px;
  1317. {/block:iflargeposts}
  1318. {/block:indexpage}
  1319. {block:permalinkpage}
  1320. width:500px;
  1321. {/block:permalinkpage}
  1322. overflow:hidden;
  1323. {block:indexpage}
  1324. background-color:{color:post BG};
  1325. padding:8px;
  1326. padding-bottom:5px;
  1327. {/block:indexpage}
  1328. float:justify;
  1329. margin-bottom:10px;
  1330. {block:ifpostshadow}
  1331. {block:indexpage}
  1332. -moz-box-shadow: 1.5px 1.5px 3px #b4b4b4;
  1333. -webkit-box-shadow: 1.5px 1.5px 3px #b4b4b4;
  1334. box-shadow: 1.5px 1.5px 3px #b4b4b4;
  1335. {/block:indexpage}
  1336. {/block:ifpostshadow}
  1337. }
  1338.  
  1339. .permalink {
  1340. position:absolute;
  1341. margin-top:10px;
  1342. text-align:center;
  1343. text-transform:uppercase;
  1344. {block:ifsmallposts}
  1345. width:246px;
  1346. {/block:ifsmallposts}
  1347. {block:ifmediumposts}
  1348. width:396px;
  1349. {/block:ifmediumposts}
  1350. {block:iflargeposts}
  1351. width:496px;
  1352. {/block:iflargeposts}
  1353. opacity:0;
  1354. padding:2px;
  1355. background-color:{color:post BG};
  1356. -webkit-transition: all 0.6s ease-in;
  1357. -moz-transition: all 0.6s ease-in;
  1358. -o-transition: all 0.6s ease-in;
  1359. }
  1360.  
  1361. .permalink a {
  1362. color:{color:text};
  1363. }
  1364.  
  1365. .post:hover .permalink {
  1366. opacity:0.9;
  1367. }
  1368.  
  1369. {block:permalinkpage}
  1370. .permalink {
  1371. display:none;
  1372. }
  1373. {/block:permalinkpage}
  1374.  
  1375. #prmpg {
  1376. float:left;
  1377. width:500px;
  1378. z-index:999;
  1379. }
  1380.  
  1381. #not img {
  1382. width:0px;
  1383. height:0px;
  1384. }
  1385.  
  1386. li.not {
  1387. padding:2px;
  1388. margin:3px;
  1389. list-style:decimal;
  1390. }
  1391.  
  1392. .top {
  1393. width:110%;
  1394. height:50px;
  1395. position:fixed;top:-10px;right:-10px;
  1396. background-color:{color:top BG};
  1397. z-index:999;
  1398. }
  1399.  
  1400. .menu {
  1401. width:110%;
  1402. height:30px;
  1403. position:fixed;top:30px;right:-10px;
  1404. background-color:{color:menu BG};
  1405. opacity:0.7;
  1406. z-index:99;
  1407. -webkit-transition: all 0.6s ease-in;
  1408. -moz-transition: all 0.6s ease-in;
  1409. -o-transition: all 0.6s ease-in;
  1410. }
  1411.  
  1412. .menu:hover {
  1413. opacity:0.95;
  1414. padding-top:15px;
  1415. }
  1416.  
  1417. .menu:hover .lnk {
  1418. margin-top:15px;
  1419. }
  1420.  
  1421. .dsc {
  1422. color:{color:description};
  1423. {block:indexpage}
  1424. {block:ifsmallposts}
  1425. width:250px;
  1426. {/block:ifsmallposts}
  1427. {block:ifmediumposts}
  1428. width:400px;
  1429. {/block:ifmediumposts}
  1430. {block:iflargeposts}
  1431. width:500px;
  1432. {/block:iflargeposts}
  1433. {/block:indexpage}
  1434. {block:permalinkpage}
  1435. width:500px;
  1436. {/block:permalinkpage}
  1437. height:28px;
  1438. padding-right:12px;
  1439. text-align:right;
  1440. position:fixed;top:8px; left:33%;
  1441. {block:indexpage}
  1442. margin-left:8px;
  1443. {/block:indexpage}
  1444. overflow:auto;
  1445. }
  1446.  
  1447. .lnk {
  1448. {block:indexpage}
  1449. {block:ifsmallposts}
  1450. width:250px;
  1451. {/block:ifsmallposts}
  1452. {block:ifmediumposts}
  1453. width:400px;
  1454. {/block:ifmediumposts}
  1455. {block:iflargeposts}
  1456. width:500px;
  1457. {/block:iflargeposts}
  1458. {/block:indexpage}
  1459. {block:permalinkpage}
  1460. width:500px;
  1461. {/block:permalinkpage}
  1462. text-align:right;
  1463. {block:indexpage}
  1464. margin-left:8px;
  1465. {/block:indexpage}
  1466. position:fixed;top:43px; left:33%;
  1467. -webkit-transition: all 0.6s ease-in;
  1468. -moz-transition: all 0.6s ease-in;
  1469. -o-transition: all 0.6s ease-in;
  1470. }
  1471.  
  1472. .lnk a {
  1473. color:{color:menu links};
  1474. margin-left:7px;
  1475. }
  1476.  
  1477. .lnk a:hover {
  1478. padding-right:10px;
  1479. }
  1480.  
  1481. .pgna {
  1482. margin-left:8px;
  1483. width:400px;
  1484. text-align:right;
  1485. margin-top:20px;
  1486. font-size:20px;
  1487. font-family:consolas;
  1488. letter-spacing:-2px;
  1489. margin-bottom:25px;
  1490. }
  1491.  
  1492. .pgna a {
  1493. color:{color:text};
  1494. opacity:0.35;
  1495. -webkit-transition: all 0.6s ease-out;
  1496. -moz-transition: all 0.6s ease-out;
  1497. -o-transition: all 0.6s ease-out;
  1498. }
  1499.  
  1500. .pgna a:hover {
  1501. opacity:1;
  1502. }
  1503.  
  1504. </style>
  1505. </head>
  1506. <body>
  1507.  
  1508. <div class="top">
  1509. <div class="dsc">
  1510. {description}
  1511. </div>
  1512. </div>
  1513. <div class="menu">
  1514. <div class="lnk">
  1515. <a href="/" title="home">index</a>
  1516. <a href="/ask" title="ask">message</a>
  1517. <a href="/archive" title="archive">history</a>
  1518.  
  1519. {block:iflinkone}
  1520. <a href="{text:link one}" title="{text:link one title}">{text:link one title}</a>
  1521. {/block:iflinkone}
  1522. {block:iflinktwo}
  1523. <a href="{text:link two}" title="{text:link two title}">{text:link two title}</a>
  1524. {/block:iflinktwo}
  1525. {block:iflinkthree}
  1526. <a href="{text:link three}" title="{text:link three title}">{text:link three title}</a>
  1527. {/block:iflinkthree}
  1528. {block:iflinkfour}
  1529. <a href="{text:link four}" title="{text:link four title}">{text:link four title}</a>
  1530. {/block:iflinkfour}
  1531. {block:iflinkfive}
  1532. <a href="{text:link five}" title="{text:link five title}">{text:link five title}</a>
  1533. {/block:iflinkfive}
  1534.  
  1535.  
  1536. </div>
  1537. </div>
  1538.  
  1539. <div style="height:62px;"></div>
  1540.  
  1541. <div id="content">
  1542.  
  1543. {block:posts}
  1544.  
  1545. {block:Text}
  1546. <div class="post">
  1547. <div class="permalink">
  1548. <a href="{Permalink}">
  1549. {ShortDayOfWeek}, {ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {NoteCountWithLabel}
  1550. </a>
  1551. </div>
  1552. {block:title}<h1>{title}</h1><div style="margin-top:-7px;"></div>{/block:title}
  1553. {body}
  1554. {block:ifnotshowcaptions}
  1555. {block:permalinkpage}
  1556. {Caption}
  1557. {/block:permalinkpage}
  1558. {/block:ifnotshowcaptions}
  1559. {block:ifshowcaptions}
  1560. {Caption}
  1561. {/block:ifshowcaptions}
  1562. </div>
  1563. {/block:Text}
  1564.  
  1565. {block:Link}
  1566. <div class="post">
  1567. <div class="permalink">
  1568. <a href="{Permalink}">
  1569. {ShortDayOfWeek}, {ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {NoteCountWithLabel}
  1570. </a>
  1571. </div>
  1572. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  1573. {block:description}
  1574. <div style="margin-top:-7px;">
  1575. {description}
  1576. </div>
  1577. {/block:description}
  1578. {block:ifshowcaptions}
  1579. {block:caption}
  1580. {caption}
  1581. {/block:caption}
  1582. {/block:ifshowcaptions}
  1583. {block:ifnotshowcaptions}
  1584. {block:permalinkpage}
  1585. {caption}
  1586. {/block:permalinkpage}
  1587. {/block:ifnotshowcaptions}
  1588. </div>
  1589. {/block:Link}
  1590.  
  1591. {block:quote}
  1592. <div class="post">
  1593. <div class="permalink">
  1594. <a href="{Permalink}">
  1595. {ShortDayOfWeek}, {ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {NoteCountWithLabel}
  1596. </a>
  1597. </div>
  1598. "{quote}"
  1599. <div style="margin-top:3px;border-bottom:1px solid {color:bordering};"></div>
  1600. <div style="margin-top:3px;text-align:right;font-style:italic;padding-right:10px;">{block:Source}{Source}{/block:Source}</div>
  1601. {block:ifshowcaptions}
  1602. {block:caption}
  1603. {caption}
  1604. {/block:caption}
  1605. {/block:ifshowcaptions}
  1606. {block:ifnotshowcaptions}
  1607. {block:permalinkpage}
  1608. {caption}
  1609. {/block:permalinkpage}
  1610. {/block:ifnotshowcaptions}
  1611. </div>
  1612. {/block:quote}
  1613.  
  1614. {block:Photo}
  1615. <div class="post">
  1616. <div class="permalink">
  1617. <a href="{Permalink}">
  1618. {ShortDayOfWeek}, {ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {NoteCountWithLabel}
  1619. </a>
  1620. </div>
  1621. {LinkOpenTag}
  1622. <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  1623. {block:indexpage}
  1624. {block:ifsmallposts}
  1625. <img src="{PhotoURL-250}">
  1626. {/block:ifsmallposts}
  1627. {block:ifmediumposts}
  1628. <img style="width:400px;" src="{PhotoURL-500}">
  1629. {/block:ifmediumposts}
  1630. {block:iflargeposts}
  1631. <img arc="{PhotoURL-500}">
  1632. {/block:iflargeposts}
  1633. {/block:indexpage}
  1634. {block:permalinkpage}
  1635. <img src="{PhotoURL-500}">
  1636. {/block:permalinkpage}
  1637. {linkCloseTag}
  1638. {block:ifnotshowcaptions}
  1639. {block:permalinkpage}
  1640. {Caption}
  1641. {/block:permalinkpage}
  1642. {/block:ifnotshowcaptions}
  1643. {block:ifshowcaptions}
  1644. {Caption}
  1645. {/block:ifshowcaptions}
  1646. </div>
  1647. {/block:Photo}
  1648.  
  1649. {block:Photoset}
  1650. <div class="post">
  1651. <div class="permalink">
  1652. <a href="{Permalink}">
  1653. {ShortDayOfWeek}, {ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {NoteCountWithLabel}
  1654. </a>
  1655. </div>
  1656. {block:indexpage}
  1657. {block:ifsmallposts}
  1658. {Photoset-250}
  1659. {/block:ifsmallposts}
  1660. {block:ifmediumposts}
  1661. {Photoset-400}
  1662. {/block:ifmediumposts}
  1663. {block:iflargeposts}
  1664. {Photoset-500}
  1665. {/block:iflargeposts}
  1666. {/block:indexpage}
  1667. {block:permalinkpage}
  1668. {Photoset-500}
  1669. {/block:permalinkpage}
  1670. {block:ifnotshowcaptions}
  1671. {block:permalinkpage}
  1672. {Caption}
  1673. {/block:permalinkpage}
  1674. {/block:ifnotshowcaptions}
  1675. {block:ifshowcaptions}
  1676. {Caption}
  1677. {/block:ifshowcaptions}
  1678. </div>
  1679. {/block:Photoset}
  1680.  
  1681. {block:audio}
  1682. <div class="post">
  1683. <div class="permalink">
  1684. <a href="{Permalink}">
  1685. {ShortDayOfWeek}, {ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {NoteCountWithLabel}</a>
  1686. </div>
  1687. <div style="width:100%; background-color:#000;">{audioplayerblack}</div>
  1688. {block:indexpage}
  1689. <div style="margin-top:5px; padding-top:5px; border-top:1px solid {color:bordering};">
  1690. {block:albumart}
  1691. <div class="audi"><img src="{albumartURL}"></div>
  1692. {/block:albumart}
  1693. <div style="float:left; border-left:1px solid {color:bordering}; padding-left:5px;">
  1694. {block:artist}{artist}{/block:artist}<br>
  1695. {block:album}{album}{/block:album}<br>
  1696. {block:trackname}{trackname}{/block:trackname}<br>
  1697. </div>
  1698. <div style="{block:ifsmallposts}width:58%;{/block:ifsmallposts}{block:ifmediumposts}width:73%;{/block:ifmediumposts}{block:iflargeposts}width:78%;{/block:iflargeposts}margin-top:5px;float:left;border-top:1px solid {color:bordering};">
  1699. <div style="float:left;border-left:1px solid {color:bordering}; margin-top:5px;padding-top:2px;padding-left:5px;">
  1700. <div style="margin-top:-2px;"></div>
  1701. {playcountwithlabel}
  1702. </div></div></div>
  1703. {/block:indexpage}
  1704. {block:permalinkpage}<br>
  1705. {block:albumart}
  1706. <div class="audi">
  1707. <img src="{albumarturl}">
  1708. </div>
  1709. {/block:albumart}
  1710. <div styl="float:left;">
  1711. {playcountwithlabel}<br>
  1712. {block:artist}{artist}{/block:artist}<br>
  1713. {block:album}{album}{/block:album}<br>
  1714. {block:trackname}{trackname}{/block:trackname}<br>
  1715. </div>
  1716. {/block:permalinkpage}
  1717. {block:ifshowcaptions}
  1718. {block:caption}
  1719. {caption}
  1720. {/block:caption}
  1721. {/block:ifshowcaptions}
  1722. {block:ifnotshowcaptions}
  1723. {block:permalinkpage}
  1724. <div style="float:left;">
  1725. {caption}
  1726. </div>
  1727. {/block:permalinkpage}
  1728. {/block:ifnotshowcaptions}
  1729. </div>
  1730. {/block:audio}
  1731.  
  1732. {block:Video}
  1733. <div class="post">
  1734. <div class="permalink">
  1735. <a href="{Permalink}">
  1736. {ShortDayOfWeek}, {ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {NoteCountWithLabel}</a>
  1737. </div>
  1738. {block:indexpage}
  1739. {block:if250pxposts}
  1740. {video-250}
  1741. {/block:if250pxposts}
  1742. {block:if400pxposts}
  1743. {video-400}
  1744. {/block:if400pxposts}
  1745. {block:if500pxposts}
  1746. {video-500}
  1747. {/block:if500pxposts}
  1748. {/block:indexPage}
  1749. {block:permalinkpage}
  1750. {video-500}
  1751. {/block:permalinkpage}
  1752. {block:ifshowcaptions}
  1753. {block:caption}
  1754. {caption}
  1755. {/block:caption}
  1756. {/block:ifshowcaptions}
  1757. {block:ifnotshowcaptions}
  1758. {block:permalinkpage}
  1759. {caption}
  1760. {/block:permalinkpage}
  1761. {/block:ifnotshowcaptions}
  1762. </div>
  1763. {/block:Video}
  1764.  
  1765. {block:Answer}
  1766. <div class="post">
  1767. <div class="permalink">
  1768. <a href="{Permalink}">
  1769. {ShortDayOfWeek}, {ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {NoteCountWithLabel}</a>
  1770. </div>
  1771. <div style="padding-bottom:3px;border-bottom:1px solid {color:bordering};">
  1772. {Asker}: {Question}
  1773. </div>
  1774. {Answer}
  1775. </div>
  1776. {/block:Answer}
  1777.  
  1778. {block:chat}
  1779. <div class="post">
  1780. <div class="permalink">
  1781. <a href="{Permalink}">
  1782. {ShortDayOfWeek}, {ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {NoteCountWithLabel}</a>
  1783. </div>
  1784. <ul>
  1785. {block:Lines}
  1786. <li class="person">
  1787. {block:Label}
  1788. {Label}
  1789. {/block:Label}
  1790. <i>
  1791. {Line}
  1792. </i>
  1793. </li>
  1794. {/block:Lines}
  1795. </ul>
  1796. {block:ifshowcaptions}
  1797. {block:caption}
  1798. {caption}
  1799. {/block:caption}
  1800. {/block:ifshowcaptions}
  1801. {block:ifnotshowcaptions}
  1802. {block:permalinkpage}
  1803. {caption}
  1804. {/block:permalinkpage}
  1805. {/block:ifnotshowcaptions}
  1806. </div>
  1807. {/block:chat}
  1808.  
  1809. {block:PermalinkPage}
  1810. {block:Date}
  1811. <div id="prmpg">
  1812. <h1>{dayofweek}, {month} {dayofmonth}{dayofmonthsuffix} {year} | {24hour}:{minutes}:{seconds}</h1>
  1813. {/block:Date}
  1814. <div style="margin-top:-5px;"></div>
  1815. {block:postnotes}
  1816. {NoteCountWithLabel}
  1817. <br>
  1818. {/block:postnotes}
  1819. {block:HasTags}
  1820. <i>tags</i>: {block:Tags}<a href="{tagURL}">#{Tag} </a>{/block:Tags}
  1821. <br>
  1822. {/block:HasTags}
  1823. {block:RebloggedFrom}
  1824. <i>via</i>: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>
  1825. <br>
  1826. <i>original</i>: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>
  1827. {/block:RebloggedFrom}
  1828. {block:date}
  1829. <div style="border-bottom:1px dashed {color:bordering};margin-top:5px; margin-bottom:4px;"></div>
  1830. <i>navigate</i>: <a href="{reblogURL}" title="reblog this">reblog</a>, <a href="/" title="index">index</a>, <a href="/random" title="random entry">random entry</a>
  1831. {/block:date}
  1832. {block:postnotes}
  1833. <div style="height:5px;"></div>
  1834. <div style="border-bottom:1px solid {color:bordering};"></div>
  1835. <br>
  1836. <div style="float:left;">
  1837. <div id="not">
  1838. {PostNotes}
  1839. </div>
  1840. </div>
  1841. {/block:postnotes}
  1842. </div>
  1843. {/block:PermalinkPage}
  1844.  
  1845. {/block:posts}
  1846.  
  1847. {block:ifnotendlessscroll}
  1848. {block:indexpage}
  1849. <div class="pgna">
  1850. {block:previouspage}
  1851. <div style="float:left;"><a href="{previouspage}" title="previous page">PREV</a></div>
  1852. {/block:previouspage}
  1853. {block:nextpage}
  1854. <a href="{nextpage}" title="next page">NEXT</a>
  1855. {/block:nextpage}
  1856. <div style="font-size:9px;font-family:cambria;letter-spacing:0px;">
  1857. <i>{currentpage} / {totalpages}</i></div>
  1858. </div>
  1859. {/block:indexpage}
  1860. {/block:ifnotendlessscroll}
  1861.  
  1862. <a style="position:fixed;bottom:5px;right:5px;opacity:0.7;color:#777;font-family:consolas;font-size:8px;" href="http://noctos.tumblr.com" title="theme by noctos">THEME</a>
  1863.  
  1864. </div>
  1865. </body>
  1866. </html>
  1867.  
  1868. ------------------------------------------------------------------
  1869.  
  1870.  
  1871. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  1872. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  1873. <head>
  1874. <html>
  1875. <title>{Title}</title>
  1876.  
  1877. <!-
  1878. ___________________________________________________________________________
  1879.  
  1880. PERFECTOS THEME BY NOCTOS @ TUMBLR
  1881. ___________________________________________________________________________
  1882.  
  1883. -!>
  1884.  
  1885. <link rel="shortcut icon" href="{Favicon}">
  1886. <meta name="description" content="{MetaDescription}" />
  1887. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  1888.  
  1889. <meta name="text:font" content="cambria" />
  1890. <meta name="text:font size" content="9px" />
  1891. <meta name="image:background" content="" />
  1892. <meta name="image:side" content="http://static.tumblr.com/nj7bgyh/tkWm1regy/tumblr_m0iyf9ysys1qa6b2io1_1280.jpg" />
  1893. <meta name="color:background" content="#fff" />
  1894. <meta name="color:text" content="#777" />
  1895. <meta name="color:links" content="#888" />
  1896. <meta name="color:links hover" content="#191919" />
  1897. <meta name="color:bordering" content="#eee" />
  1898. <meta name="color:entry BG" content="#fff" />
  1899. <meta name="color:side links BG" content="#000" />
  1900. <meta name="color:side links TXT" content="#fff" />
  1901. <meta name="if:endless scroll" content="1" />
  1902. <meta name="if:show captions" content="0" />
  1903. <meta name="if:small posts" content="1" />
  1904. <meta name="if:medium posts" content="0" />
  1905. <meta name="if:large posts" content="0" />
  1906. <meta name="text:link one" content="" />
  1907. <meta name="text:link one title" content="" />
  1908. <meta name="text:link two" content="" />
  1909. <meta name="text:link two title" content="" />
  1910. <meta name="text:link three" content="" />
  1911. <meta name="text:link three title" content="" />
  1912.  
  1913. {block:ifendlessscroll}
  1914. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  1915. {/block:ifendlessscroll}
  1916.  
  1917. <style type="text/css">
  1918.  
  1919. {CustomCSS}
  1920.  
  1921. ::-webkit-scrollbar-thumb:vertical {background-color:{color:bordering};width:6px;border:1px solid #fff;}
  1922. ::-webkit-scrollbar {height:0px;width:5px;background-color:#ffffff;}
  1923.  
  1924. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.5;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  1925.  
  1926. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  1927.  
  1928.  
  1929. body {
  1930. background-image: url ('{image:background');
  1931. background-attachment:fixed;
  1932. background-color:{color:background};
  1933. font-family:{text:font};
  1934. font-size:{text:font size};
  1935. color:{color:text};
  1936. }
  1937.  
  1938. a {
  1939. color:{color:links};
  1940. text-decoration:none;
  1941. -webkit-transition: all 0.6s ease-in;
  1942. -moz-transition: all 0.6s ease-in;
  1943. -o-transition: all 0.6s ease-in;
  1944. }
  1945.  
  1946. a:hover {
  1947. color:{color:links hover};
  1948. }
  1949.  
  1950. h1 {
  1951. font-size:16px;
  1952. font-weight:lighter;
  1953. letter-spacing:-1.5px;
  1954. text-transform:uppercase;
  1955. border-bottom:1px solid {color:bordering};
  1956. }
  1957.  
  1958. blockquote {
  1959. padding-left:10px;
  1960. border-left:1px solid {color:text};
  1961. }
  1962.  
  1963. .audi img {
  1964. max-width:100px;
  1965. overflow:hidden;
  1966. float:left;
  1967. margin-right:5px;
  1968. }
  1969.  
  1970. {block:indexpage}
  1971. .post img {
  1972. -webkit-transition: all 0.6s ease-in;
  1973. -moz-transition: all 0.6s ease-in;
  1974. -o-transition: all 0.6s ease-in;
  1975. }
  1976.  
  1977. .post img:hover {
  1978. opacity:0.65;
  1979. }
  1980. {/block:indexpage}
  1981.  
  1982. #content {
  1983. {block:indexpage}
  1984. {block:ifsmallposts}
  1985. margin-left:40%;
  1986. {block:ifsmallposts}
  1987. {block:ifmediumposts}
  1988. margin-left:33%;
  1989. {/block:ifmediumposts}
  1990. {block:iflargeposts}
  1991. margin-left:30%;
  1992. {/block:iflargeposts}
  1993. {/block:indexpage}
  1994. {block:permalinkpage}
  1995. margin-left:30%;
  1996. {/block:permalinkpage}
  1997. {block:indexpage}
  1998. {block:ifsmallposts}
  1999. width:250px;
  2000. {block:ifsmallposts}
  2001. {block:ifmediumposts}
  2002. width:400px;
  2003. {/block:ifmediumposts}
  2004. {block:iflargeposts}
  2005. width:500px;
  2006. {/block:iflargeposts}
  2007. {/block:indexpage}
  2008. {block:permalinkpage}
  2009. width:500px;
  2010. {/block:permalinkpage}
  2011. }
  2012.  
  2013. .post {
  2014. float:left;
  2015. overflow:hidden;
  2016. text-align:justify;
  2017. margin-bottom:8px;
  2018. {block:indexpage}
  2019. {block:ifsmallposts}
  2020. width:250px;
  2021. {block:ifsmallposts}
  2022. {block:ifmediumposts}
  2023. width:400px;
  2024. {/block:ifmediumposts}
  2025. {block:iflargeposts}
  2026. width:500px;
  2027. {/block:iflargeposts}
  2028. {/block:indexpage}
  2029. {block:permalinkpage}
  2030. width:500px;
  2031. {/block:permalinkpage}
  2032. overflow:hidden;
  2033. }
  2034.  
  2035. .permalink {
  2036. position:absolute;
  2037. padding:5px;
  2038. border-left:1px solid {color:text};
  2039. opacity:0;
  2040. {block:indexpage}
  2041. {block:ifsmallposts}
  2042. margin-left:260px;
  2043. {block:ifsmallposts}
  2044. {block:ifmediumposts}
  2045. margin-left:410px;
  2046. {/block:ifmediumposts}
  2047. {block:iflargeposts}
  2048. margin-left:509px;
  2049. {/block:iflargeposts}
  2050. {/block:indexpage}
  2051. {block:permalinkpage}
  2052. display:none;
  2053. {/block:permalinkpage}
  2054. -webkit-transition: all 0.7s ease-out;
  2055. -moz-transition: all 0.7s ease-out;
  2056. -o-transition: all 0.7s ease-out;
  2057. }
  2058.  
  2059. .post:hover .permalink {
  2060. opacity:1;
  2061. }
  2062.  
  2063. .pagination {
  2064. margin-top:10px;
  2065. text-align:center;
  2066. font-family:consolas;
  2067. font-size:11px;
  2068. }
  2069.  
  2070. .pagination a {
  2071. color:{color:links};
  2072. opacity:0.4;
  2073. -webkit-transition: all 0.7s ease-out;
  2074. -moz-transition: all 0.7s ease-out;
  2075. -o-transition: all 0.7s ease-out;
  2076. }
  2077.  
  2078. .pagination a:hover {
  2079. opacity:1;
  2080. }
  2081.  
  2082. #backing {
  2083. background-attachment;
  2084. position:fixed;
  2085. {block:indexpage}
  2086. {block:ifsmallposts}
  2087. left:40%;
  2088. {block:ifsmallposts}
  2089. {block:ifmediumposts}
  2090. left:33%;
  2091. {/block:ifmediumposts}
  2092. {block:iflargeposts}
  2093. left:30%;
  2094. {/block:iflargeposts}
  2095. {/block:indexpage}
  2096. {block:permalinkpage}
  2097. left:30%;
  2098. {/block:permalinkpage}
  2099. top:-10px;
  2100. height:110%;
  2101. z-index:-999;
  2102. margin-left:-8px;
  2103. padding:10px;
  2104. {block:indexpage}
  2105. {block:ifsmallposts}
  2106. width:250px;
  2107. {block:ifsmallposts}
  2108. {block:ifmediumposts}
  2109. width:400px;
  2110. {/block:ifmediumposts}
  2111. {block:iflargeposts}
  2112. width:500px;
  2113. {/block:iflargeposts}
  2114. {/block:indexpage}
  2115. {block:permalinkpage}
  2116. width:500px;
  2117. {/block:permalinkpage}
  2118. background-color:{color:entry BG};
  2119. border-right:1px solid {color:bordering};
  2120. }
  2121.  
  2122. #left {
  2123. width:172px;
  2124. height:110%;
  2125. position:fixed;
  2126. {block:indexpage}
  2127. {block:ifsmallposts}
  2128. left:40%;
  2129. {block:ifsmallposts}
  2130. {block:ifmediumposts}
  2131. left:33%;
  2132. {/block:ifmediumposts}
  2133. {block:iflargeposts}
  2134. left:30%;
  2135. {/block:iflargeposts}
  2136. {/block:indexpage}
  2137. {block:permalinkpage}
  2138. left:30%;
  2139. {/block:permalinkpage}
  2140. top:1px;
  2141. overflow:hidden;
  2142. margin-left:-190px;
  2143. }
  2144.  
  2145. .img:hover .link1 {opacity:0.75;margin-left:0px;}
  2146. .img:hover .link2 {opacity:0.75;margin-left:0px;}
  2147. .img:hover .link3 {opacity:0.75;margin-left:0px;}
  2148. .img:hover .link4 {opacity:0.75;margin-left:0px;}
  2149. .img:hover .link5 {opacity:0.75;margin-left:0px;}
  2150. .img:hover .link6 {opacity:0.75;margin-left:0px;}
  2151.  
  2152. .link1 {
  2153. width:180px;
  2154. position:absolute;
  2155. font-family:consolas;
  2156. text-transform:uppercase;
  2157. letter-spacing:1px;
  2158. font-size:11px;
  2159. text-align:center;
  2160. margin-top:8px;
  2161. background-color:{color:side links BG};
  2162. opacity:0;
  2163. margin-left:170px;
  2164. -webkit-transition: all 0.6s ease-out;
  2165. -moz-transition: all 0.6s ease-out;
  2166. -o-transition: all 0.6s ease-out;
  2167. }
  2168.  
  2169. .link2 {
  2170. width:180px;
  2171. position:absolute;
  2172. font-family:consolas;
  2173. text-transform:uppercase;
  2174. letter-spacing:1px;
  2175. font-size:11px;
  2176. text-align:center;
  2177. margin-top:28px;
  2178. background-color:{color:side links BG};
  2179. opacity:0;
  2180. margin-left:170px;
  2181. -webkit-transition: all 0.7s ease-out;
  2182. -moz-transition: all 0.7s ease-out;
  2183. -o-transition: all 0.7s ease-out;
  2184. }
  2185.  
  2186. .link3 {
  2187. width:180px;
  2188. position:absolute;
  2189. font-family:consolas;
  2190. text-transform:uppercase;
  2191. letter-spacing:1px;
  2192. font-size:11px;
  2193. text-align:center;
  2194. margin-top:48px;
  2195. background-color:{color:side links BG};
  2196. opacity:0;
  2197. margin-left:170px;
  2198. -webkit-transition: all 0.8s ease-out;
  2199. -moz-transition: all 0.8s ease-out;
  2200. -o-transition: all 0.8s ease-out;
  2201. }
  2202.  
  2203. .link4 {
  2204. width:180px;
  2205. position:absolute;
  2206. font-family:consolas;
  2207. text-transform:uppercase;
  2208. letter-spacing:1px;
  2209. font-size:11px;
  2210. text-align:center;
  2211. margin-top:68px;
  2212. background-color:{color:side links BG};
  2213. opacity:0;
  2214. margin-left:170px;
  2215. -webkit-transition: all 0.9s ease-out;
  2216. -moz-transition: all 0.9s ease-out;
  2217. -o-transition: all 0.9s ease-out;
  2218. }
  2219.  
  2220. .link5 {
  2221. width:180px;
  2222. position:absolute;
  2223. font-family:consolas;
  2224. text-transform:uppercase;
  2225. letter-spacing:1px;
  2226. font-size:11px;
  2227. text-align:center;
  2228. margin-top:88px;
  2229. background-color:{color:side links BG};
  2230. opacity:0;
  2231. margin-left:170px;
  2232. -webkit-transition: all 1.0s ease-out;
  2233. -moz-transition: all 1.0s ease-out;
  2234. -o-transition: all 1.0s ease-out;
  2235. }
  2236.  
  2237. .link6 {
  2238. width:180px;
  2239. position:absolute;
  2240. font-family:consolas;
  2241. text-transform:uppercase;
  2242. letter-spacing:1px;
  2243. font-size:11px;
  2244. text-align:center;
  2245. margin-top:108px;
  2246. background-color:{color:side links BG};
  2247. opacity:0;
  2248. margin-left:170px;
  2249. -webkit-transition: all 1.1s ease-out;
  2250. -moz-transition: all 1.1s ease-out;
  2251. -o-transition: all 1.1s ease-out;
  2252. }
  2253.  
  2254. .description {
  2255. width:130px;
  2256. margin-left:15px;
  2257. padding:5px;
  2258. padding-bottom:11px;
  2259. margin-top:-5px;
  2260. text-align:center;
  2261. border-bottom:1px solid {color:bordering};
  2262. }
  2263.  
  2264. </style>
  2265. </head>
  2266. <body>
  2267. <div style="padding:10px;border:1px solid {color:bordering};height:110%;position:fixed;{block:indexpage}{block:ifsmallposts}left:40%;{block:ifsmallposts}{block:ifmediumposts}left:33%;{/block:ifmediumposts}{block:iflargeposts}left:30%;{/block:iflargeposts}{/block:indexpage}{block:permalinkpage}left:30%;{/block:permalinkpage}margin-left:-200px;top:-10px;width:170px;overflow:hidden;"></div>
  2268. <div id="left">
  2269. <div style="margin-top:6px;" class="img">
  2270.  
  2271. <a style="color:{color:side links txt};" href="/"><div class="link1">home</div></a>
  2272. <a style="color:{color:side links txt};" href="/ask"><div class="link2">message</div></a>
  2273. <a style="color:{color:side links txt};" href="/archive"><div class="link3">history</div></a>
  2274.  
  2275. {block:iflinkone}<a style="color:{color:side links txt};" href="{text:link one}"><div class="link4">{text:link one title}</div></a>
  2276. {/block:iflinkone}
  2277. {block:iflinktwo}<a style="color:{color:side links txt};" href="{text:link two}"><div class="link5">{text:link two title}</div></a>
  2278. {/block:iflinktwo}
  2279. {block:iflinkthree}<a style="color:{color:side links txt};" href="{text:link three}"><div class="link6">{text:link three title}</div></a>
  2280. {/block:iflinkthree}
  2281.  
  2282. <img style="width:170px;border:1px solid {color:bordering};" src="{image:side}">
  2283. </div>
  2284. <h1 style="padding-bottom:1px;border-top:1px solid {color:bordering};"><center><a style="color:{color:text};" href="/" title="{Title}">{Title}</a></center></h1>
  2285. <div class="description">{Description}</div>
  2286. {block:ifnotendlessscroll}
  2287. <div class="pagination">
  2288. {block:NextPage}
  2289. <a href="{NextPage}">FORTH</a>
  2290. {block:NextPage}
  2291. {block:PreviousPage}
  2292. <a href="{PreviousPage}">BACK</a><br>
  2293. {/block:PreviousPage}
  2294. <i style="font-size:8px;font-family:{text:font};letter-spacing:0px;" >{CurrentPage} / {TotalPages}</i>
  2295. </div>
  2296. {/block:ifnotendlessscroll}
  2297. </div>
  2298.  
  2299. <div id="backing"></div>
  2300.  
  2301. <div style="margin-top:-1px" id="content">
  2302.  
  2303. {block:Posts}
  2304.  
  2305. {block:Text}
  2306. <div class="post">
  2307. <div class="permalink">
  2308. {DayOfWeek}, {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {Year}
  2309. <br>
  2310. <a href="{Permalink}">{NoteCountWithLabel}</a>
  2311. </div>
  2312. {block:Title}<h1>{Title}</h1>{/block:Title}
  2313. <div style="margin-top:-7px"></div>
  2314. {Body}
  2315. </div>
  2316. {/block:Text}
  2317.  
  2318. {block:Photo}
  2319. <div class="post">
  2320. <div class="permalink">
  2321. {DayOfWeek}, {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {Year}
  2322. <br>
  2323. <a href="{Permalink}">{NoteCountWithLabel}</a>
  2324. </div>
  2325. {LinkOpenTag}
  2326. <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  2327. {block:indexpage}
  2328. {block:ifsmallposts}
  2329. <img src="{PhotoURL-250}">
  2330. {/block:ifsmallposts}
  2331. {block:ifmediumposts}
  2332. <img style="width:400px;" src="{PhotoURL-500}">
  2333. {/block:ifmediumposts}
  2334. {block:iflargeposts}
  2335. <img src="{PhotoURL-500}">
  2336. {/block:iflargeposts}
  2337. {block:ifshowcaptions}
  2338. {Caption}
  2339. {/block:ifshowcaptions}
  2340. {/block:indexpage}
  2341. {block:permalinkpage}
  2342. <img src="{PhotoURL-500}">
  2343. {Caption}
  2344. {/block:permalinkpage}
  2345. </div>
  2346. {LinkCloseTag}
  2347. {/block:Photo}
  2348.  
  2349. {block:Quote}
  2350. <div class="post">
  2351. <div class="permalink">
  2352. {DayOfWeek}, {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {Year}
  2353. <br>
  2354. <a href="{Permalink}">{NoteCountWithLabel}</a>
  2355. </div>
  2356. "{Quote}"
  2357. <div style="border-bottom:1px solid {color:bordering};margin-bottom:3px;padding-top:5px;"></div>
  2358. <div style="text-align:right;">
  2359. {block:Source}― {Source}{/block:Source}
  2360. </div>
  2361. </div>
  2362. {/block:Quote}
  2363.  
  2364. {block:Photoset}
  2365. <div class="post">
  2366. <div class="permalink">
  2367. {DayOfWeek}, {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {Year}
  2368. <br>
  2369. <a href="{Permalink}">{NoteCountWithLabel}</a>
  2370. </div>
  2371. {block:indexpage}
  2372. {block:ifsmallposts}
  2373. {Photoset-250}
  2374. {/block:ifsmallposts}
  2375. {block:ifmediumposts}
  2376. {Photoset-400}
  2377. {/block:ifmediumposts}
  2378. {block:iflargeposts}
  2379. {Photoset-500}
  2380. {/block:iflargeposts}
  2381. {block:ifshowcaptions}
  2382. {Caption}
  2383. {/block:ifshowcaptions}
  2384. {/block:indexpage}
  2385. {block:permalinkpage}
  2386. {Photoset-500}
  2387. {Caption}
  2388. {/block:permalinkpage}
  2389. </div>
  2390. {/block:Photoset}
  2391.  
  2392. {block:Link}
  2393. <div class="post">
  2394. <div class="permalink">
  2395. {DayOfWeek}, {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {Year}
  2396. <br>
  2397. <a href="{Permalink}">{NoteCountWithLabel}</a>
  2398. </div>
  2399. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  2400. {block:description}
  2401. <div style="margin-top:-7px;">
  2402. {description}
  2403. </div>
  2404. {/block:description}
  2405. {block:indexpage}
  2406. {block:ifshowcaptions}
  2407. {caption}
  2408. {/block:ifshowcaptions}
  2409. {/block:indexpage}
  2410. {block:permalinkpage}
  2411. {caption}
  2412. {/block:permalinkpage}
  2413. </div>
  2414. {/block:Link}
  2415.  
  2416. {block:audio}
  2417. <div class="post">
  2418. <div class="permalink">
  2419. {DayOfWeek}, {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {Year}
  2420. <br>
  2421. <a href="{Permalink}">{NoteCountWithLabel}</a>
  2422. </div>
  2423. <div style="width:100%; background-color:#000;">{audioplayerblack}</div>
  2424. {block:indexpage}
  2425. <div style="margin-top:5px; padding-top:5px; border-top:1px solid {color:bordering};">
  2426. {block:albumart}
  2427. <div class="audi"><img src="{albumartURL}"></div>
  2428. {/block:albumart}
  2429. <div style="float:left; border-left:1px solid {color:bordering}; padding-left:5px;">
  2430. {block:artist}{artist}{/block:artist}<br>
  2431. {block:album}{album}{/block:album}<br>
  2432. {block:trackname}{trackname}{/block:trackname}<br>
  2433. </div>
  2434. <div style="{block:ifsmallposts}width:58%;{/block:ifsmallposts}{block:ifmediumposts}width:73%;{/block:ifmediumposts}{block:iflargeposts}width:78%;{/block:iflargeposts}margin-top:5px;float:left;border-top:1px solid {color:bordering};">
  2435. <div style="float:left;border-left:1px solid {color:bordering}; margin-top:5px;padding-top:2px;padding-left:5px;">
  2436. <div style="margin-top:-2px;"></div>
  2437. {playcountwithlabel}
  2438. </div></div></div>
  2439. {/block:indexpage}
  2440. {block:permalinkpage}<br>
  2441. {block:albumart}
  2442. <div class="audi">
  2443. <img src="{albumarturl}">
  2444. </div>
  2445. {/block:albumart}
  2446. <div style="float:left;">
  2447. {playcountwithlabel}<br>
  2448. {block:artist}{artist}{/block:artist}<br>
  2449. {block:album}{album}{/block:album}<br>
  2450. {block:trackname}{trackname}{/block:trackname}<br>
  2451. </div>
  2452. {/block:permalinkpage}
  2453. {block:ifshowcaptions}
  2454. {block:caption}
  2455. {caption}
  2456. {/block:caption}
  2457. {/block:ifshowcaptions}
  2458. {block:ifnotshowcaptions}
  2459. {block:permalinkpage}
  2460. <div style="float:left;">
  2461. {caption}
  2462. </div>
  2463. {/block:permalinkpage}
  2464. {/block:ifnotshowcaptions}
  2465. </div>
  2466. {/block:audio}
  2467.  
  2468. {block:Video}
  2469. <div class="post">
  2470. <div class="permalink">
  2471. {DayOfWeek}, {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {Year}
  2472. <br>
  2473. <a href="{Permalink}">{NoteCountWithLabel}</a>
  2474. </div>
  2475. {block:indexpage}
  2476. {block:ifsmallposts}
  2477. {video-250}
  2478. {/block:ifsmallposts}
  2479. {block:ifmediumposts}
  2480. {video-400}
  2481. {/block:ifmediumposts}
  2482. {block:iflargeposts}
  2483. {video-500}
  2484. {/block:iflargeposts}
  2485. {block:ifshowcaptions}
  2486. {Caption}
  2487. {/block:ifshowcaptions}
  2488. {/block:indexpage}
  2489. {block:permalinkpage}
  2490. {video-500}
  2491. {Caption}
  2492. {/block:permalinkpage}
  2493. </div>
  2494. {/block:Video}
  2495.  
  2496. {block:Answer}
  2497. <div class="post">
  2498. <div class="permalink">
  2499. {DayOfWeek}, {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {Year}
  2500. <br>
  2501. <a href="{Permalink}">{NoteCountWithLabel}</a>
  2502. </div>
  2503. <div style="padding-bottom:3px;border-bottom:1px solid {color:bordering};">
  2504. {Asker}: {Question}
  2505. </div>
  2506. {Answer}
  2507. </div>
  2508. {/block:Answer}
  2509.  
  2510. {block:chat}
  2511. <div class="post">
  2512. <div class="permalink">
  2513. {DayOfWeek}, {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {Year}
  2514. <br>
  2515. <a href="{Permalink}">{NoteCountWithLabel}</a>
  2516. </div>
  2517. {block:title}<h1>{title}</h1><div style="margin-top:-7px;"></div>{/block:title}
  2518. <ul>
  2519. {block:Lines}
  2520. <li style="list-style:square;">
  2521. {block:Label}
  2522. {Label}
  2523. {/block:Label}
  2524. <i>
  2525. {Line}
  2526. </i>
  2527. </li>
  2528. {/block:Lines}
  2529. </ul>
  2530. {block:ifshowcaptions}
  2531. {block:caption}
  2532. {caption}
  2533. {/block:caption}
  2534. {/block:ifshowcaptions}
  2535. {block:ifnotshowcaptions}
  2536. {block:permalinkpage}
  2537. {caption}
  2538. {/block:permalinkpage}
  2539. {/block:ifnotshowcaptions}
  2540. </div>
  2541. {/block:chat}
  2542.  
  2543. {block:PermalinkPage}
  2544. <div style="float:left;width:500px;">
  2545. {block:Date}
  2546. <div style="font-weight:bold;font-size:12px;border-bottom:1px solid {color:bordering};margin-bottom:3px;text-transform:uppercase;">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} {Year} ({12Hour}:{Minutes}{AmPm})</div>
  2547. {/block:Date}
  2548. {block:PostNotes}
  2549. {NoteCountWithLabel}
  2550. <br>
  2551. {/block:PostNotes}
  2552. {block:HasTags}
  2553. tagged:{block:Tags}#<a href="{TagURL}" title="{Tag}">{Tag} </a>{/block:Tags}
  2554. <br>
  2555. {/block:HasTags}
  2556. {block:RebloggedFrom}
  2557. via: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a><br>
  2558. original: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>
  2559. {/block:RebloggedFrom}
  2560. {block:Date}
  2561. <div style="border-bottom:1px solid {color:bordering};padding-top:3px;margin-bottom:3px;"></div>
  2562. navigation: <a href="{ReblogURL}" title="reblog this post">reblog</a>, <a href="/">index</a>, <a href="/random" title="random post">random</a>
  2563. {/block:Date}
  2564. {block:NoteCount}
  2565. <div style="border-bottom:1px solid {color:bordering};padding-top:3px;"></div>
  2566. <div class="notes">
  2567. {PostNotes}
  2568. </div>
  2569. {/block:NoteCount}
  2570. </div>
  2571. {/block:PermalinkPage}
  2572.  
  2573. {/block:Posts}
  2574.  
  2575. </div>
  2576.  
  2577. <a style="position:fixed;bottom:5px;right:5px;font-family:consolas;font-size:8px;opacity:0.7;" href="http://noctos.tumblr.com" title="theme by noctos">THEME</a>
  2578.  
  2579. </body>
  2580. </html>
  2581.  
  2582.  
  2583. ------------------------------------------------------
  2584.  
  2585.  
  2586. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2587. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2588. <head>
  2589. <html>
  2590. <title>{Title}</title>
  2591.  
  2592. <!-
  2593. ___________________________________________________________________________
  2594.  
  2595. ELEGANS THEME BY NOCTOS @ TUMBLR
  2596.  
  2597. ---------------------------------------------------------------------------
  2598.  
  2599. - ! D I S C L A I M E R ! -
  2600.  
  2601. - please do NOT use this theme as a base.
  2602. - please do NOT remove credits.
  2603. - please ENJOY the theme.
  2604. ___________________________________________________________________________
  2605.  
  2606. -!>
  2607.  
  2608. <link rel="shortcut icon" href="{Favicon}">
  2609. <meta name="description" content="{MetaDescription}" />
  2610. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  2611.  
  2612. <meta name="image:background" content="" />
  2613. <meta name="image:sidebar" content="http://static.tumblr.com/eeodjxz/RRPm124q5/sdhgjfkjhdsfkhds.jpg" />
  2614. <meta name="color:background" content="fafafa" />
  2615. <meta name="color:post BG" content="#fff" />
  2616. <meta name="color:links" content="#8f8f8f" />
  2617. <meta name="color:links hover" content="#eee" />
  2618. <meta name="color:text" content="#777" />
  2619. <meta name="color:titles" content="#000">
  2620. <meta name="color:bordering" content="#eee" />
  2621. <meta name="color:perma BG" content="#000" />
  2622. <meta name="color:perma TXT" content="#fff" />
  2623. <meta name="color:perma BG hover" content="#fff" />
  2624. <meta name="color:perma TXT hover" content="#000" />
  2625. <meta name="color:side BG" content="#fff" />
  2626. <meta name="color:main title" content="#000" />
  2627. <meta name="color:side links TXT" content="#777" />
  2628. <meta name="color:side links border" content="#777" />
  2629. <meta name="text:font size" content="9px" />
  2630. <meta name="text:font" content="cambria" />
  2631. <meta name="if:endless scroll" content="0" />
  2632. <meta name="if:show captions" content="0" />
  2633. <meta name="if:250px posts" content="0" />
  2634. <meta name="if:400px posts" content="1" />
  2635. <meta name="if:500px posts" content="0" />
  2636. <meta name="if:shadows on post" content="0" />
  2637. <meta name="text:link one" content="" />\
  2638. <meta name="text:link one title" content="" />
  2639. <meta name="text:link two" content="" />\
  2640. <meta name="text:link two title" content="" />
  2641. <meta name="text:link three" content="" />\
  2642. <meta name="text:link three title" content="" />
  2643. <meta name="text:link four" content="" />\
  2644. <meta name="text:link four title" content="" />
  2645. <meta name="text:link five" content="" />\
  2646. <meta name="text:link five title" content="" />
  2647.  
  2648. {block:ifendlessscroll}
  2649. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  2650. {/block:ifendlessscroll}
  2651.  
  2652. <style type="text/css">
  2653.  
  2654. {CustomCSS}>
  2655.  
  2656. ::-webkit-scrollbar-thumb:vertical {background-color:#000;height:75px;width:3px;}
  2657. ::-webkit-scrollbar {height:0px;width:3px;background-color:#ffffff; padding:2px;}
  2658.  
  2659. 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;}
  2660.  
  2661. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  2662.  
  2663. body {
  2664. background-image: url('{image:background}');
  2665. font-family:{text:font};
  2666. color:{color:text};
  2667. font-size:{text:font size};
  2668. background-color:{color:background};
  2669. }
  2670.  
  2671. a {
  2672. text-decoration:none;
  2673. color:{color:links};
  2674. -webkit-transition: all 0.6s ease-in;
  2675. -moz-transition: all 0.6s ease-in;
  2676. -o-transition: all 0.6s ease-in;
  2677. }
  2678.  
  2679. a:hover {
  2680. color:{color:links hover};
  2681. }
  2682.  
  2683. blockquote {
  2684. padding:3px;
  2685. padding-left:10px;
  2686. padding-right:10px;
  2687. border-left:1px solid #000;
  2688. text-align:left;
  2689. }
  2690.  
  2691. h1 {
  2692. font-family:sonstantia;
  2693. font-weight:lighter;
  2694. font-size:14px;
  2695. text-transform:uppercase;
  2696. letter-spacing:-1px;
  2697. color:{color:titles};
  2698. border-bottom:1px solid {color:bordering};
  2699. }
  2700.  
  2701. h1 a {
  2702. color:{color:titles};
  2703. }
  2704.  
  2705. .audi img {
  2706. max-width:100px;
  2707. overflow:hidden;
  2708. float:left;
  2709. margin-right:5px;
  2710. }
  2711.  
  2712. #content {
  2713. margin-left:365px;
  2714. width:432px;
  2715. {block:permalinkpage}
  2716. width:532px;
  2717. {/block:permalinkpage}
  2718. }
  2719.  
  2720. .post {
  2721. {block:indexpage}
  2722. padding:25px;
  2723. padding-top:15px;
  2724. padding-bottom:12px;
  2725. border:1px solid {color:bordering};
  2726. overflow:hidden;
  2727. text-align:justify;
  2728. margin-bottom:15px;
  2729. {block:ifshadowsonpost}
  2730. -moz-box-shadow: 1.5px 1.5px 3px #eee;
  2731. -webkit-box-shadow: 1.5px 1.5px 3px #eee;
  2732. box-shadow: 1.5px 1.5px 3px #eee;
  2733. {/block:ifshadowsonpost}
  2734. {/block:indexpage}
  2735. {block:permalinkpage}
  2736. padding:10px;
  2737. float:left;
  2738. text-align:justify;
  2739. margin-bottom:5px;
  2740. {/block:permalinkpage}
  2741. background-color:{color:post BG};
  2742. {block:IndexPage}
  2743. {block:if250pxposts}
  2744. width:250px;
  2745. {/block:if250pxposts}
  2746. {block:if400pxposts}
  2747. width:400px;
  2748. {/block:if400pxposts}
  2749. {block:if500pxposts}
  2750. width:500px;
  2751. {/block:if500pxposts}
  2752. {/block:IndexPage}
  2753. {block:PermalinkPage}
  2754. width:500px;
  2755. {/block:PermalinkPage}
  2756. }
  2757.  
  2758. .permbox {
  2759. position:absolute;
  2760. {block:if250pxposts}
  2761. width:250px;
  2762. {/block:if250pxposts}
  2763. {block:if400pxposts}
  2764. width:400px;
  2765. {/block:if400pxposts}
  2766. {block:if500pxposts}
  2767. width:500px;
  2768. {/block:if500pxposts}
  2769. opacity:0;
  2770. -webkit-transition: all 0.75s ease-out;
  2771. -moz-transition: all 0.75s ease-out;
  2772. -o-transition: all 0.75s ease-out;
  2773. }
  2774.  
  2775. .post:hover .permbox {
  2776. opacity:1;
  2777. -webkit-transition: all 0.6s ease-out;
  2778. -moz-transition: all 0.6s ease-out;
  2779. -o-transition: all 0.6s ease-out;
  2780. }
  2781.  
  2782. .permalink {
  2783. padding:8px;
  2784. padding-top:6px;
  2785. opacity:0.9;
  2786. font-size:9px;
  2787. background-color:{color:perma BG};
  2788. color:{color:perma TXT};
  2789. -webkit-transition: all 0.6s ease-out;
  2790. -moz-transition: all 0.6s ease-out;
  2791. -o-transition: all 0.6s ease-out;
  2792. }
  2793.  
  2794. .permalink:hover {
  2795. background-color:{color:perma BG hover};
  2796. color:{color:perma TXT hover};
  2797. }
  2798.  
  2799. {block:permalinkpage}
  2800. .permbox, .permalink {
  2801. display:none;
  2802. }
  2803. {/block:permalinkpage}
  2804.  
  2805. #prmpg {
  2806. float:left;
  2807. width:490px;
  2808. padding:15px;
  2809. padding-bottom:0px;
  2810. margin-top:-15px;
  2811. background-color:{color:post BG};
  2812. z-index:999;
  2813. }
  2814.  
  2815. #not {
  2816. width:485px;
  2817. float:left;
  2818. background-color:{color:post BG};
  2819. }
  2820.  
  2821. #not img {
  2822. width:0px;
  2823. height:0px;
  2824. }
  2825.  
  2826. li.not {
  2827. padding:2px;
  2828. margin:3px;
  2829. list-style:decimal;
  2830. }
  2831.  
  2832. {block:permalinkpage}
  2833. .line {
  2834. position:fixed;top:-10px;
  2835. right:40%;
  2836. height:110%;
  2837. margin-right:558px;
  2838. border-left:1px solid {color:bordering};
  2839. }
  2840. {/block:permalinkpage}
  2841.  
  2842. .pgna {
  2843. text-align:center;
  2844. margin-top:15px;
  2845. font-size:25px;
  2846. }
  2847.  
  2848. #left {
  2849. padding-left:70px;
  2850. width:250px;
  2851. position:fixed;
  2852. left:-10px;
  2853. top:-10px;
  2854. height:110%;
  2855. border-right:3px solid {color:bordering};
  2856. background-color:{color:side BG};
  2857. }
  2858.  
  2859. .img {
  2860. width:140px;
  2861. padding:15px;
  2862. padding-left:25px;
  2863. padding-right:25px;
  2864. overflow:hidden;
  2865. background-color:{color:side BG};
  2866. border:1px solid {color:bordering};
  2867. }
  2868.  
  2869. .img img {
  2870. width:140px;
  2871. }
  2872.  
  2873. .dscrp {
  2874. line-height:9px;
  2875. font-size:9px;
  2876. text-align:center;
  2877. width:152px;
  2878. margin:15px;
  2879. margin-bottom:0px;
  2880. padding:5px;
  2881. border-top:1px solid {color:bordering};
  2882. }
  2883.  
  2884. .lnk {
  2885. width:190px;
  2886. padding-top:15px;
  2887. font-family:consolas;
  2888. text-transform:uppercase;
  2889. font-size:8px;
  2890. text-align:center;
  2891. border-top:1px solid {color:bordering};
  2892. }
  2893.  
  2894. .lnk a {
  2895. opacity:0.6;
  2896. padding-left:2px;
  2897. padding-right:2px;
  2898. border-bottom:1px solid transparent;
  2899. color:{color:side links TXT};
  2900. -webkit-transition: all 0.6s ease-out;
  2901. -moz-transition: all 0.6s ease-out;
  2902. -o-transition: all 0.6s ease-out;
  2903. }
  2904.  
  2905. .lnk a:hover {
  2906. opacity:1;
  2907. border-bottom:1px solid {color:side links border};
  2908. }
  2909.  
  2910. </style>
  2911. </head>
  2912. <body>
  2913.  
  2914. <div id="left">
  2915. <div style="position:fixed;top:70px;">
  2916. <div style="width:192px;text-align:center;margin-bottom:8px;"><a style="font-size:11px;color:{color:main title};text-transform:uppercase;letter-spacing:-1px;" href="/" title="index">{title}</a></div>
  2917. <div class="img">
  2918. <a href="/" title="{title}"><img src="{image:sidebar}"></a>
  2919. </div>
  2920. <div class="dscrp">
  2921. {description}
  2922. </div>
  2923. <div class="lnk">
  2924. <a href="/" title="home">index</a>
  2925. <a href="/ask" title="ask">message</a>
  2926. <a href="/archive" title="archive">history</a>
  2927.  
  2928. {block:iflinkone}
  2929. <a href="{text:link one}" title="{text:link one title}">{text:link one title}</a>
  2930. {/block:iflinkone}
  2931. {block:iflinktwo}
  2932. <a href="{text:link two}" title="{text:link two title}">{text:link two title}</a>
  2933. {/block:iflinktwo}
  2934. {block:iflinkthree}
  2935. <a href="{text:link three}" title="{text:link three title}">{text:link three title}</a>
  2936. {/block:iflinkthree}
  2937. {block:iflinkfour}
  2938. <a href="{text:link four}" title="{text:link four title}">{text:link four title}</a>
  2939. {/block:iflinkfour}
  2940. {block:iflinkfive}
  2941. <a href="{text:link five}" title="{text:link five title}">{text:link five title}</a>
  2942. {/block:iflinkfive}
  2943.  
  2944. </div>
  2945.  
  2946. {block:ifnotendlessscroll}
  2947. <div class="pgna">
  2948. {block:previouspage}
  2949. <a href="{previouspage}" title="previous page">«</a>
  2950. {/block:previouspage}
  2951. {block:nextpage}
  2952. <a href="{nextpage}" title="next page">»</a>
  2953. {/block:nextpage}
  2954. </div>
  2955. <center>
  2956. <i>{currentpage} / {totalpages}</center></i>
  2957. {/block:ifnotendlessscroll}
  2958.  
  2959. </div>
  2960. </div>
  2961.  
  2962. <a style="position:fixed;right:7px;bottom:5px;font-family:consolas;font-size:8px;text-transform:uppercase;opacity:0.5;color:#777;" href="http://noctos.tumblr.com" title="theme by noctos">theme</a>
  2963.  
  2964. <div style="height:5px;"></div>
  2965.  
  2966. <div id="content">
  2967.  
  2968. {block:posts}
  2969.  
  2970. {block:text}
  2971. <div class="post">
  2972. <div class="permbox">
  2973. <div class="permalink">
  2974. {dayofweek}, {month} {dayofmonth}{dayofmonthsuffix}, {year}
  2975. <br>
  2976. {NoteCountWithLabel} | <a href="{permalink}">permalink</a>
  2977. </div>
  2978. </div>
  2979. {block:title}
  2980. <h1><a href="{Permalink}">{title}</a></h1>
  2981. {/block:title}
  2982. <div style="margin-top:-7px;">
  2983. {body}
  2984. </div>
  2985. {block:ifshowcaptions}
  2986. {block:caption}
  2987. {caption}
  2988. {/block:caption}
  2989. {/block:ifshowcaptions}
  2990. {block:ifnotshowcaptions}
  2991. {block:permalinkpage}
  2992. {caption}
  2993. {/block:permalinkpage}
  2994. {/block:ifnotshowcaptions}
  2995. </div>
  2996. {/block:text}
  2997.  
  2998. {block:quote}
  2999. <div class="post">
  3000. <div class="permbox">
  3001. <div class="permalink">
  3002. {dayofweek}, {month} {dayofmonth}{dayofmonthsuffix}, {year}
  3003. <br>
  3004. {NoteCountWithLabel} | <a href="{permalink}">permalink</a>
  3005. </div>
  3006. </div>
  3007. "{quote}"
  3008. <div style="margin-top:3px;border-bottom:1px solid {color:bordering};"></div>
  3009. <div style="margin-top:3px;text-align:right;font-style:italic;padding-right:10px;">{block:Source}{Source}{/block:Source}</div>
  3010. {block:ifshowcaptions}
  3011. {block:caption}
  3012. {caption}
  3013. {/block:caption}
  3014. {/block:ifshowcaptions}
  3015. {block:ifnotshowcaptions}
  3016. {block:permalinkpage}
  3017. {caption}
  3018. {/block:permalinkpage}
  3019. {/block:ifnotshowcaptions}
  3020. </div>
  3021. {/block:quote}
  3022.  
  3023. {block:photo}
  3024. <div class="post">
  3025. <div class="permbox">
  3026. <div class="permalink">
  3027. {dayofweek}, {month} {dayofmonth}{dayofmonthsuffix}, {year}
  3028. <br>
  3029. {NoteCountWithLabel} | <a href="{permalink}">permalink</a>
  3030. </div>
  3031. </div>
  3032. {LinkOpenTag}<meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  3033. {block:indexpage}
  3034. {block:if250pxposts}
  3035. <img src="{PhotoURL-250}">
  3036. {/block:if250pxposts}
  3037. {block:if400pxposts}
  3038. <img src="{PhotoURL-400}">
  3039. {/block:if400pxposts}
  3040. {block:if500pxposts}
  3041. <img src="{PhotoURL-500}">
  3042. {/block:if500pxposts}
  3043. {/block:indexpage}
  3044. {block:permalinkpage}
  3045. <img src="{PhotoURL-500}">
  3046. {/block:permalinkpage}
  3047. {linkCloseTag}
  3048. {block:ifshowcaptions}
  3049. {block:caption}
  3050. {caption}
  3051. {/block:caption}
  3052. {/block:ifshowcaptions}
  3053. {block:ifnotshowcaptions}
  3054. {block:permalinkpage}
  3055. {caption}
  3056. {/block:permalinkpage}
  3057. {/block:ifnotshowcaptions}
  3058. </div>
  3059. {/block:photo}
  3060.  
  3061. {block:link}
  3062. <div class="post">
  3063. <div class="permbox">
  3064. <div class="permalink">
  3065. {dayofweek}, {month} {dayofmonth}{dayofmonthsuffix}, {year}
  3066. <br>
  3067. {NoteCountWithLabel} | <a href="{permalink}">permalink</a>
  3068. </div>
  3069. </div>
  3070. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  3071. {block:description}
  3072. <div style="margin-top:-7px;">
  3073. {description}
  3074. </div>
  3075. {/block:description}
  3076. {block:ifshowcaptions}
  3077. {block:caption}
  3078. {caption}
  3079. {/block:caption}
  3080. {/block:ifshowcaptions}
  3081. {block:ifnotshowcaptions}
  3082. {block:permalinkpage}
  3083. {caption}
  3084. {/block:permalinkpage}
  3085. {/block:ifnotshowcaptions}
  3086. </div>
  3087. {/block:link}
  3088.  
  3089. {block:Photoset}
  3090. <div class="post">
  3091. <div class="permbox">
  3092. <div class="permalink">
  3093. {dayofweek}, {month} {dayofmonth}{dayofmonthsuffix}, {year}
  3094. <br>
  3095. {NoteCountWithLabel} | <a href="{permalink}">permalink</a>
  3096. </div>
  3097. </div>
  3098. {block:IndexPage}
  3099. {block:If250pxposts}
  3100. {photoset-250}
  3101. {/block:If250pxposts}
  3102. {block:If400pxposts}
  3103. {photoset-400}
  3104. {/block:If400pxposts}
  3105. {block:If500pxposts}
  3106. {photoset-500}
  3107. {/block:If500pxposts}
  3108. {/block:IndexPage}
  3109. {block:PermalinkPage}
  3110. {Photoset-500}
  3111. {/block:PermalinkPage}
  3112. {block:ifshowcaptions}
  3113. {block:caption}
  3114. {caption}
  3115. {/block:caption}
  3116. {/block:ifshowcaptions}
  3117. {block:ifnotshowcaptions}
  3118. {block:permalinkpage}
  3119. {caption}
  3120. {/block:permalinkpage}
  3121. {/block:ifnotshowcaptions}
  3122. </div>
  3123. {/block:Photoset}
  3124.  
  3125. {block:audio}
  3126. <div class="post">
  3127. <div class="permbox">
  3128. <div class="permalink">
  3129. {dayofweek}, {month} {dayofmonth}{dayofmonthsuffix}, {year}
  3130. <br>
  3131. {NoteCountWithLabel} | <a href="{permalink}">permalink</a>
  3132. </div>
  3133. </div>
  3134. <div style="width:100%; background-color:#000;">{audioplayerblack}</div>
  3135. {block:indexpage}
  3136. <div style="margin-top:5px; padding-top:5px; border-top:1px solid {color:bordering};">
  3137. {block:albumart}
  3138. <div class="audi"><img src="{albumartURL}"></div>
  3139. {/block:albumart}
  3140. <div style="float:left; border-left:1px solid {color:bordering}; padding-left:5px;">
  3141. {block:artist}
  3142. {artist}
  3143. {/block:artist}
  3144. <br>
  3145. {block:album}
  3146. {album}
  3147. {/block:album}
  3148. <br>
  3149. {block:trackname}
  3150. {trackname}
  3151. {/block:trackname}
  3152. <br>
  3153. </div>
  3154. <div style="{block:if250pxposts}width:58%;{/block:if250pxposts}{block:if400pxposts}width:73%;{/block:if400pxposts}{block:if500pxposts}width:78%;{/block:if500pxposts}margin-top:5px;float:left;border-top:1px solid {color:bordering};">
  3155. <div style="float:left;border-left:1px solid {color:bordering}; margin-top:5px;padding-top:2px;padding-left:5px;">
  3156. <div style="margin-top:-2px;"></div>
  3157. {playcountwithlabel}
  3158. </div>
  3159. </div>
  3160. </div>
  3161. {/block:indexpage}
  3162. {block:permalinkpage}
  3163. <br>
  3164. {block:albumart}
  3165. <div class="audi">
  3166. <img src="{albumarturl}">
  3167. </div>
  3168. {/block:albumart}
  3169. <div styl="float:left;">
  3170. {playcountwithlabel}
  3171. <br>
  3172. {block:artist}
  3173. {artist}
  3174. {/block:artist}
  3175. <br>
  3176. {block:album}
  3177. {album}
  3178. {/block:album}
  3179. <br>
  3180. {block:trackname}
  3181. {trackname}
  3182. {/block:trackname}
  3183. <br>
  3184. </div>
  3185. {/block:permalinkpage}
  3186. {block:ifshowcaptions}
  3187. {block:caption}
  3188. {caption}
  3189. {/block:caption}
  3190. {/block:ifshowcaptions}
  3191. {block:ifnotshowcaptions}
  3192. {block:permalinkpage}
  3193. <div style="float:left;">
  3194. {caption}
  3195. </div>
  3196. {/block:permalinkpage}
  3197. {/block:ifnotshowcaptions}
  3198. </div>
  3199. {/block:audio}
  3200.  
  3201. {block:chat}
  3202. <div class="post">
  3203. <div class="permbox">
  3204. <div class="permalink">
  3205. {dayofweek}, {month} {dayofmonth}{dayofmonthsuffix}, {year}
  3206. <br>
  3207. {NoteCountWithLabel} | <a href="{permalink}">permalink</a>
  3208. </div>
  3209. </div>
  3210. <ul>
  3211. {block:Lines}
  3212. <li class="person">
  3213. {block:Label}
  3214. {Label}
  3215. {/block:Label}
  3216. {Line}
  3217. </li>
  3218. {/block:Lines}
  3219. </ul>
  3220. {block:ifshowcaptions}
  3221. {block:caption}
  3222. {caption}
  3223. {/block:caption}
  3224. {/block:ifshowcaptions}
  3225. {block:ifnotshowcaptions}
  3226. {block:permalinkpage}
  3227. {caption}
  3228. {/block:permalinkpage}
  3229. {/block:ifnotshowcaptions}
  3230. </div>
  3231. {/block:chat}
  3232.  
  3233. {block:video}
  3234. <div id="post">
  3235. <div class="permbox">
  3236. <div class="permalink">
  3237. {dayofweek}, {month} {dayofmonth}{dayofmonthsuffix}, {year}
  3238. <br>
  3239. {NoteCountWithLabel} | <a href="{permalink}">permalink</a>
  3240. </div>
  3241. </div>
  3242. {block:indexpage}
  3243. {block:if250pxposts}
  3244. {video-250}
  3245. {/block:if250pxposts}
  3246. {block:if400pxposts}
  3247. {video-400}
  3248. {/block:if400pxposts}
  3249. {block:if500pxposts}
  3250. {video-500}
  3251. {/block:if500pxposts}
  3252. {/block:indexPage}
  3253. {block:permalinkpage}
  3254. {video-500}
  3255. {/block:permalinkpage}
  3256. {block:ifshowcaptions}
  3257. {block:caption}
  3258. {caption}
  3259. {/block:caption}
  3260. {/block:ifshowcaptions}
  3261. {block:ifnotshowcaptions}
  3262. {block:permalinkpage}
  3263. {caption}
  3264. {/block:permalinkpage}
  3265. {/block:ifnotshowcaptions}
  3266. </div>
  3267. {/block:video}
  3268.  
  3269. {block:Answer}
  3270. <div class="post">
  3271. <div class="permbox">
  3272. <div class="permalink">
  3273. {dayofweek}, {month} {dayofmonth}{dayofmonthsuffix}, {year}
  3274. <br>
  3275. {NoteCountWithLabel} | <a href="{permalink}">permalink</a>
  3276. </div>
  3277. </div>
  3278. <div style="padding-bottom:3px;border-bottom:1px solid {color:bordering};">
  3279. {Asker}: {Question}
  3280. </div>
  3281. {Answer}
  3282. </div>
  3283. {/block:Answer}
  3284.  
  3285. {block:PermalinkPage}
  3286. {block:Date}
  3287. <div id="prmpg">
  3288. <h1>{dayofweek}, {month} {dayofmonth}{dayofmonthsuffix} {year} | {24hour}:{minutes}:{seconds}</h1>
  3289. {/block:Date}
  3290. <div style="margin-top:-5px;"></div>
  3291. {block:postnotes}
  3292. {NoteCountWithLabel}
  3293. <br>
  3294. {/block:postnotes}
  3295. {block:HasTags}
  3296. <i>tags</i>: {block:Tags}<a href="{tagURL}">#{Tag} </a>{/block:Tags}
  3297. <br>
  3298. {/block:HasTags}
  3299. {block:RebloggedFrom}
  3300. <i>via</i>: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>
  3301. <br>
  3302. <i>original</i>: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>
  3303. {/block:RebloggedFrom}
  3304. {block:date}
  3305. <div style="border-bottom:1px dashed {color:bordering};margin-top:5px; margin-bottom:4px;"></div>
  3306. <i>navigate</i>: <a href="{reblogURL}" title="reblog this">reblog</a>, <a href="/" title="index">index</a>, <a href="/random" title="random entry">random entry</a>
  3307. {/block:date}
  3308. {block:postnotes}
  3309. <div style="height:5px;"></div>
  3310. <div style="border-bottom:1px solid {color:bordering};"></div>
  3311. <br>
  3312. <div id="not">
  3313. {PostNotes}
  3314. </div>
  3315. {/block:postnotes}
  3316. </div>
  3317. {/block:PermalinkPage}
  3318.  
  3319. {/block:posts}
  3320.  
  3321. </div>
  3322. </body>
  3323. </html>
  3324.  
  3325.  
  3326. --------------------------------------------------------------
  3327.  
  3328.  
  3329. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3330. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3331. <head>
  3332. <html>
  3333. <title>{Title}</title>
  3334.  
  3335. <!--
  3336. ___________________________________________________________________________
  3337.  
  3338. MENDAX THEME BY NOCTOS @ TUMBLR
  3339. ___________________________________________________________________________
  3340.  
  3341. -->
  3342.  
  3343. <link rel="shortcut icon" href="{Favicon}">
  3344. {block:Description}
  3345. <meta name="description" content="{MetaDescription}" />
  3346. {/block:Description}
  3347. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  3348.  
  3349. <meta name="text:font" content="cambria" />
  3350. <meta name="text:font size" content="9px" />
  3351.  
  3352. <meta name="image:background" content="" />
  3353. <meta name="color:background" content="#fafafa" />
  3354.  
  3355. <meta name="color:text" content="#777" />
  3356. <meta name="color:links" content="#b4b4b4" />
  3357. <meta name="color:top BG" content="#fff" />
  3358. <meta name="color:top border" content="#eee" />
  3359.  
  3360. <meta name="color:side links TXT" content="#b4b4b4" />
  3361. <meta name="color:side links BG" content="#fff" />
  3362. <meta name="color:side links BG hover" content="#eee" />
  3363. <meta name="color:side links BG click" content="#000" />
  3364.  
  3365. <meta name="color:bordering" content="#eee" />
  3366. <meta name="color:post shadow" content="#eee" />
  3367. <meta name="color:post BG" content="#fff" />
  3368.  
  3369. <meta name="if:show captions" content="0" />
  3370. <meta name="if:no post shadow" content="0" />
  3371. <meta name="if:endless scroll" content="1" />
  3372. <meta name="if:white music player" content="0" />
  3373.  
  3374. <meta name="if:extra column" content="0"/>
  3375.  
  3376. <meta name="if:bottom music player" content="0" />
  3377. <meta name="text:music code" content="" />
  3378.  
  3379. <meta name="text:link one" content="" />
  3380. <meta name="text:link one title" content="" />
  3381. <meta name="text:link two" content="" />
  3382. <meta name="text:link two title" content="" />
  3383. <meta name="text:link three" content="" />
  3384. <meta name="text:link three title" content="" />
  3385. <meta name="text:link four" content="" />
  3386. <meta name="text:link four title" content="" />
  3387. <meta name="text:link five" content="" />
  3388. <meta name="text:link five title" content="" />
  3389.  
  3390. <style type="text/css">
  3391.  
  3392. {CustomCSS}
  3393.  
  3394. ::-webkit-scrollbar-thumb:vertical {width:6px;background-color:{color:bordering};}
  3395. ::-webkit-scrollbar {height:0px;width:6px;background-color:{color:post BG};}
  3396. ::-webkit-scrollbar-button:vertical {height:10px;background-color:{color:bordering};}
  3397.  
  3398. ::selection {color:#fff;background:{color:text};}
  3399. ::-moz-selection {color:#fff;background:{color:text};}
  3400.  
  3401. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.5;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  3402.  
  3403. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  3404.  
  3405. body {
  3406. background-image: url('{image:background}');
  3407. background-attachment:fixed;
  3408. background-color:{color:background};
  3409. font-family:{text:font};
  3410. font-size:{text:font size};
  3411. color:{color:text};
  3412. }
  3413.  
  3414. a {
  3415. text-decoration:none;
  3416. color:{color:links};
  3417. }
  3418.  
  3419. h1 {
  3420. margin:0px;
  3421. padding-bottom:7px;
  3422. text-transform:uppercase;
  3423. font-family:times new roman;
  3424. font-size:12px;
  3425. letter-spacing:-1px;
  3426. font-weight:lighter;
  3427. border-bottom:1px solid {color:bordering};
  3428. }
  3429.  
  3430. blockquote {
  3431. padding-left:10px;
  3432. margin-left:27px;
  3433. border-left:3px solid {color:text};
  3434. }
  3435.  
  3436. li {
  3437. list-style:square;
  3438. }
  3439.  
  3440. #content {
  3441. margin-left:auto;
  3442. margin-right:auto;
  3443. {block:permalinkpage}
  3444. width:644px;
  3445. {/block:permalinkpage}
  3446. {block:indexpage}
  3447. {block:ifnotextracolumn}
  3448. width:644px;
  3449. {/block:ifnotextracolumn}
  3450. {block:ifextracolumn}
  3451. width:956px;
  3452. {/block:ifextracolumn}
  3453. {/block:indexpage}
  3454. }
  3455.  
  3456. #posts {
  3457. {block:indexpage}
  3458. {block:ifnotextracolumn}
  3459. width:624px;
  3460. {/block:ifnotextracolumn}
  3461. {block:ifextracolumn}
  3462. width:936px;
  3463. {/block:ifextracolumn}
  3464. margin-left:20px;
  3465. {/block:indexpage}
  3466. {block:permalinkpage}
  3467. width:542px;
  3468. margin:auto;
  3469. {/block:permalinkpage}
  3470. margin-top:70px;
  3471. }
  3472.  
  3473. .post {
  3474. text-align:justify;
  3475. float:left;
  3476. margin-bottom:20px;
  3477. padding:20px;
  3478. background-color:{color:post BG};
  3479. border:1px solid {color:bordering};
  3480. {block:indexpage}
  3481. width:250px;
  3482. margin-right:20px;
  3483. {/block:indexpage}
  3484. {block:permalinkpage}
  3485. width:500px;
  3486. {/block:permalinkpage}
  3487. {block:ifnotnopostshadow}
  3488. -moz-box-shadow: 1.5px 1.5px 5px {color:post shadow};
  3489. -webkit-box-shadow: 1.5px 1.5px 5px {color:post shadow};
  3490. box-shadow: 1.5px 1.5px 5px {color:post shadow};
  3491. {/block:ifnotnopostshadow}
  3492. }
  3493.  
  3494. .perm {
  3495. padding:5px 15px 5px 15px;
  3496. margin-left:10px;
  3497. margin-top:10px;
  3498. font-size:9px;
  3499. font-family:calibri;
  3500. text-align:center;
  3501. text-transform:uppercase;
  3502. background-color:{color:post BG};
  3503. position:absolute;
  3504. opacity:0;
  3505. {block:permalinkpage}
  3506. display:none;
  3507. {/block:permalinkpage}
  3508. color:{color:text};
  3509. -webkit-transition: all 0.4s ease-in;
  3510. -moz-transition: all 0.4s ease-in;
  3511. -o-transition: all 0.4s ease-in;
  3512. }
  3513.  
  3514. .post:hover .perm {
  3515. opacity:0.9;
  3516. }
  3517.  
  3518. .infos {
  3519. float:left;
  3520. width:542px;
  3521. }
  3522.  
  3523. .infos img {
  3524. width:0px;
  3525. }
  3526.  
  3527. .audio {
  3528. margin-top:-72px;
  3529. opacity:0.6;
  3530. margin-left:28px;
  3531. position:absolute;
  3532. width:45px;
  3533. height:45px;
  3534. {block:ifnotwhitemusicplayer}
  3535. background-color:#000;
  3536. {/block:ifnotwhitemusicplayer}
  3537. {block:ifwhitemusicplayer}
  3538. background-color:#fff;
  3539. {/block:ifwhitemusicplayer}
  3540. overflow:hidden;
  3541. -webkit-transition: all 0.4s ease-in;
  3542. -moz-transition: all 0.4s ease-in;
  3543. -o-transition: all 0.4s ease-in;
  3544. }
  3545.  
  3546. .audio:hover {
  3547. opacity:1;
  3548. }
  3549.  
  3550. #top {
  3551. {block:permalinkpage}
  3552. width:644px;
  3553. {/block:permalinkpage}
  3554. {block:indexpage}
  3555. {block:ifnotextracolumn}
  3556. width:644px;
  3557. {/block:ifnotextracolumn}
  3558. {block:ifextracolumn}
  3559. width:956px;
  3560. {/block:ifextracolumn}
  3561. {/block:indexpage}
  3562. height:50px;
  3563. position:fixed;top:0px;
  3564. opacity:0.95;
  3565. background-color:{color:top BG};
  3566. border-bottom:5px solid {color:top border};
  3567. z-index:9;
  3568. }
  3569.  
  3570. .desc {
  3571. width:610px;
  3572. overflow:auto;
  3573. margin:12px auto auto auto;
  3574. height:25px;
  3575. }
  3576.  
  3577. #side {
  3578. position:fixed;top:200px;
  3579. margin-left:-150px;
  3580. width:150px;
  3581. padding-bottom:2px;
  3582. border-bottom:1px solid {color:bordering};
  3583. }
  3584.  
  3585. .slinks {
  3586. width:140px;
  3587. float:right;
  3588. text-align:right;
  3589. font-family:consolas;
  3590. font-size:8px;
  3591. text-transform:uppercase;
  3592. margin-top:2px;
  3593. padding-right:10px;
  3594. background-color:{color:side links BG};
  3595. color:{color:side links TXT};
  3596. -webkit-transition: all 0.3s ease-out;
  3597. -moz-transition: all 0.3s ease-out;
  3598. -o-transition: all 0.3s ease-out;
  3599. }
  3600.  
  3601. .slinks:hover {
  3602. background-color:{color:side links BG hover};
  3603. }
  3604.  
  3605. .slinks:active {
  3606. background-color:{color:side links BG click};
  3607. }
  3608.  
  3609. .pagina {
  3610. border-top:1px solid {color:bordering};
  3611. padding-top:10px;
  3612. font-size:12px;
  3613. font-family:calibri;
  3614. z-index:-1;
  3615. margin-top:-4px;
  3616. {block:ifbottommusicplayer}
  3617. margin-bottom:20px;
  3618. {/block:ifbottommusicplayer}
  3619. {block:ifendlessscroll}
  3620. display:none;
  3621. {/block:ifendlessscroll}
  3622. }
  3623.  
  3624. .music {
  3625. text-align:center;
  3626. {block:ifnotextracolumn}
  3627. width:644px;
  3628. {/block:ifnotextracolumn}
  3629. {block:ifextracolumn}
  3630. width:956px;
  3631. {/block:ifextracolumn}
  3632. background-color:#000;
  3633. height:30px;
  3634. position:fixed;bottom:-18px;
  3635. font-family:calibri;
  3636. font-size:9px;
  3637. padding-top:2px;
  3638. background-color:{color:post BG};
  3639. opacity:0.95;
  3640. z-index:9;
  3641. -webkit-transition: all 0.4s ease-in;
  3642. -moz-transition: all 0.4s ease-in;
  3643. -o-transition: all 0.4s ease-in;
  3644. }
  3645.  
  3646. .music:hover {
  3647. opacity:1;
  3648. bottom:-10px;
  3649. color:transparent;
  3650. }
  3651.  
  3652. .song {
  3653. margin:auto;
  3654. margin-top:-10px;
  3655. opacity:0;
  3656. -webkit-transition: all 0.4s ease-in;
  3657. -moz-transition: all 0.4s ease-in;
  3658. -o-transition: all 0.4s ease-in;
  3659. }
  3660.  
  3661. .music:hover .song {
  3662. opacity:1;
  3663. }
  3664.  
  3665. </style>
  3666. {block:indexpage}
  3667.  
  3668. <script type="text/javascript" src="http://static.tumblr.com/nj7bgyh/zr9m0w1np/masonryq.js"></script>
  3669. <script type="text/javascript" src="http://static.tumblr.com/nj7bgyh/J0qm0vycn/querymasonry.js"></script>
  3670.  
  3671. {block:ifendlessscroll}
  3672. <script src="http://static.tumblr.com/nj7bgyh/bynm0xy7g/endlessscrolljquery.js"></script>
  3673. {/block:ifendlessscroll}
  3674.  
  3675. <script src="http://static.tumblr.com/nj7bgyh/rNom0vy8o/masonry.js"></script>
  3676.  
  3677. <script type="text/javascript">
  3678. $(window).load(function () {
  3679. $('#posts').masonry(),
  3680. $('.masonryWrap').infinitescroll({
  3681. navSelector : ".pagina a",
  3682. // selector for the paged navigation (it will be hidden)
  3683. nextSelector : ".pagina a",
  3684. // selector for the NEXT link (to page 2)
  3685. itemSelector : ".post",
  3686. // selector for all items you'll retrieve
  3687. bufferPx : 10000,
  3688. extraScrollPx: 11000,
  3689. loadingImg : "http://b.imagehost.org/0548/Untitled-2.png",
  3690. loadingText : "<em></em>",
  3691. },
  3692. // call masonry as a callback.
  3693. function() { $('#posts').masonry({ appendedContent: $(this) }); }
  3694. );
  3695. });
  3696. </script>
  3697. {/block:indexpage}
  3698. </head>
  3699. <body>
  3700.  
  3701. <div id="content">
  3702.  
  3703. {block:ifbottommusicplayer}
  3704. {block:indexpage}
  3705. <div class="music">MUSIC
  3706. <div class="song">{text:music code}</div>
  3707. </div>
  3708. {/block:indexpage}
  3709. {/block:ifbottommusicplayer}
  3710.  
  3711. <div id="top">
  3712. <div class="desc">{Description}</div>
  3713. </div>
  3714.  
  3715. <div id="side">
  3716. <div style="border-bottom:1px solid {color:bordering};text-transform:uppercase;"><a style="color:{color:text};" href="/">{Title}</a></div>
  3717.  
  3718. <a class="slinks" href="/ask" title="ask box">message</a>
  3719.  
  3720. {block:iflinkone}
  3721. <a class="slinks" href="{text:link one}" title="{text:link one title}">{text:link one title}</a>
  3722. {/block:iflinkone}
  3723. {block:iflinktwo}
  3724. <a class="slinks" href="{text:link two}" title="{text:link two title}">{text:link two title}</a>
  3725. {/block:iflinktwo}
  3726. {block:iflinkthree}
  3727. <a class="slinks" href="{text:link three}" title="{text:link three title}">{text:link three title}</a>
  3728. {/block:iflinkthree}
  3729. {block:iflinkfour}
  3730. <a class="slinks" href="{text:link four}" title="{text:link four title}">{text:link four title}</a>
  3731. {/block:iflinkfour}
  3732. {block:iflinkfive}
  3733. <a class="slinks" href="{text:link five}" title="{text:link five title}">{text:link five title}</a>
  3734. {/block:iflinkfive}
  3735. </div>
  3736.  
  3737. <!-- BEGIN POSTS RENDER -->
  3738.  
  3739. <div id="posts">
  3740.  
  3741. {block:Posts}
  3742.  
  3743. {block:Photo}
  3744. <div style="padding-bottom:17px;" class="post">
  3745. <a class="perm" href="{Permalink}">{NoteCountWithLabel}</a>
  3746. {LinkOpenTag}
  3747. <img {block:indexpage}style="width:250px;"{/block:indexpage} src="{PhotoURL-500}">
  3748. {LinkCloseTag}
  3749. <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  3750. {block:indexpage}
  3751. {block:ifshowcaptions}
  3752. {Caption}
  3753. {/block:ifshowcaptions}
  3754. {/block:indexpage}
  3755. {block:PermalinkPage}
  3756. {Caption}
  3757. {/block:PermalinkPage}
  3758. </div>
  3759. {/block:Photo}
  3760.  
  3761. {block:Photoset}
  3762. <div class="post">
  3763. <a class="perm" href="{Permalink}">{NoteCountWithLabel}</a>
  3764. {block:indexpage}{Photoset-250}{/block:indexpage}
  3765. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  3766. {block:indexpage}
  3767. {block:ifshowcaptions}
  3768. {Caption}
  3769. {/block:ifshowcaptions}
  3770. {/block:indexpage}
  3771. {block:PermalinkPage}
  3772. {Caption}
  3773. {/block:PermalinkPage}
  3774. </div>
  3775. {/block:Photoset}
  3776.  
  3777. {block:Video}
  3778. <div class="post">
  3779. <a class="perm" href="{Permalink}">{NoteCountWithLabel}</a>
  3780. {block:indexpage}{Video-250}{/block:indexpage}
  3781. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  3782. {block:indexpage}
  3783. {block:ifshowcaptions}
  3784. {Caption}
  3785. {/block:ifshowcaptions}
  3786. {/block:indexpage}
  3787. {block:PermalinkPage}
  3788. {Caption}
  3789. {/block:PermalinkPage}
  3790. </div>
  3791. {/block:Video}
  3792.  
  3793. {block:Link}
  3794. <div class="post">
  3795. <a class="perm" href="{Permalink}">{NoteCountWithLabel}</a>
  3796. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  3797. {block:description}
  3798. {description}
  3799. {/block:description}
  3800. {block:indexpage}
  3801. {block:ifshowcaptions}
  3802. {Caption}
  3803. {/block:ifshowcaptions}
  3804. {/block:indexpage}
  3805. {block:PermalinkPage}
  3806. {Caption}
  3807. {/block:PermalinkPage}
  3808. </div>
  3809. {/block:Link}
  3810.  
  3811. {block:Text}
  3812. <div class="post">
  3813. <a class="perm" href="{Permalink}">{NoteCountWithLabel}</a>
  3814. {block:Title}<h1>{Title}</h1>{/block:Title}
  3815. {body}
  3816. {block:indexpage}
  3817. {block:ifshowcaptions}
  3818. {Caption}
  3819. {/block:ifshowcaptions}
  3820. {/block:indexpage}
  3821. {block:PermalinkPage}
  3822. {Caption}
  3823. {/block:PermalinkPage}
  3824. </div>
  3825. {/block:Text}
  3826.  
  3827. {block:Answer}
  3828. <div class="post">
  3829. <a class="perm" href="{Permalink}">{NoteCountWithLabel}</a>
  3830. <div style="padding:10px;background-color:{color:bordering};">{Question}</div><div style="padding:10px;">{Answer}</div>
  3831. <div style="text-align:right;border-top:1px solid {color:bordering};margin-top:4px;padding-top:4px;text-transform:lowercase;">asked by {Asker}</div>
  3832. </div>
  3833. {/block:Answer}
  3834.  
  3835. {block:Audio}
  3836. <div class="post">
  3837. <a class="perm" href="{Permalink}">{NoteCountWithLabel}</a>
  3838. {block:AlbumArt}<img style="width:100px;height:100px;" src="{AlbumArtURL}"><div class="audio"><div style="margin-top:10px;margin-left:10px;width:20px;overflow:hidden;">{/block:AlbumArt}{block:ifnotwhitemusicplayer}{AudioPlayerBlack}{/block:ifnotwhitemusicplayer}{block:ifwhitemusicplayer}{AudioPlayerWhite}{/block:ifwhitemusicplayer}{block:AlbumArt}</div></div>{/block:AlbumArt}<div style="float:right;width:{block:indexpage}14{/block:indexpage}{block:permalinkpage}39{/block:permalinkpage}0px;">
  3839. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}
  3840. {block:Album}<br><b>ALBUM:</b> {Album}{/block:Album}
  3841. {block:TrackName}<br><b>TRACK:</b> {TrackName}{/block:TrackName}
  3842. </p>
  3843. - <i>{PlayCountWithLabel}</i>
  3844. </div>
  3845. {block:indexpage}
  3846. {block:ifshowcaptions}
  3847. {Caption}
  3848. {/block:ifshowcaptions}
  3849. {/block:indexpage}
  3850. {block:PermalinkPage}
  3851. {Caption}
  3852. {/block:PermalinkPage}
  3853. </div>
  3854. {/block:Audio}
  3855.  
  3856. {block:Chat}
  3857. <div class="post">
  3858. <a class="perm" href="{Permalink}">{NoteCountWithLabel}</a>
  3859. {block:Lines}
  3860. <li style="list-style:none;">
  3861. {block:Label}
  3862. {Label}
  3863. {/block:Label}
  3864. <i>
  3865. {Line}
  3866. </i>
  3867. </li>
  3868. {/block:Lines}
  3869. {block:indexpage}
  3870. {block:ifshowcaptions}
  3871. {Caption}
  3872. {/block:ifshowcaptions}
  3873. {/block:indexpage}
  3874. {block:PermalinkPage}
  3875. {Caption}
  3876. {/block:PermalinkPage}
  3877. </div>
  3878. {/block:Chat}
  3879.  
  3880. {block:Quote}
  3881. <div class="post">
  3882. <a class="perm" href="{Permalink}">{NoteCountWithLabel}</a>
  3883. "{Quote}"
  3884. <div style="border-bottom:1px solid {color:bordering};margin-bottom:3px;padding-top:5px;"></div>
  3885. {block:Source}<i style="float:right;">— {Source}{/block:Source}</i>
  3886. {block:indexpage}
  3887. {block:ifshowcaptions}
  3888. {Caption}
  3889. {/block:ifshowcaptions}
  3890. {/block:indexpage}
  3891. {block:PermalinkPage}
  3892. {Caption}
  3893. {/block:PermalinkPage}
  3894. </div>
  3895. {/block:Quote}
  3896.  
  3897. {block:PermalinkPage}
  3898. {block:Date}
  3899. <div class="infos">
  3900. <div style="border-top:2px solid {color:text};margin-bottom:15px;"></div>
  3901. <div style="font-size:12px;">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} {Year}</div>
  3902. {block:PostNotes}
  3903. <br>{NoteCountWithLabel}
  3904. {/block:PostNotes}
  3905. {block:RebloggedFrom}
  3906. <br>
  3907. via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> <br>
  3908. <i>source: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a></i>
  3909. {/block:RebloggedFrom}
  3910. {block:HasTags}
  3911. <br>
  3912. {block:Tags}#<a href="{TagURL}" title="posts tagged as {Tag}">{Tag} </a>{/block:Tags}
  3913. {/block:HasTags}
  3914. <br>
  3915. {PostNotes}
  3916. </div>
  3917. {/block:Date}
  3918. {/block:PermalinkPage}
  3919.  
  3920. {/block:Posts}
  3921.  
  3922. </div>
  3923.  
  3924. <!-- END POSTS RENDER -->
  3925.  
  3926. {block:indexpage}
  3927. <div class="pagina">
  3928. {block:PreviousPage}
  3929. <a style="float:right;" href="{PreviousPage}">BACK</a>
  3930. {/block:PreviousPage}
  3931. {block:NextPage}
  3932. <a href="{NextPage}">FORTH</a>
  3933. {/block:NextPage}
  3934. </div>
  3935. {/block:indexpage}
  3936.  
  3937. </div>
  3938.  
  3939. <!-- PLEASE DO NOT REMOVE THIS CREDIT -->
  3940. <a style="font-family:calibri;font-size:8px;position:fixed;bottom:5px;right:5px;" href="http://noctos.tumblr.com" title="theme by noctos">THEME</a>
  3941. <!-- PLEASE DO NOT REMOVE THIS CREDIT -->
  3942.  
  3943. </body>
  3944. </html>
  3945.  
  3946.  
  3947. ----------------------------------------------------------------
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!