Want more features on Pastebin? Sign Up, it's FREE!

Monochrome Theme

By: sleeplessthemes on Sep 16th, 2012  |  syntax: None  |  size: 23.91 KB  |  views: 12,425  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  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>
clone this paste RAW Paste Data