Advertisement
sleeplessthemes

Densify Theme

Aug 30th, 2012
12,471
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.56 KB | None | 0 0
  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. Densify Theme by: destroyer.tumblr.com | sleeplessthemes.com
  8. Densify Theme by: destroyer.tumblr.com | sleeplessthemes.com
  9. Densify Theme by: destroyer.tumblr.com | sleeplessthemes.com
  10. Densify Theme by: destroyer.tumblr.com | sleeplessthemes.com
  11. Densify Theme by: destroyer.tumblr.com | sleeplessthemes.com
  12. Densify Theme by: destroyer.tumblr.com | sleeplessthemes.com
  13. -->
  14.  
  15. <html>
  16. <head>
  17. <!-- DEFAULT COLORS -->
  18. <meta name="color:background" content="#151515"/>
  19. <meta name="color:posts" content="#0c0c0c"/>
  20. <meta name="color:post hover" content="#000000"/>
  21. <meta name="color:Text" content="#545454"/>
  22. <meta name="color:text headers" content="#ffffff"/>
  23. <meta name="color:bold text" content="#ababab"/>
  24. <meta name="color:label background" content="#090909"/>
  25. <meta name="color:link" content="#b0b0b0"/>
  26. <meta name="color:link hover" content="#ffffff"/>
  27. <meta name="color:nav link text" content="#000000"/>
  28. <meta name="color:nav link" content="#ffffff"/>
  29. <meta name="color:nav link hover" content="#767676"/>
  30.  
  31. <meta name="image:Portrait" content=""/>
  32. <meta name="image:Background" content=""/>
  33.  
  34. <meta name="if:Show Infinite Scroll" content="1" />
  35.  
  36. <meta name="text:Font Size" content="10px"/>
  37. <meta name="font:Body" content="'Arial', Trebuchet MS, Helvetica, Tahoma, sans-serif" />
  38.  
  39. <meta name="text:Custom Link One" content="" />
  40. <meta name="text:Custom Link One Title" content="" />
  41. <meta name="text:Custom Link Two" content="" />
  42. <meta name="text:Custom Link Two Title" content="" />
  43. <meta name="text:Custom Link Three" content="" />
  44. <meta name="text:Custom Link Three Title" content="" />
  45. <meta name="text:Custom Link Four" content="" />
  46. <meta name="text:Custom Link Four Title" content="" />
  47.  
  48.  
  49.  
  50. <link href='http://fonts.googleapis.com/css?family=Six+Caps' rel='stylesheet' type='text/css'>
  51.  
  52. <link href='http://fonts.googleapis.com/css?family=Mr+Dafoe' rel='stylesheet' type='text/css'>
  53.  
  54. <title>{Title}</title>
  55. <link rel="stylesheet" href="http://static.tumblr.com/usaykzx/o8Bku9w35/reset.css" type="text/css" />
  56. <link rel="shortcut icon" href="{Favicon}">
  57. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  58. {block:Description}
  59. <meta name="description" content="{MetaDescription}" />
  60. {/block:Description}
  61.  
  62. {block:IfShowInfiniteScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfShowInfiniteScroll}
  63.  
  64. <style type="text/css">
  65. body{
  66. margin-top:0px;
  67. text-align:justify;
  68. color: {color:Text};
  69. font-family: {font:Body};
  70. font-size: {text:Font Size};
  71. line-height: 12px;
  72. background-color:{color:background};
  73. background-image:url({image:Background});
  74. background-attachment: fixed;
  75. background-position:bottom center;
  76. background-repeat: repeat;}
  77.  
  78. a, a:link, a:visited, a:active{color: {color:link}; text-decoration:none;
  79. font-family: {font:Body};
  80. font-size: {text:Font Size}; line-height:12px; }
  81. a:hover{color: {color:link hover}; line-height:12px;}
  82.  
  83. #tumblr_controls{
  84. position:fixed!important;}
  85.  
  86. b, strong{color: {color:bold text};
  87. font-family: {font:Body};
  88. font-size: {text:Font Size}; line-height:12px;}
  89.  
  90. #wtf {
  91.  
  92. {block:PermalinkPage}
  93. background-color: transparent;
  94. width:516px;
  95. margin-left: -336px;
  96. top:0px;
  97. left:50%;
  98. position:absolute;
  99. padding:10px 4px 10px 10px;
  100. {/block:PermalinkPage}
  101.  
  102. {block:IndexPage}
  103. background-color: transparent;
  104. top:0px;
  105. position:relative;
  106. width:588px;
  107. overflow: visible;
  108. margin-left: -407px;
  109. left:50%;
  110. padding:10px 4px 10px 10px;
  111. {/block:IndexPage}
  112.  
  113. color: {color:Text};
  114. font-family: {font:Body};
  115. font-size: {text:Font Size};
  116. line-height: 12px;}
  117.  
  118. #sidebar {
  119. z-index:9000;
  120. overflow:visible;
  121. top:10px;
  122. margin-left: 191px;
  123. position:fixed;
  124. left: 50%;
  125. border: 4px solid {color:posts};
  126. background-color:{color:posts};
  127. width: 200px;
  128. height: auto;
  129. padding: 1px;
  130. color:{color:sidebar text}}
  131.  
  132. #entry {
  133. float:left;
  134. position:relative;
  135. background-color: {color:posts};
  136. border: 4px solid {color:posts};
  137. z-index:6;
  138. overflow:hidden;
  139. width:180px;
  140. height: 240px;
  141.  
  142. {block:PermalinkPage}
  143. width:500px;
  144. height:auto;
  145. {/block:PermalinkPage}
  146.  
  147. padding: 1px;
  148. margin:0px 6px 6px 0px;}
  149.  
  150.  
  151. #info {
  152. float:left;
  153. position:relative;
  154. background-color: {color:posts};
  155. border: 4px solid {color:posts};
  156. z-index:6;
  157. overflow:hidden;
  158. width:500px;
  159. height: auto;
  160. padding: 1px;
  161. margin:0px 6px 6px 0px;}
  162.  
  163. #notes {
  164. float:left;
  165. position:relative;
  166. background-color: {color:posts};
  167. border: 4px solid {color:posts};
  168. z-index:6;
  169. overflow:hidden;
  170. width: 500px;
  171. height: auto;
  172. padding: 1px;
  173. margin:0px 6px 6px 0px;}
  174.  
  175.  
  176. p{
  177. margin-top:0px;
  178. margin-bottom:0px;}
  179.  
  180. #question{
  181. overflow:SHOW;
  182. padding-bottom:3px;
  183. margin-bottom:3px;}
  184.  
  185. #askr{
  186. display:block;
  187. float:left;
  188. width:33px;
  189. overflow:hidden;
  190. margin-right:3px;}
  191.  
  192. ul {
  193. list-style: disc;
  194. padding: 4px 0px 6px 20px;}
  195.  
  196. blockquote{padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:label background};}
  197.  
  198. blockquote img{display:block; width:100%;}
  199.  
  200. blockquote p{padding:0px; margin:0px;}
  201.  
  202. blockquote blockquote{position:relative; left:6px; margin-top:0px; margin-right:0px; padding-right:0px;}
  203.  
  204. #bottominfo{
  205. padding:2px 0px 0px 0px;
  206. display:block;}
  207.  
  208. .answer p{margin:0px;}
  209. .notes img{
  210. width:10px;
  211. position:relative;
  212. top:1px;}
  213.  
  214. ol.notes, .notes li{
  215. list-style:none;
  216. margin:0px;
  217. padding:0px;}
  218.  
  219. small {font-size:8px; line-height:8px; letter-spacing:0px;}
  220. big {font-family:arial black; color:{color:text}; font-size:14px;}
  221.  
  222.  
  223.  
  224. a img{border:none;}
  225.  
  226. .label {
  227. color: {color:bold text};font-weight: bold; line-height:12px;}
  228.  
  229. .odd {
  230. background-color:{color:label background};}
  231.  
  232.  
  233. h2 {
  234. color: {color:text headers};
  235. font-size: 26px;
  236. line-height: 28px;
  237. font-family: Six Caps;
  238. font-weight: normal;
  239. text-transform: uppercase;
  240. letter-spacing: -1px;
  241. margin-bottom:0px;
  242. text-align:left;}
  243.  
  244.  
  245. h3 {
  246. text-shadow: 1px 1px 6px #000;
  247. color: #ffffff;
  248. font-size: 40px;
  249. line-height: 40px;
  250. font-family: Six Caps;
  251. font-weight: normal;
  252. text-transform: uppercase;
  253. letter-spacing: -2px;
  254. margin-bottom:-6px;}
  255.  
  256. h4 {
  257. text-shadow: 1px 1px 6px #000;
  258. color: #cacaca;
  259. font-size: 14px;
  260. line-height: 16px;
  261. font-family: Mr Dafoe;
  262. font-weight: normal;
  263. text-transform: lowercase;
  264. letter-spacing: 1px;}
  265.  
  266.  
  267. a.links1 {
  268. color: {color:nav link text};
  269. width:192px;
  270. height:9px;
  271. border-right:8px solid {color:nav link hover};
  272. float:left;
  273. text-align:center;
  274. text-transform: uppercase;
  275. font-family:consolas;
  276. font-weight:bold;
  277. font-size:8px;
  278. line-height:10px;
  279. letter-spacing:1px;
  280. -webkit-transition: all .6s ease-out;
  281. -moz-transition: all .6s ease-out;
  282. -o-transition: all .6s ease-out;
  283. transition: all .6s ease-out;
  284. margin-bottom:4px;
  285. background-color: {color:nav link};}
  286.  
  287.  
  288. a.links1:hover {
  289. width:174px;
  290. background-color: {color:nav link hover};
  291. border-right:26px solid {color:nav link};}
  292.  
  293.  
  294. img.middle {
  295. vertical-align:middle;
  296. margin-bottom:3px;}
  297.  
  298.  
  299.  
  300. #entry #infos {
  301. text-align:center;
  302. color: #ffffff;
  303. font-size: 8px;
  304. line-height: 10px;
  305. font-family: consolas;
  306. font-weight:normal;
  307. text-transform: uppercase;
  308. letter-spacing: 1px;
  309. opacity:0.0;
  310. filter: alpha(opacity=0);
  311. -moz-opacity:0.0;
  312. background-color:transparent;
  313. width: 180px;
  314. height: 240px;
  315. position: absolute;
  316. left:0px;
  317. margin-top:0px;
  318. -webkit-transition: all .6s ease-out;
  319. -moz-transition: all .6s ease-out;
  320. -o-transition: all .6s ease-out;
  321. transition: all .6s ease-out;
  322. z-index:10;
  323. overflow-y:hidden;
  324. padding:4px;}
  325.  
  326. #entry:hover #infos {
  327. margin-top:0px;
  328. background-color:{color:post hover};
  329. opacity:0.8;
  330. filter: alpha(opacity=80);
  331. -moz-opacity:0.8;
  332. left:0px;}
  333.  
  334. #entry #infos #details {
  335. float:left;
  336. display:block;
  337. width:180px;
  338. height: auto;
  339. padding: 80px 0px 0px 0px;}
  340.  
  341. hr {
  342. width:50px;
  343. background-color: #595959;
  344. border: 0;
  345. height:1px;}
  346.  
  347. a.viewpost {
  348. -webkit-transition: all .6s ease-out;
  349. -moz-transition: all .6s ease-out;
  350. -o-transition: all .6s ease-out;
  351. transition: all .6s ease-out;
  352. color: #ffffff;
  353. font-size: 8px;
  354. line-height: 10px;
  355. font-family: consolas;
  356. font-weight:normal;
  357. text-transform: uppercase;
  358. letter-spacing: 1px;}
  359.  
  360. a.viewpost:hover {
  361. color: #888888;}
  362.  
  363. p.speech
  364. { padding:8px;
  365. position: relative;
  366. text-align: center;
  367. background-color: {color:label background};
  368. border: 0px solid #000;
  369. -webkit-border-radius: 4px;
  370. -moz-border-radius: 4px;
  371. border-radius: 4px;}
  372.  
  373.  
  374. p.speech:after
  375. {
  376. content: ' ';
  377. position: absolute;
  378. width: 0;
  379. height: 0;
  380. left: 50%;
  381. top: 20px;
  382. border: 10px solid;
  383. border-color: {color:label background} transparent transparent {color:label background};}
  384.  
  385. .pagination {
  386. margin-top:8px;
  387. margin-bottom:0px;
  388. text-align:center;
  389. line-height:20px;
  390. font-family:calibri;
  391. font-size:10px; }
  392.  
  393. .pagination a {
  394. text-decoration:none;
  395. background-color:{color:nav link};
  396. padding:2px 4px 2px 4px;
  397. color:{color:nav link text};}
  398.  
  399. .pagination a:hover {
  400. background-color: {color:nav link hover};}
  401.  
  402.  
  403. .audio {
  404. height: 28px;
  405. width: 26px;
  406. overflow: hidden;
  407. margin: auto;
  408. padding-top: 7px;}
  409.  
  410. .audioc {
  411. background-image:url('http://static.tumblr.com/f1whv92/9iCl6bfgp/audiocircle.png');
  412. background-repeat: no-repeat;
  413. height: 41px;
  414. width: 41px;}
  415.  
  416. {CustomCSS}
  417. </style>
  418.  
  419. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  420.  
  421. <script type="text/javascript" src="http://static.tumblr.com/j4dtzbm/TKllubdk7/scrolltopcontrol.js"></script>
  422.  
  423. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  424. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/2eWl5b9xv/nav.js"></script>
  425.  
  426. </head>
  427.  
  428.  
  429. <body>
  430.  
  431. <div id="wtf">
  432.  
  433. <div id="sidebar">
  434. {block:IfPortraitImage}
  435. <a href="http://{name}.tumblr.com"><img src="{image:Portrait}" width="200" style="padding-bottom:6px;"></a>
  436. {/block:IfPortraitImage}
  437.  
  438.  
  439. {block:Description}<div style="padding-bottom:6px;">{Description}</div>{/block:Description}
  440.  
  441. <center>
  442. <a href="http://{name}.tumblr.com" class="links1">Home</a>
  443. {block:AskEnabled}<a href="/ask" class="links1">Ask</a>{/block:AskEnabled}
  444.  
  445. {block:SubmissionsEnabled}<a href="/submit" class="links1">Submit</a>{/block:SubmissionsEnabled}
  446.  
  447. {block:HasPages}
  448. {block:Pages}
  449. <a href="{URL}" class="links1">{Label}</a>
  450. {/block:Pages}
  451. {/block:HasPages}
  452.  
  453. {block:ifCustomLinkOneTitle}<a href="{text:Custom Link One}" class="links1">{text:Custom Link One Title}</a>{/block:ifCustomLinkOneTitle}
  454.  
  455. {block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}" class="links1">{text:Custom Link Two Title}</a>{/block:ifCustomLinkTwoTitle}
  456.  
  457. {block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}" class="links1">{text:Custom Link Three Title}</a>{/block:ifCustomLinkThreeTitle}
  458.  
  459. {block:ifCustomLinkFourTitle}<a href="{text:Custom Link Four}" class="links1">{text:Custom Link Four Title}</a>{/block:ifCustomLinkFourTitle}
  460. <a href="http://sleeplessthemes.com" class="links1">Theme</a>
  461. </center>
  462.  
  463.  
  464. {block:Pagination}
  465. <center>
  466. <div class="pagination">
  467. {block:PreviousPage}<a href="{PreviousPage}">◄</a>{/block:PreviousPage}
  468. {block:JumpPagination length="6"}{block:CurrentPage}
  469. <span class="current_page" style="padding-right:4px;padding-left:4px;">{PageNumber}</span>
  470. {/block:CurrentPage}
  471. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  472. {/block:JumpPagination}
  473. {block:NextPage}<a href="{NextPage}">►</a> {/block:NextPage}
  474. </div>
  475. </center>
  476. {/block:Pagination}
  477.  
  478. </div>
  479.  
  480. <div class="autopagerize_page_element">
  481. {block:Posts}
  482. <div id="entry">
  483.  
  484. {block:IndexPage}
  485. <div id="infos">
  486. <div id="details">
  487.  
  488. <a href="{Permalink}"><h3>{NoteCount}</h3></a><br>
  489. <hr>
  490. <a href="{ReblogURL}" target="_blank"><h4>reblog this</h4></a><br><br>
  491.  
  492.  
  493. <center><div style="position:absolute; bottom:10px; margin-left:70px;"><a href="{Permalink}" class="viewpost">View Post</a></div></center>
  494. </div>
  495. </div>
  496. {/block:IndexPage}
  497.  
  498.  
  499. {block:Text}<h2>{Title}</h2>{Body}{/block:Text}
  500.  
  501. {block:Photo}
  502. {block:IndexPage}{LinkOpenTag}<a href="{permalink}">
  503. <table width="180" height="240" border="0" cellspacing="0" cellpadding="0">
  504. <tr>
  505. <td background="{PhotoURL-500}" style="background-position:center center;">&nbsp;</td>
  506. </tr>
  507. </table>
  508. </a>{LinkCloseTag}
  509. {/block:IndexPage}
  510.  
  511. {block:PermalinkPage}
  512. {LinkOpenTag}<img src="{PhotoURL-500}" width="500" alt="{PhotoAlt}"/>{LinkCloseTag}
  513. {Caption}
  514. {/block:PermalinkPage}
  515. {/block:Photo}
  516.  
  517.  
  518.  
  519. {block:Photoset}
  520. {block:IndexPage} <article>
  521. <span class="break" style="padding-bottom: 19px;"></span>
  522.  
  523. <!-- Go through each Photo in the Photoset -->
  524. {block:Photos}
  525. <div style="margin-left:-170px;"><img src="{PhotoURL-HighRes}" width="600" class="highres"></div>
  526. {/block:Photos}
  527. </article>{/block:IndexPage}
  528. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center>
  529. {block:Caption}{Caption}{/block:Caption}
  530. {/block:PermalinkPage}
  531. {/block:Photoset}
  532.  
  533.  
  534.  
  535. {block:Quote}<h2>"{Quote}"</h2>{block:Source}{Source}{/block:Source}{/block:Quote}
  536.  
  537. {block:Link}<a href="{URL}" class="link" {Target}><h2>{Name}</h2></a>{block:Description}{Description}{/block:Description}{/block:Link}
  538.  
  539. {block:Chat}
  540. {block:Title}{Title}{/block:Title}
  541. {block:Lines}
  542. {block:Label}
  543. <div class="{Alt}"><span class="label"><strong>{Label}</strong></span>
  544. <span class="line">{Line}</span></div>
  545. {/block:Label}
  546. {/block:Lines}
  547. {/block:Chat}
  548.  
  549. {block:Video}<center>{block:IndexPage}<div id="video">{Video-500}</div>{block:IfNotHidePhotoCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfNotHidePhotoCaption}{/block:IndexPage}
  550.  
  551. {block:PermalinkPage}<div id="video">{Video-500}</div>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}</center>
  552. {/block:Video}
  553.  
  554. {block:Audio}
  555. {block:IndexPage}<table width="180" height="240" border="0" cellspacing="0" cellpadding="0">
  556. <tr>
  557. <td background="{block:AlbumArt}{AlbumArtURL}{/block:AlbumArt}" style="background-position:center center;"><div style="margin-top:94px; margin-left: 6px;"><center><div class="audioc">
  558. <div class="audio">{AudioPlayerBlack}</div>
  559. </div></center></div></td>
  560. </tr>
  561. </table>{/block:IndexPage}
  562. {block:PermalinkPage}
  563. <center><div class="audioc">
  564. <div class="audio">{AudioPlayerBlack}</div>
  565. </div></center>
  566. {block:Caption}{Caption}{/block:Caption}
  567. {/block:PermalinkPage}
  568. {/block:Audio}
  569.  
  570. {block:Answer}
  571. <p class="bubble speech">{Question}
  572.  
  573. <div style="{block:IndexPage}margin-left:64px;{/block:IndexPage} {block:PermalinkPage}margin-left:224px;{/block:PermalinkPage} bottom:-2px; position:relative; width:24px; height:24px; -moz-border-radius: 24px; /* Firefox */
  574. -webkit-border-radius: 24px; /* Safari, Chrome */
  575. border-radius: 24px; /* CSS3 */"><img src="{AskerPortraitURL-24}" style="-moz-border-radius: 24px; /* Firefox */
  576. -webkit-border-radius: 24px; /* Safari, Chrome */
  577. border-radius: 24px; /* CSS3 */"></div>
  578. </p>
  579.  
  580.  
  581. <div style="margin-top:6px;"><p>{Answer}</p></div>
  582. {/block:Answer}
  583.  
  584.  
  585. </div>
  586.  
  587.  
  588. {block:PermalinkPage}
  589. {block:Date}
  590. <div id="info"><div id="bottominfo">
  591.  
  592. 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}
  593.  
  594. {block:Photo}{block:HighRes}<br>HighRes: <a href="{PhotoURL-HighRes}">view</a>{/block:HighRes}{/block:Photo}
  595.  
  596. {block:Answer}<BR>Ask: <a href="/ask">{AskLabel}</a>{/block:Answer}
  597.  
  598. {block:Audio}<BR>Plays: {FormattedPlayCount}{block:ExternalAudio}<BR>Download: <a href="{ExternalAudioURL}">here</a>.{/block:ExternalAudio}{/block:Audio}
  599.  
  600. {block:HasTags}<BR>Tagged: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{block:NoteCount}<BR>Notes: {NoteCount}{/block:NoteCount}
  601.  
  602. </div></div>
  603. {/block:Date}
  604. {/block:PermalinkPage}
  605.  
  606.  
  607. {block:PostNotes}
  608. <div id="notes">{PostNotes}</div>
  609. {/block:PostNotes}
  610.  
  611. {/block:Posts}
  612. </div> </*Infinite Scroll*/>
  613.  
  614. <center><img src="http://media.tumblr.com/tumblr_m72mmmV9WZ1qaxq5z.png" width="500" height="10"></center>
  615. <br><br>
  616. </div> </*WTF*/>
  617.  
  618. </body>
  619. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement