API tools faq
paste
Advertisement
sleeplessthemes

Monochrome Theme

sleeplessthemes
Sep 16th, 2012
13,962
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.91 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3.  
  4. <!-- Please keep my credit on this theme. Or at least link
  5. me as the creator on your blog somewhere. Thanks! =)
  6.  
  7. Monochrome Theme by: destroyer.tumblr.com | sleeplessthemes.com
  8. Monochrome Theme by: destroyer.tumblr.com | sleeplessthemes.com
  9. Monochrome Theme by: destroyer.tumblr.com | sleeplessthemes.com
  10. Monochrome Theme by: destroyer.tumblr.com | sleeplessthemes.com
  11. Monochrome Theme by: destroyer.tumblr.com | sleeplessthemes.com
  12. Monochrome Theme by: destroyer.tumblr.com | sleeplessthemes.com
  13. -->
  14.  
  15. <html>
  16. <head>
  17. <!-- DEFAULT COLORS -->
  18. <meta name="color:Background" content="#000000"/>
  19. <meta name="color:post" content="#000000"/>
  20. <meta name="color:sidebar" content="#000000"/>
  21. <meta name="color:sidebar border" content="#111111"/>
  22. <meta name="color:sidebar text" content="#777777"/>
  23. <meta name="color:text" content="#777777"/>
  24. <meta name="color:text headers" content="#c5c5c5"/>
  25. <meta name="color:bold text" content="#c5c5c5"/>
  26. <meta name="color:label background" content="#0a0a0a"/>
  27. <meta name="color:link" content="#c5c5c5"/>
  28. <meta name="color:link hover" content="#202020"/>
  29. <meta name="color:scrollbar track" content="#000000"/>
  30. <meta name="color:scrollbar" content="#c5c5c5"/>
  31. <meta name="color:highlight" content="#ffffff"/>
  32. <meta name="color:notes tags" content="#ffffff"/>
  33. <meta name="color:notes tags hover" content="#888888"/>
  34.  
  35.  
  36. <meta name="image:Portrait" content=""/>
  37. <meta name="image:Background" content=""/>
  38. <meta name="image:Divider" content="http://static.tumblr.com/eptm5us/60tmafl6k/orn_divider.png"/>
  39.  
  40. <meta name="if:Show Infinite Scroll" content="1" />
  41. <meta name="if:Show Photo Caption" content="1" />
  42. <meta name="if:Show Title" content="1" />
  43. <meta name="if:Show Divider" content="1" />
  44. <meta name="if:Show Black White Images" content="1" />
  45.  
  46.  
  47. <meta name="text:Font Size" content="10px"/>
  48. <meta name="font:Body" content="'Arial', Trebuchet MS, Helvetica, Tahoma, sans-serif" />
  49.  
  50. <meta name="text:Custom Link One" content="" />
  51. <meta name="text:Custom Link One Title" content="" />
  52. <meta name="text:Custom Link Two" content="" />
  53. <meta name="text:Custom Link Two Title" content="" />
  54. <meta name="text:Custom Link Three" content="" />
  55. <meta name="text:Custom Link Three Title" content="" />
  56. <meta name="text:Custom Link Four" content="" />
  57. <meta name="text:Custom Link Four Title" content="" />
  58.  
  59. <link href='http://fonts.googleapis.com/css?family=Six+Caps' rel='stylesheet' type='text/css'>
  60.  
  61. <link href='http://fonts.googleapis.com/css?family=Mr+Dafoe' rel='stylesheet' type='text/css'>
  62.  
  63.  
  64. <title>{Title}</title>
  65. <link rel="stylesheet" href="http://static.tumblr.com/usaykzx/o8Bku9w35/reset.css" type="text/css" />
  66. <link rel="shortcut icon" href="{Favicon}">
  67. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  68. {block:Description}
  69. <meta name="description" content="{MetaDescription}" />
  70. {/block:Description}
  71.  
  72. {block:IfShowInfiniteScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfShowInfiniteScroll}
  73.  
  74. <style type="text/css">
  75. body{
  76. text-align:justify;
  77. color: {color:text};
  78. font-family: {font:Body};
  79. font-size: {text:Font Size};
  80. line-height: 12px;
  81. text-decoration: none;
  82. background-color: {color:Background};
  83. background-image:url({image:Background});
  84. background-attachment: fixed;
  85. background-position:top center;
  86. background-repeat: no-repeat;}
  87.  
  88. a, a:link, a:visited, a:active{
  89. -webkit-transition: all .8s ease-out;
  90. -moz-transition: all .8s ease-out;
  91. -o-transition: all .8s ease-out;
  92. transition: all .8s ease-out;
  93. color:{color:link}; text-decoration:none;}
  94. a:hover{color:{color:link hover};}
  95.  
  96. #tumblr_controls{
  97. z-index:20000;
  98. position:fixed!important;}
  99.  
  100. b, strong{
  101. color: {color:bold text};}
  102.  
  103. #wtf {
  104. position:absolute;
  105. background-color: transparent;
  106. margin-top:10px;
  107. width:514px;
  108. overflow: visible;
  109. margin-left: -140px;
  110. left:50%;
  111. padding:4px;
  112. text-align:justify;
  113. color: {color:text};
  114. font-family: {font:Body};
  115. font-size: {text:Font Size};
  116. line-height: 12px;
  117. text-decoration: none;}
  118.  
  119. #entry {
  120. position: relative;
  121. float:left;
  122. z-index:6;
  123. border: 0px solid {color:post};
  124. background-color: {color:post};
  125. overflow: visible;
  126. width:500px;
  127. height: auto;
  128. padding: 6px;
  129. margin:0px 0px 10px 0px;}
  130.  
  131. #info {
  132. position: relative;
  133. float:left;
  134. z-index:6;
  135. background-color: {color:post};
  136. overflow: visible;
  137. width:500px;
  138. height: auto;
  139. padding: 6px;
  140. margin:0px 0px 10px 0px;}
  141.  
  142. #notes {
  143. position: relative;
  144. float:left;
  145. z-index:6;
  146. background-color: {color:post};
  147. overflow: visible;
  148. width:500px;
  149. height: auto;
  150. padding: 6px;
  151. margin:0px 0px 10px 0px;}
  152.  
  153.  
  154. #sidebar {
  155. color:{color:sidebar text};
  156. border-right:1px solid {color:sidebar border};
  157. text-decoration:none;
  158. font-family: arial;
  159. font-size: 9px;
  160. line-height:10px;
  161. overflow: visible;
  162. top:14px;
  163. margin-left:-354px;
  164. left:50%;
  165. position:fixed;
  166. background-color: {color:sidebar};
  167. width: 190px;
  168. height: auto;
  169. padding: 8px 12px 8px 8px;}
  170.  
  171. p{
  172. margin-top:0px;
  173. margin-bottom:0px;}
  174.  
  175. #question{
  176. overflow:SHOW;
  177. padding-bottom:3px;
  178. margin-bottom:3px;}
  179.  
  180. #askr{
  181. display:block;
  182. float:left;
  183. width:33px;
  184. overflow:hidden;
  185. margin-right:3px;}
  186.  
  187. ul {
  188. list-style: disc;
  189. padding: 4px 0px 6px 20px;}
  190.  
  191. blockquote{padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:label background};}
  192.  
  193. blockquote img{display:block; width:100%;}
  194.  
  195. blockquote p{padding:0px; margin:0px;}
  196.  
  197. blockquote blockquote{position:relative; left:6px; margin-top:0px; margin-right:0px; padding-right:0px;}
  198.  
  199. #bottominfo{
  200. padding:2px 0px 0px 0px;
  201. display:block;}
  202.  
  203. .answer p{margin:0px;}
  204. .notes img{
  205. width:10px;
  206. position:relative;
  207. top:1px;}
  208.  
  209. ol.notes, .notes li{
  210. list-style:none;
  211. margin:0px;
  212. padding:0px;}
  213.  
  214. small {font-size:8px; line-height:8px; letter-spacing:0px;}
  215. big {font-family:arial black; color:{color:text}; font-size:14px;}
  216.  
  217.  
  218.  
  219. a img{border:none;}
  220.  
  221. .label {
  222. color: {color:bold text};font-weight: bold; line-height:12px;}
  223.  
  224. .odd {
  225. background-color: {color:label background};}
  226.  
  227. h1 {
  228. font-size: 40px;
  229. line-height: 42px;
  230. font-family: Six Caps;
  231. font-weight: 400;
  232. text-transform: uppercase;
  233. letter-spacing: -1px;
  234. color: {color:text headers};
  235. text-align:right;
  236. padding-bottom:8px;}
  237.  
  238.  
  239.  
  240. h2 {
  241. color: {color:text headers};
  242. font-size: 26px;
  243. line-height: 28px;
  244. font-family: Six Caps;
  245. font-weight: normal;
  246. text-transform: uppercase;
  247. letter-spacing: -1px;
  248. margin-bottom:6px;}
  249.  
  250.  
  251. a.links1 {
  252. color: {color:link};
  253. text-transform: uppercase;
  254. font-family:consolas;
  255. font-weight:bold;
  256. font-size:8px;
  257. line-height:10px;
  258. letter-spacing:1px;
  259. -webkit-transition: all .6s ease-out;
  260. -moz-transition: all .6s ease-out;
  261. -o-transition: all .6s ease-out;
  262. transition: all .6s ease-out;
  263. margin-bottom:4px;}
  264.  
  265. a.links1:hover {
  266. color:{color:link hover};}
  267.  
  268.  
  269.  
  270. #asked {
  271. font-size: 10px;
  272. line-height: 10px;
  273. font-family: arial;
  274. font-weight: bold;
  275. text-transform: uppercase;
  276. letter-spacing: -1px;
  277. color: {color:text};}
  278.  
  279. #asked a {
  280. font-size: 10px;
  281. line-height: 10px;
  282. font-family: arial;
  283. font-weight: bold;
  284. text-transform: uppercase;
  285. letter-spacing: -1px;
  286. color: {color:link};}
  287.  
  288. #asked a:hover {color:{color:link hover};}
  289.  
  290.  
  291. #ask {
  292. color: {color:text};
  293. font-size:10px;
  294. line-height:12px;
  295. width:auto;
  296. height:56px;
  297. overflow:visible;
  298. margin-left:10px;
  299. border:4px solid {color:label background};
  300. background-color: {color:label background};
  301. padding:0px 4px 0px 80px;
  302. margin-bottom:8px;}
  303.  
  304.  
  305. .audio {
  306. height: 28px;
  307. width: 26px;
  308. overflow: hidden;
  309. margin: auto;
  310. padding-top: 7px;}
  311.  
  312. .audioc {
  313. background-image:url('http://static.tumblr.com/f1whv92/9iCl6bfgp/audiocircle.png');
  314. background-repeat: no-repeat;
  315. height: 41px;
  316. width: 41px;}
  317.  
  318.  
  319. .audiotext {
  320. overflow:hidden;
  321. font-family: consolas;
  322. font-size: 8px;
  323. line-height: 10px;
  324. letter-spacing:1px;
  325. text-transform: uppercase;
  326. margin-left: 8px;
  327. margin-bottom: 6px;
  328. padding: 7px 4px 7px 4px;
  329. width:300;
  330. height:10px;
  331. background-color:{color:label background};}
  332.  
  333. .audioplayer {
  334. margin-left: 8px;
  335. margin-bottom: 7px;
  336. padding: 10px 4px 6px 4px;
  337. width:300;
  338. height:44px;
  339. background-color:{color:label background};}
  340.  
  341.  
  342. #postimg img{ max-width:500px; height:auto;}
  343.  
  344. {block:IfShowBlackWhiteImages}
  345. img {
  346. filter: url(http://static.tumblr.com/eptm5us/ueTmafr4p/filters.svg#grayscale); /* Firefox 3.5+ */
  347. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, IE10 */
  348.  
  349. filter: gray; /* IE6-9 */
  350. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  351. -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
  352. -webkit-backface-visibility: hidden; /* Fix for transition flickering */}
  353.  
  354. img:hover {
  355. filter: none;
  356. -webkit-filter: grayscale(0%);}
  357. {/block:IfShowBlackWhiteImages}
  358.  
  359.  
  360. .pagination {
  361. margin-top:8px;
  362. margin-bottom:0px;
  363. text-align:center;
  364. line-height:20px;
  365. font-family:arial;
  366. font-size:10px; }
  367.  
  368. .pagination a {
  369. text-decoration:none;
  370. background-color:{color:label background};
  371. padding:2px 4px 2px 4px;
  372. color:{color:text headers};}
  373.  
  374. .pagination a:hover {
  375. background-color:{color:text headers};
  376. color:{color:label background};}
  377.  
  378. ::-webkit-scrollbar {
  379. width: 6px;
  380. height: 6px;
  381. background: {color:scrollbar track};}
  382.  
  383. ::-webkit-scrollbar-thumb {
  384. background-color: {color:scrollbar};
  385. -webkit-border-radius: 0ex;
  386. -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);}
  387.  
  388. ::-webkit-scrollbar-corner {
  389. background: {color:Background};}
  390.  
  391. ::selection { background: {color:highlight}; color: #000; } /* Safari 3.1+, Opera 9.5+, Chrome 2+ */
  392. ::-moz-selection { background: {color:highlight}; color: #000; } /* Mozilla Firefox */
  393.  
  394. #entry #infos {
  395. text-align:center;
  396. color: #ffffff;
  397. font-size: 8px;
  398. line-height: 10px;
  399. font-family: consolas;
  400. font-weight:normal;
  401. text-transform: uppercase;
  402. letter-spacing: 1px;
  403. opacity:0.0;
  404. filter: alpha(opacity=0);
  405. -moz-opacity:0.0;
  406. background-color:transparent;
  407. width:493px;
  408. position: absolute;
  409. left:6px;
  410. margin-top:0px;
  411. -webkit-transition: all .6s ease-out;
  412. -moz-transition: all .6s ease-out;
  413. -o-transition: all .6s ease-out;
  414. transition: all .6s ease-out;
  415. z-index:10;
  416. overflow-y:hidden;
  417. height: 42px;
  418. padding:4px;}
  419.  
  420. #entry:hover #infos {
  421. margin-top:0px;
  422. background-color:#000000;
  423. opacity:0.8;
  424. filter: alpha(opacity=80);
  425. -moz-opacity:0.8;}
  426.  
  427. #entry #infos #details {
  428. float:left;
  429. display:block;
  430. width:493px;
  431. height: 42px;
  432. padding: 0px 0px 0px 0px;}
  433.  
  434. a.notecount {
  435. color: #ffffff;
  436. font-size: 32px;
  437. line-height: 30px;
  438. font-family: Six Caps;
  439. font-weight: normal;
  440. text-transform: uppercase;
  441. letter-spacing: -2px;}
  442.  
  443. a.notecount:hover {
  444. color: #888888;}
  445.  
  446. a.notecount2 {
  447. color: #ffffff;
  448. font-size: 8px;
  449. line-height: 9px;
  450. font-family: Open Sans Condensed;
  451. font-weight: 700;
  452. text-transform: uppercase;
  453. letter-spacing: 0px;}
  454.  
  455. a.notecount2:hover {
  456. color: #888888;}
  457.  
  458. table, th, td {
  459. margin: 0px;
  460. padding: 0px;
  461. border-collapse:separate;
  462. border-spacing: 0px -2px;}
  463.  
  464.  
  465. #tags{
  466. color: {color:notes tags};
  467. font-size: 8px;
  468. line-height: 9px;
  469. font-family: Open Sans Condensed;
  470. font-weight: 700;
  471. text-transform: uppercase;
  472. letter-spacing: 0px;
  473. width:140px;
  474. background-color: transparent;
  475. padding:2px;
  476. margin-top:-10px;
  477. border-top:0px solid {color:posts};}
  478.  
  479. #tags a { color:{color:notes tags};}
  480. #tags a:hover { color:{color:notes tags hover};}
  481.  
  482.  
  483. #entry #infos2 {
  484. opacity:0.0;
  485. filter: alpha(opacity=0);
  486. -moz-opacity:0.0;
  487. background-color:transparent;
  488. width:140px;
  489. position: absolute;
  490. left:6px;
  491. margin-top:-5px;
  492. -webkit-transition: all .6s ease-out;
  493. -moz-transition: all .6s ease-out;
  494. -o-transition: all .6s ease-out;
  495. transition: all .6s ease-out;
  496. z-index:10;
  497. overflow-y:hidden;
  498. padding:4px;
  499. border-left:1px solid {color:sidebar border};
  500. }
  501.  
  502. #entry:hover #infos2 {
  503. margin-top:-5px;
  504. background-color:transparent;
  505. opacity:0.8;
  506. margin-left:510px;
  507. filter: alpha(opacity=80);
  508. -moz-opacity:0.8;}
  509.  
  510. #entry #infos2 #details2 {
  511. float:left;
  512. display:block;
  513. width:140px;
  514. padding: 2px 0px 0px 0px;}
  515.  
  516. a.notecount3 {
  517. color: {color:notes tags};
  518. font-size: 26px;
  519. line-height: 28px;
  520. font-family: Six Caps;
  521. font-weight: normal;
  522. text-transform: uppercase;
  523. letter-spacing: -2px;}
  524.  
  525. a.notecount3:hover {
  526. color: {color:notes tags hover};}
  527.  
  528. a.notecount4 {
  529. color: {color:notes tags};
  530. font-size: 8px;
  531. line-height: 9px;
  532. font-family: Open Sans Condensed;
  533. font-weight: 700;
  534. text-transform: uppercase;
  535. letter-spacing: 0px;}
  536.  
  537. a.notecount4:hover {
  538. color: {color:notes tags hover};}
  539.  
  540.  
  541.  
  542. {CustomCSS}
  543. </style>
  544.  
  545. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  546.  
  547. <script type="text/javascript" src="http://static.tumblr.com/j4dtzbm/TKllubdk7/scrolltopcontrol.js"></script>
  548.  
  549. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  550.  
  551. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'>
  552.  
  553.  
  554. </head>
  555.  
  556.  
  557. <body>
  558.  
  559.  
  560. <div id="wtf">
  561.  
  562.  
  563. <div id="sidebar">
  564. {block:IfShowTitle}
  565. <h1> {Title} </h1>
  566. {/block:IfShowTitle}
  567.  
  568. {block:IfPortraitImage}
  569. <a href="http://{name}.tumblr.com"><img src="{image:Portrait}" width="190" style="padding-bottom:8px;"></a>
  570. {/block:IfPortraitImage}
  571.  
  572. {block:Description}<div style="padding-bottom:8px;">{Description}</div>{/block:Description}
  573.  
  574.  
  575.  
  576. <a href="http://{name}.tumblr.com" class="links1">Home</a>
  577. {block:AskEnabled}<a href="/ask" class="links1">Ask</a>{/block:AskEnabled}
  578.  
  579. {block:SubmissionsEnabled}<a href="/submit" class="links1">Submit</a>{/block:SubmissionsEnabled}
  580.  
  581. {block:HasPages}
  582. {block:Pages}
  583. <a href="{URL}" class="links1">{Label}</a>
  584. {/block:Pages}
  585. {/block:HasPages}
  586.  
  587. {block:ifCustomLinkOneTitle}<a href="{text:Custom Link One}" class="links1">{text:Custom Link One Title}</a>{/block:ifCustomLinkOneTitle}
  588.  
  589. {block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}" class="links1">{text:Custom Link Two Title}</a>{/block:ifCustomLinkTwoTitle}
  590.  
  591. {block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}" class="links1">{text:Custom Link Three Title}</a>{/block:ifCustomLinkThreeTitle}
  592.  
  593. {block:ifCustomLinkFourTitle}<a href="{text:Custom Link Four}" class="links1">{text:Custom Link Four Title}</a>{/block:ifCustomLinkFourTitle}
  594. <a href="http://sleeplessthemes.com" class="links1">Theme</a><br><br>
  595.  
  596.  
  597. {block:Pagination}
  598. <center>
  599. <div class="pagination">
  600. {block:PreviousPage}<a href="{PreviousPage}">◄</a>{/block:PreviousPage}
  601. {block:JumpPagination length="4"}{block:CurrentPage}
  602. <span class="current_page" style="padding-right:4px;padding-left:4px;">{PageNumber}</span>
  603. {/block:CurrentPage}
  604. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  605. {/block:JumpPagination}
  606. {block:NextPage}<a href="{NextPage}">►</a> {/block:NextPage}
  607. </div>
  608. </center>
  609. {/block:Pagination}
  610.  
  611. </div>
  612.  
  613.  
  614. <div class="autopagerize_page_element">
  615. {block:Posts}
  616. <div id="entry">
  617.  
  618.  
  619. {block:Text}
  620. {block:IndexPage}
  621. <div id="infos2">
  622. <div id="details2">
  623. <a href="{Permalink}" class="notecount3">{NoteCountWithLabel}</a><br>
  624. <a href="{Permalink}" class="notecount4">View</a> • <a href="{ReblogURL}" class="notecount4">Reblog</a><br><br>
  625.  
  626. {block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}</div>{/block:HasTags}
  627. </div>
  628. </div>
  629. {/block:IndexPage}
  630.  
  631. <h2>{Title}</h2>
  632. <div id="postimg">{Body}</div>
  633. {/block:Text}
  634.  
  635.  
  636.  
  637.  
  638. {block:Photo}
  639.  
  640. {block:IndexPage}
  641. <div id="infos">
  642. <div id="details">
  643. <a href="{Permalink}" class="notecount">{NoteCountWithLabel}</a><br>
  644. <a href="{Permalink}" class="notecount2">View</a> • <a href="{ReblogURL}" class="notecount2">Reblog</a>
  645. </div>
  646. </div>
  647. {/block:IndexPage}
  648.  
  649.  
  650. {block:IndexPage}
  651. {block:HasTags}
  652. <div id="infos2">
  653. <div id="details2">
  654.  
  655. <div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}</div>
  656. </div>
  657. </div>
  658. {/block:HasTags}
  659. {/block:IndexPage}
  660.  
  661. {block:IndexPage}
  662. <center><a href="{permalink}"><img src="{PhotoURL-500}" width="500" border="0"></a></center>
  663. {block:IfShowPhotoCaption}{block:Caption}<div id="postimg"><div style="padding-top:6px;">{Caption}</div></div>{/block:Caption}{/block:IfShowPhotoCaption}
  664. {/block:IndexPage}
  665.  
  666. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" width="500" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photo}
  667.  
  668.  
  669. {block:Photoset}
  670. {block:IndexPage}
  671. <div id="infos">
  672. <div id="details">
  673. <a href="{Permalink}" class="notecount">{NoteCountWithLabel}</a><br>
  674. <a href="{Permalink}" class="notecount2">View</a> • <a href="{ReblogURL}" class="notecount2">Reblog</a>
  675. </div>
  676. </div>
  677. {/block:IndexPage}
  678.  
  679. {block:IndexPage}
  680. {block:HasTags}
  681. <div id="infos2">
  682. <div id="details2">
  683.  
  684. <div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}</div>
  685. </div>
  686. </div>
  687. {/block:HasTags}
  688. {/block:IndexPage}
  689.  
  690.  
  691.  
  692. <center>{block:IndexPage}{Photoset-500}
  693. {block:IfShowPhotoCaption}{block:Caption}<div style="padding-top:6px;">{Caption}</div>{/block:Caption}{/block:IfShowPhotoCaption}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{block:IfShowPhotoCaption}{block:Caption}<div style="padding-top:6px;">{Caption}</div>{/block:Caption}{/block:IfShowPhotoCaption}{/block:PermalinkPage}</center>{block:PermalinkPage}{/block:PermalinkPage}{/block:Photoset}
  694.  
  695.  
  696. {block:Quote}
  697. {block:IndexPage}
  698. <div id="infos2">
  699. <div id="details2">
  700. <a href="{Permalink}" class="notecount3">{NoteCountWithLabel}</a><br>
  701. <a href="{Permalink}" class="notecount4">View</a> • <a href="{ReblogURL}" class="notecount4">Reblog</a><br><br>
  702.  
  703. {block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}</div>{/block:HasTags}
  704. </div>
  705. </div>
  706. {/block:IndexPage}
  707.  
  708. <h2>"{Quote}"</h2>{block:Source}{Source}{/block:Source}{/block:Quote}
  709.  
  710. {block:Link}
  711. {block:IndexPage}
  712. <div id="infos2">
  713. <div id="details2">
  714. <a href="{Permalink}" class="notecount3">{NoteCountWithLabel}</a><br>
  715. <a href="{Permalink}" class="notecount4">View</a> • <a href="{ReblogURL}" class="notecount4">Reblog</a><br><br>
  716.  
  717. {block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}</div>{/block:HasTags}
  718. </div>
  719. </div>
  720. {/block:IndexPage}
  721.  
  722. <a href="{URL}" class="link" {Target}><h2>{Name}</h2></a>{block:Description}{Description}{/block:Description}{/block:Link}
  723.  
  724. {block:Chat}
  725. {block:IndexPage}
  726. <div id="infos2">
  727. <div id="details2">
  728. <a href="{Permalink}" class="notecount3">{NoteCountWithLabel}</a><br>
  729. <a href="{Permalink}" class="notecount4">View</a> • <a href="{ReblogURL}" class="notecount4">Reblog</a><br><br>
  730.  
  731. {block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}</div>{/block:HasTags}
  732. </div>
  733. </div>
  734. {/block:IndexPage}
  735.  
  736. {block:Title}{Title}{/block:Title}
  737. {block:Lines}
  738. {block:Label}
  739. <div class="{Alt}"><span class="label"><strong>{Label}</strong></span>
  740. <span class="line">{Line}</span></div>
  741. {/block:Label}
  742. {/block:Lines}
  743. {/block:Chat}
  744.  
  745. {block:Video}
  746. {block:IndexPage}
  747. <div id="infos2">
  748. <div id="details2">
  749. <a href="{Permalink}" class="notecount3">{NoteCountWithLabel}</a><br>
  750. <a href="{Permalink}" class="notecount4">View</a> • <a href="{ReblogURL}" class="notecount4">Reblog</a><br><br>
  751.  
  752. {block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}</div>{/block:HasTags}
  753. </div>
  754. </div>
  755. {/block:IndexPage}
  756.  
  757. <center>{block:IndexPage}<div id="video">{Video-500}</div>{block:IfNotHidePhotoCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfNotHidePhotoCaption}{/block:IndexPage}
  758.  
  759. {block:PermalinkPage}<div id="video">{Video-500}</div>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}</center>
  760. {/block:Video}
  761.  
  762.  
  763. {block:Audio}
  764. {block:IndexPage}
  765. <div id="infos2">
  766. <div id="details2">
  767. <a href="{Permalink}" class="notecount3">{NoteCountWithLabel}</a><br>
  768. <a href="{Permalink}" class="notecount4">View</a> • <a href="{ReblogURL}" class="notecount4">Reblog</a><br><br>
  769.  
  770. {block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}</div>{/block:HasTags}
  771. </div>
  772. </div>
  773. {/block:IndexPage}
  774.  
  775.  
  776. <table width="500" height="180" border="0" cellspacing="0" cellpadding="0">
  777. <tr>
  778. <td width="180" height="180" rowspan="4">{block:AlbumArt}
  779. <img src="{AlbumArtURL}" width="180" style="padding-bottom:6px;"/>
  780. {/block:AlbumArt}
  781. </td>
  782. <td width="320" height="180"><center>
  783. <div class="audioplayer"> <div class="audioc">
  784. <div class="audio">{AudioPlayerBlack}</div>
  785. </div> </div>
  786. </center>
  787. {block:Artist}
  788. <div class="audiotext"><b>Artist:</b> {Artist}</div>
  789. {/block:Artist}
  790.  
  791. {block:TrackName}
  792. <div class="audiotext"><b>Track:</b> {TrackName}</div>
  793. {/block:TrackName}
  794.  
  795. {block:Album}
  796. <div class="audiotext"><b>Album:</b> {Album}</div>
  797. {/block:Album}
  798.  
  799. {block:PlayCount}
  800. <div class="audiotext"><b>Plays:</b> {PlayCount}</div>
  801. {/block:PlayCount}
  802.  
  803. </td>
  804. </tr>
  805.  
  806. </table>
  807.  
  808. {block:Caption}<div style="padding-top:2px;">{Caption}</div>{/block:Caption}
  809. {/block:Audio}
  810.  
  811.  
  812.  
  813. {block:Answer}
  814. {block:IndexPage}
  815. <div id="infos2">
  816. <div id="details2">
  817. <a href="{Permalink}" class="notecount3">{NoteCountWithLabel}</a><br>
  818. <a href="{Permalink}" class="notecount4">View</a> • <a href="{ReblogURL}" class="notecount4">Reblog</a><br><br>
  819.  
  820. {block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}</div>{/block:HasTags}
  821. </div>
  822. </div>
  823. {/block:IndexPage}
  824.  
  825.  
  826. <div style="position:absolute; margin-top:-14px; margin-left:-4px; width:80px; height:80px; border: 6px solid {color:label background};
  827. -moz-border-radius: 80px; /* Firefox */
  828. -webkit-border-radius: 80px; /* Safari, Chrome */
  829. border-radius: 80px; /* CSS3 */
  830. "><img src="{AskerPortraitURL-96}" width="80" height="80" style="-moz-border-radius: 80px; /* Firefox */
  831. -webkit-border-radius: 80px; /* Safari, Chrome */
  832. border-radius: 80px; /* CSS3 */"></div>
  833.  
  834. <div id="ask">
  835. <div id="asked">{Asker} Asked:</div>
  836. <div style="height:34px; padding-right:4px; overflow:auto;">{Question}</div>
  837. </div>
  838.  
  839. <p><div style="padding-top:10px;">{Answer}</div></p>
  840.  
  841. {/block:Answer}
  842.  
  843. </div>
  844.  
  845.  
  846. {block:IndexPage}
  847. {block:IfShowDivider}<center>{block:IfDividerImage}<img src="{image:Divider}" style="padding-bottom:0px; max-width:500px;">{/block:IfDividerImage}</center>{block:IfShowDivider}{/block:IndexPage}
  848.  
  849.  
  850.  
  851. {block:PermalinkPage}
  852. {block:Date}
  853. <div id="info"><div id="bottominfo">
  854.  
  855. Posted: <a href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}">{ShortDayOfWeek} {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a> at {12Hour}:{Minutes}{AmPm}{block:RebloggedFrom}<br>Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>.{/block:RebloggedFrom}
  856.  
  857. {block:Photo}{block:HighRes}<br>HighRes: <a href="{PhotoURL-HighRes}">view</a>{/block:HighRes}{/block:Photo}
  858.  
  859. {block:Answer}<BR>Ask: <a href="/ask">{AskLabel}</a>{/block:Answer}
  860.  
  861. {block:Audio}<BR>Plays: {FormattedPlayCount}{block:ExternalAudio}<BR>Download: <a href="{ExternalAudioURL}">here</a>.{/block:ExternalAudio}{/block:Audio}
  862.  
  863. {block:HasTags}<BR>Tagged: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{block:NoteCount}<BR>Notes: {NoteCount}{/block:NoteCount}
  864.  
  865. </div></div>
  866. {/block:Date}
  867. {/block:PermalinkPage}
  868.  
  869.  
  870. {block:PostNotes}
  871. <div id="notes">{PostNotes}</div>
  872. {/block:PostNotes}
  873.  
  874. {/block:Posts}
  875. </div> </*Infinite Scroll*/>
  876. </div> </*WTF*/>
  877.  
  878. </body>
  879. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!