API tools faq
paste
Advertisement
sleeplessthemes

Visualist

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