Advertisement
sleeplessthemes

Phenomenal

Oct 25th, 2011
8,313
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.60 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  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. Phenomenal Theme by: sleeplessthemes.com & destroyer.tumblr.com
  8. Phenomenal Theme by: sleeplessthemes.com & destroyer.tumblr.com
  9. Phenomenal Theme by: sleeplessthemes.com & destroyer.tumblr.com
  10. Phenomenal Theme by: sleeplessthemes.com & destroyer.tumblr.com
  11. Phenomenal Theme by: sleeplessthemes.com & destroyer.tumblr.com -->
  12.  
  13.  
  14. <head>
  15. <!-- DEFAULT COLORS -->
  16. <meta name="color:background" content="#D4D4D4"/>
  17. <meta name="color:posts" content="#ffffff"/>
  18. <meta name="color:posts hover" content="#000000"/>
  19. <meta name="color:text" content="#464646"/>
  20. <meta name="color:text headers" content="#2d2d2d"/>
  21. <meta name="color:bold text" content="#2d2d2d"/>
  22. <meta name="color:label background" content="#e9e9e9"/>
  23. <meta name="color:link" content="#747474"/>
  24. <meta name="color:link hover" content="#ffffff"/>
  25. <meta name="image:Header" content=""/>
  26. <meta name="image:Background" content="http://static.tumblr.com/eptm5us/ePBltngfk/dtbg3.jpg" />
  27.  
  28. <meta name="if:Show Reblog Button" content="1" />
  29. <meta name="if:Show Infinite Scroll" content="1" />
  30. <meta name="if:Show Title" content="1" />
  31.  
  32. <meta name="text:Font Size" content="9px"/>
  33. <meta name="font:Body" content="'Arial', Trebuchet MS, Helvetica, Tahoma, sans-serif" />
  34. <meta name="text:Custom Link One" content="" />
  35. <meta name="text:Custom Link One Title" content="" />
  36. <meta name="text:Custom Link Two" content="" />
  37. <meta name="text:Custom Link Two Title" content="" />
  38. <meta name="text:Custom Link Three" content="" />
  39. <meta name="text:Custom Link Three Title" content="" />
  40. <meta name="text:Custom Link Four" content="" />
  41. <meta name="text:Custom Link Four Title" content="" />
  42.  
  43.  
  44. <title>{Title}</title>
  45. <link rel="stylesheet" href="http://static.tumblr.com/usaykzx/o8Bku9w35/reset.css" type="text/css" />
  46. <link rel="shortcut icon" href="{Favicon}">
  47. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  48. {block:Description}
  49. <meta name="description" content="{MetaDescription}" />
  50. {/block:Description}
  51.  
  52. <style type="text/css">
  53. small{font-size:100%;}
  54. body{
  55. margin-top: 0px;
  56. text-align:justify;
  57. color: {color:text};
  58. font-family: {font:Body};
  59. font-size: {text:Font Size};
  60. line-height: 12px;
  61. background-color:{color:background};
  62. background-image:url({image:Background});
  63. background-attachment: fixed;
  64. background-position:top center;
  65. background-repeat: repeat;}
  66.  
  67. a:link, a:visited, a:active{color: {color:link}; text-decoration:none;
  68. font-family: {font:Body};
  69. font-size: {text:Font Size}; line-height:12px; }
  70. a:hover{color:{color:link hover}; line-height:12px;}
  71.  
  72. #tumblr_controls{
  73. position:fixed!important;}
  74.  
  75. b, strong{color: {color:bold text};
  76. font-family: {font:Body};
  77. font-size: {text:Font Size}; line-height:12px;}
  78.  
  79.  
  80. #wtf {
  81. width:878px;
  82. height:600px;
  83. margin-left:auto;
  84. margin-right:auto;
  85.  
  86. overflow:visible;
  87.  
  88. color: {color:text};
  89. font-family: {font:Body};
  90. font-size: {text:Font Size};
  91. line-height: 12px;
  92. background-color:transparent;}
  93.  
  94. #entry{
  95. border: 2px solid {color:posts};
  96. float:left;
  97. padding:0px;
  98. background-image:url();
  99. background-color: {color:posts};
  100. width:140px;
  101. height:90px;
  102. overflow: hidden;
  103. margin:2px 0px 0px 2px;
  104. position: relative;
  105. {block:PermalinkPage}
  106. width:870px;
  107. height:auto;
  108. {/block:PermalinkPage}}
  109.  
  110. #permapage {
  111. padding:4px;
  112. margin-top:2px;
  113. margin-bottom:2px;
  114. background-color:{color:label background};}
  115.  
  116. #question{
  117. overflow:SHOW;
  118. padding-bottom:3px;
  119. margin-bottom:3px;}
  120.  
  121. #askr{
  122. display:block;
  123. float:left;
  124. width:33px;
  125. overflow:hidden;
  126. margin-right:3px;}
  127.  
  128. ul {
  129. list-style: disc;
  130. padding: 4px 0px 6px 20px;}
  131.  
  132. blockquote{padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:label background};}
  133.  
  134. blockquote img{display:block; width:100%;}
  135.  
  136. blockquote p{padding:0px; margin:0px;}
  137.  
  138. blockquote blockquote{position:relative; left:6px; margin-top:0px; margin-right:0px; padding-right:0px;}
  139.  
  140.  
  141. #bottominfo{
  142. padding:2px 0px 0px 0px;
  143. display:block;}
  144.  
  145. .answer p{margin:0px;}
  146. .notes img{
  147. width:10px;
  148. position:relative;
  149. top:1px;}
  150.  
  151. ol.notes, .notes li{
  152. list-style:none;
  153. margin:0px;
  154. padding:0px;}
  155.  
  156. small {font-size:7px; line-height:8px; letter-spacing:0px;}
  157. big {font-family:arial black; color:{color:text}; font-size:14px;}
  158.  
  159. a img{border:none;}
  160.  
  161. .label {
  162. color: #831421;font-weight: bold; line-height:12px;}
  163.  
  164. .odd {
  165. background-color:{color:label background};}
  166.  
  167.  
  168. h1 {
  169. color: {color:text headers};
  170. font-size: 60px;
  171. line-height: 60px;
  172. font-family: League Gothic;
  173. text-transform: uppercase;
  174. letter-spacing: -2px;}
  175.  
  176. h2 {
  177. color: {color:text headers};
  178. font-size: 18px;
  179. line-height: 16px;
  180. font-family: League Gothic;
  181. font-weight: normal;
  182. text-transform: uppercase;
  183. letter-spacing: -1px;
  184. margin-top:0px;
  185. margin-bottom: -4px;
  186. padding-bottom: 6px;}
  187.  
  188. h3 {
  189. color: {color:text headers};
  190. font-size: 12px;
  191. line-height: 12px;
  192. font-family: arial black;
  193. font-weight:bold;
  194. text-transform: uppercase;
  195. letter-spacing: -4px;}
  196.  
  197. .audio embed {width:140px;}
  198.  
  199. .video embed, object {
  200. width:140px;
  201. height:75px;
  202. z-index:-2;
  203. margin-left:0px;}
  204.  
  205.  
  206. .video2 embed, object {
  207. width:870px;
  208. height:600px;
  209. padding:2px;}
  210.  
  211. #ask {
  212. background-color: {color:label background};
  213. padding:4px;
  214. margin-bottom:4px;}
  215.  
  216. #top{
  217. z-index:8;
  218. overflow:hidden;
  219. margin-left: auto;
  220. margin-right:auto;
  221. border-bottom: 1px solid {color:label background};
  222. padding: 4px;
  223. top: 304px;
  224. width: 866px;
  225. height: auto;
  226. background-color: transparent;}
  227.  
  228.  
  229. #entry #infos {
  230. opacity:0.8;
  231. filter: alpha(opacity=80);
  232. -moz-opacity:0.8;
  233. background-color:#000000;
  234. width:142px;
  235. position: absolute;
  236. left:-142px;
  237. margin-left:0px;
  238. -webkit-transition: all .4s ease-out;
  239. -moz-transition: all .4s ease-out;
  240. -o-transition: all .4s ease-out;
  241. transition: all .4s ease-out;
  242. z-index:10;
  243. overflow-y:hidden;
  244. height: 30px;}
  245.  
  246. #entry:hover #infos {
  247. left:0px;
  248. -webkit-transition: all .4s ease-out;
  249. -moz-transition: all .4s ease-out;
  250. -o-transition: all .4s ease-out;
  251. transition: all .4s ease-out;}
  252.  
  253. #entry #infos #details {
  254. background-image:url();
  255. background-position:top center;
  256. background-repeat:repeat;
  257. float:left;
  258. display:block;
  259. width:142px;
  260. height: auto;
  261. padding: 4px 0px 0px 0px;}
  262.  
  263.  
  264. #entry #infos2 {
  265. opacity:0.8;
  266. filter: alpha(opacity=80);
  267. -moz-opacity:0.8;
  268. background-color:#000000;
  269. width:142px;
  270. position: absolute;
  271. bottom: 0px;
  272. right:-142px;
  273. margin-left:0px;
  274. -webkit-transition: all .4s ease-out;
  275. -moz-transition: all .4s ease-out;
  276. -o-transition: all .4s ease-out;
  277. transition: all .4s ease-out;
  278. z-index:10;
  279. overflow-y:hidden;
  280. height: 20px;}
  281.  
  282. #entry:hover #infos2 {
  283. bottom:0px;
  284. right:0px;
  285. -webkit-transition: all .4s ease-out;
  286. -moz-transition: all .4s ease-out;
  287. -o-transition: all .4s ease-out;
  288. transition: all .4s ease-out;}
  289.  
  290. #entry #infos2 #details2 {
  291. background-image:url();
  292. background-position:top center;
  293. background-repeat:repeat;
  294. float:left;
  295. display:block;
  296. width:142px;
  297. height: auto;
  298. padding: 4px 0px 0px 0px;}
  299.  
  300.  
  301. a.notecount {
  302. color: #ffffff;
  303. font-size: 20px;
  304. line-height: 20px;
  305. font-family: arial black;
  306. font-weight:bold;
  307. text-transform: uppercase;
  308. letter-spacing: -3px;}
  309.  
  310. a.notecount:hover {
  311. color: #888888;}
  312.  
  313. a.notecount2 {
  314. color: #888888;
  315. font-size: 7px;
  316. line-height: 10px;
  317. font-family: arial;
  318. font-weight: normal;
  319. text-transform: uppercase;
  320. letter-spacing: 2px;}
  321.  
  322. a.notecount2:hover {
  323. color: #ffffff;}
  324.  
  325.  
  326. a.links {
  327. color:{color:label background};
  328. background-color:{color:text headers};
  329. font-family: Arial;
  330. font-size: 7px;
  331. line-height: 10px;
  332. font-weight:bold;
  333. text-transform: uppercase;
  334. letter-spacing:1px;
  335.  
  336. padding:4px;
  337. margin-top: 4px;
  338. margin-bottom: 2px;
  339. margin-right:4px;
  340. text-align: center;}
  341.  
  342. a.links:hover {
  343. color:{color:text headers};
  344. background-color:{color:label background}; }
  345.  
  346.  
  347.  
  348. {CustomCSS}
  349. </style>
  350.  
  351. {block:IfShowInfiniteScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfShowInfiniteScroll}
  352.  
  353. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  354.  
  355. <script type="text/javascript" src="http://static.tumblr.com/eptm5us/Rb0llmimz/jquery.magnifier.js">
  356.  
  357. /***********************************************
  358. * jQuery Image Magnify- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
  359. * This notice MUST stay intact for legal use
  360. * Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
  361. ***********************************************/
  362. </script>
  363.  
  364. <script src="http://static.tumblr.com/eptm5us/M7Bltnhqy/typeface-0.15.js"></script>
  365.  
  366. <script src="http://static.tumblr.com/eptm5us/qukltnhqi/league_gothic_regular.typeface.js"></script>
  367.  
  368. </head>
  369.  
  370. <body>
  371.  
  372.  
  373.  
  374. <div id="wtf">
  375.  
  376. {block:IfHeaderImage}
  377. <center><a href="/"><img src="{image:Header}"></a></center>
  378. {/block:IfHeaderImage}
  379.  
  380. <div id="top">
  381. <center>{block:IfShowTitle}<h1>{Title}</h1>{/block:IfShowTitle}
  382.  
  383. <a href="/" class="links">Home</a>
  384. {block:AskEnabled}<a href="/ask" class="links">Ask</a>{/block:AskEnabled}
  385. {block:SubmissionsEnabled}<a href="/submit" class="links">Submit</a>{/block:SubmissionsEnabled}
  386.  
  387. <a href="/archive" class="links">Archive</a>
  388.  
  389. {block:ifCustomLinkOneTitle}<a href="{text:Custom Link One}" class="links">{text:Custom Link One Title}</a>{/block:ifCustomLinkOneTitle}
  390.  
  391. {block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}" class="links">{text:Custom Link Two Title}</a>{/block:ifCustomLinkTwoTitle}
  392.  
  393. {block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}" class="links">{text:Custom Link Three Title}</a>{/block:ifCustomLinkThreeTitle}
  394.  
  395. {block:ifCustomLinkFourTitle}<a href="{text:Custom Link Four}" class="links">{text:Custom Link Four Title}</a>{/block:ifCustomLinkFourTitle}</center><br>
  396.  
  397. {block:Description}<center><p>{Description}</p></center>{/block:Description}
  398.  
  399.  
  400. </div>
  401.  
  402. <div class="autopagerize_page_element">
  403. {block:Posts}
  404.  
  405.  
  406. <div id="entry">
  407. {block:IndexPage}
  408. <center><div id="infos">
  409. <div id="details">
  410. <center><a href="{Permalink}" class="notecount">{NoteCountWithLabel}</a></center>
  411. </div>
  412. </div></center>
  413. {/block:IndexPage}
  414.  
  415. {block:IndexPage}
  416. <center><div id="infos2">
  417. <div id="details2">
  418. <center><a href="{ReblogURL}" class="notecount2">Reblog</a> | <a href="{Permalink}" class="notecount2">Permalink</a></center>
  419. </div>
  420. </div></center>
  421. {/block:IndexPage}
  422.  
  423.  
  424.  
  425.  
  426. {block:Text}<h2>{Title}</h2>{Body}{/block:Text}
  427.  
  428. {block:Photo}
  429. {block:IndexPage}{LinkOpenTag}<a href="{permalink}">
  430. <table width="140" height="90" border="0" cellspacing="0" cellpadding="0">
  431. <tr>
  432. <td background="{PhotoURL-250}" style="background-position:center center;">&nbsp;</td>
  433. </tr>
  434. </table>
  435. </a>
  436. {/block:IndexPage}
  437.  
  438. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" width="870" alt="{PhotoAlt}"/>{LinkCloseTag}
  439. {Caption}
  440. {/block:PermalinkPage}
  441. {/block:Photo}
  442.  
  443. {block:Photoset}
  444. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  445. {block:PermalinkPage}<center>{Photoset-500}</center>{/block:PermalinkPage}
  446. {/block:Photoset}
  447.  
  448. {block:Quote}<h2>"{Quote}"</h2>{block:Source}{Source}{/block:Source}{/block:Quote}
  449.  
  450. {block:Link}<a href="{URL}" class="link" {Target}><h2>{Name}</h2></a>{block:Description}{Description}{/block:Description}{/block:Link}
  451.  
  452. {block:Chat}
  453. {block:Title}{Title}{/block:Title}
  454. {block:Lines}
  455. {block:Label}
  456. <div class="{Alt}"><span class="label"><strong>{Label}</strong></span>
  457. <span class="line">{Line}</span></div>
  458. {/block:Label}
  459. {/block:Lines}
  460. {/block:Chat}
  461.  
  462. {block:Video}
  463.  
  464. {block:IndexPage}
  465. <div class="video"><center>{Video-250}</center></div>
  466. {/block:IndexPage}
  467.  
  468. {block:PermalinkPage}
  469. <div class="video2"><center>{Video-500}</center></div>
  470. {Caption}
  471. {/block:PermalinkPage}
  472.  
  473. {/block:Video}
  474.  
  475.  
  476. {block:Audio}
  477. <div class="audio">{AudioPlayerBlack}</div>
  478. {Caption}
  479. {/block:Audio}
  480.  
  481.  
  482. {block:Answer}
  483. <div id="ask">{Asker}: {Question}</div>
  484. <p>{Answer}</p>
  485. {/block:Answer}
  486.  
  487.  
  488.  
  489.  
  490.  
  491. {block:PermalinkPage}{block:Date}
  492. <div id="permapage">
  493. 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}
  494. {block:Photo}{block:HighRes}<br>HighRes: <a href="{PhotoURL-HighRes}">view</a>{/block:HighRes}{/block:Photo}<br>{block:HasTags}<BR>Tagged: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  495. </div>{/block:Date}
  496. {/block:PermalinkPage}
  497.  
  498. {block:PostNotes}<div id="permapage">
  499. <h2>{NoteCount} Notes</h2>
  500. <br>{PostNotes}</div>{/block:PostNotes}
  501.  
  502. </div>
  503.  
  504.  
  505. {/block:Posts}
  506. </div>
  507.  
  508. <div id="top">
  509. <center><table width="70" border="0" cellspacing="0" cellpadding="0">
  510. <tr>
  511. <td width="10">{block:Pagination}
  512. {block:PreviousPage}<h3><a href="{PreviousPage}">◄</a></h3>{/block:PreviousPage}
  513. {/block:Pagination}</td>
  514. <td width="50"><center>{CurrentPage} of {TotalPages}</center></td>
  515. <td width="10">{block:Pagination}{block:NextPage}<h3><a href="{NextPage}">►</a></h3>{/block:NextPage}
  516. {/block:Pagination}</td>
  517. </tr>
  518. </table></center>
  519. <center><b><small>Theme By:</small></b> <a href="http://destroyer.tumblr.com"><small>Destroyer</small></a> / <a href="http://sleeplessthemes.tumblr.com"><small>Sleepless</small></a> <small>|</small> <b><small>Powered By:</small></b> <a href="http://tumblr.com"><small>Tumblr.com</small></a></center></div>
  520. </body>
  521. </html>
  522.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement