Advertisement
sleeplessthemes

Reprise

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