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