Advertisement
sleeplessthemes

Eureka Theme

Aug 7th, 2012
7,803
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.25 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. Eureka Theme by: destroyer.tumblr.com | sleeplessthemes.com
  8. Eureka Theme by: destroyer.tumblr.com | sleeplessthemes.com
  9. Eureka Theme by: destroyer.tumblr.com | sleeplessthemes.com
  10. Eureka Theme by: destroyer.tumblr.com | sleeplessthemes.com
  11. Eureka Theme by: destroyer.tumblr.com | sleeplessthemes.com
  12. Eureka Theme by: destroyer.tumblr.com | sleeplessthemes.com
  13. -->
  14.  
  15. <html>
  16. <head>
  17. <!-- DEFAULT COLORS -->
  18. <meta name="color:background" content="#f0d4b8"/>
  19. <meta name="color:post" content="#dfc7ae"/>
  20. <meta name="color:sidebar" content="#f9ecda"/>
  21. <meta name="color:sidebar border" content="#dfc7ae"/>
  22. <meta name="color:sidebar text" content="#676158"/>
  23. <meta name="color:sidebar bold text" content="#000000"/>
  24. <meta name="color:sidebar link" content="#000000"/>
  25. <meta name="color:sidebar link hover" content="#9b9b9b"/>
  26. <meta name="color:Text" content="#676158"/>
  27. <meta name="color:text headers" content="#322e28"/>
  28. <meta name="color:bold text" content="#322e28"/>
  29. <meta name="color:label background" content="#d2baa1"/>
  30. <meta name="color:link" content="#f9ecda"/>
  31. <meta name="color:link hover" content="#322e28"/>
  32. <meta name="color:notes" content="#322e28"/>
  33. <meta name="color:notes hover" content="#f9ecda"/>
  34. <meta name="color:notes background" content="#d2baa1"/>
  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. position:absolute;
  96. z-index:1000;
  97. background-color: transparent;
  98. margin-top:10px;
  99. width:502px;
  100. overflow: visible;
  101. margin-left: -110px;
  102. left:50%;
  103. padding:4px;
  104. color: {color:Text};
  105. font-family: {font:Body};
  106. font-size: {text:Font Size};
  107. line-height: 12px; }
  108.  
  109. #entry {
  110. box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.4);
  111. position: relative;
  112. float:left;
  113. z-index:6;
  114. background-color: {color:post};
  115. overflow: visible;
  116. width:400px;
  117. height: auto;
  118. padding: 6px;
  119. margin:0px 0px 20px 0px;}
  120.  
  121.  
  122. #info {
  123. box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.4);
  124. position: relative;
  125. float:left;
  126. z-index:6;
  127. background-color: {color:post};
  128. overflow: visible;
  129. width:400px;
  130. height: auto;
  131. padding: 6px;
  132. margin:0px 0px 20px 0px;}
  133.  
  134. #notes {
  135. box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.4);
  136. position: relative;
  137. float:left;
  138. z-index:6;
  139. background-color: {color:post};
  140. overflow: visible;
  141. width:400px;
  142. height: auto;
  143. padding: 6px;
  144. margin:0px 0px 20px 0px;}
  145.  
  146.  
  147. #sidebar {
  148. border-right: 3px solid {color:sidebar border};
  149. overflow:hidden;
  150. top:0px;
  151. margin-left:-276px;
  152. left:50%;
  153. position:fixed;
  154. background-color:{color:sidebar};
  155. width: 128px;
  156. height: 100%;
  157. padding: 6px;
  158. color:{color:sidebar text};}
  159.  
  160. #sidebar b {
  161. color:{color:sidebar bold text};}
  162.  
  163. #sidebar a {
  164. color:{color:sidebar link};}
  165.  
  166. #sidebar a:hover {
  167. color:{color:sidebar link hover};}
  168.  
  169. p{
  170. margin-top:0px;
  171. margin-bottom:0px;}
  172.  
  173. #question{
  174. overflow:SHOW;
  175. padding-bottom:3px;
  176. margin-bottom:3px;}
  177.  
  178. #askr{
  179. display:block;
  180. float:left;
  181. width:33px;
  182. overflow:hidden;
  183. margin-right:3px;}
  184.  
  185. ul {
  186. list-style: disc;
  187. padding: 4px 0px 6px 20px;}
  188.  
  189. blockquote{padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:label background};}
  190.  
  191. blockquote img{display:block; width:100%;}
  192.  
  193. blockquote p{padding:0px; margin:0px;}
  194.  
  195. blockquote blockquote{position:relative; left:6px; margin-top:0px; margin-right:0px; padding-right:0px;}
  196.  
  197. #bottominfo{
  198. padding:2px 0px 0px 0px;
  199. display:block;}
  200.  
  201. .answer p{margin:0px;}
  202. .notes img{
  203. width:10px;
  204. position:relative;
  205. top:1px;}
  206.  
  207. ol.notes, .notes li{
  208. list-style:none;
  209. margin:0px;
  210. padding:0px;}
  211.  
  212. small {font-size:8px; line-height:8px; letter-spacing:0px;}
  213. big {font-family:arial black; color:{color:text}; font-size:14px;}
  214.  
  215.  
  216.  
  217. a img{border:none;}
  218.  
  219. .label {
  220. color: {color:bold text};font-weight: bold; line-height:12px;}
  221.  
  222. .odd {
  223. background-color: {color:label background};}
  224.  
  225. h2 {
  226. font-size: 16px;
  227. line-height: 16px;
  228. font-family: impact;
  229. font-weight:normal;
  230. text-transform: uppercase;
  231. letter-spacing: -1px;
  232. color: {color:text headers};
  233. text-align:left;}
  234.  
  235.  
  236. a.links1 {
  237. color:{color:text headers};
  238. width:128px;
  239. height:20px;
  240. border-right:8px solid {color:notes background};
  241. float:left;
  242. text-align:center;
  243. text-transform: uppercase;
  244. font-family:consolas;
  245. font-weight:bold;
  246. font-size:8px;
  247. line-height:22px;
  248. letter-spacing:1px;
  249. -webkit-transition-property:color, text;
  250. -webkit-transition-duration: .2s;
  251. -moz-transition-duration: .2s;
  252. -webkit-transition-timing-function: linear, ease-in;
  253. margin-bottom:4px;
  254. background-color:{color:post};}
  255.  
  256.  
  257. a.links1:hover {
  258. width:110px;
  259. border-right:26px solid {color:notes background};
  260. -webkit-transition-duration: .2s;
  261. -moz-transition-duration: .2s;}
  262.  
  263.  
  264. #ask {
  265. color: {color:Text};
  266. -moz-border-radius: 6px; /* Firefox */
  267. -webkit-border-radius: 6px; /* Safari, Chrome */
  268. border-radius: 6px; /* CSS3 */
  269. behavior: url(http://static.tumblr.com/eptm5us/QyKlzgosw/border-radius.htc);
  270. font-size:10px;
  271. line-height:12px;
  272. background-color: {color:notes background};
  273. padding:10px;
  274. margin-bottom:8px;}
  275.  
  276.  
  277. img.middle {
  278. vertical-align:middle;
  279. margin-bottom:3px;}
  280.  
  281.  
  282.  
  283. a.notez {
  284. color: {color:notes};
  285. font-family: consolas;
  286. font-size: 8px;
  287. line-height: 10px;
  288. letter-spacing:2px;
  289. text-transform: uppercase;
  290. -webkit-transition-property:color, text;
  291. -webkit-transition-duration: .2s;
  292. -moz-transition-duration: .2s;
  293. -webkit-transition-timing-function: linear, ease-in;}
  294.  
  295. a.notez:hover {color: {color:notes hover};
  296. -webkit-transition-duration: .2s;
  297. -moz-transition-duration: .2s;}
  298.  
  299.  
  300. .audio {
  301. height: 28px;
  302. width: 26px;
  303. overflow: hidden;
  304. margin: auto;
  305. padding-top: 7px;}
  306.  
  307. .audioc {
  308. background-image:url('http://static.tumblr.com/f1whv92/9iCl6bfgp/audiocircle.png');
  309. background-repeat: no-repeat;
  310. height: 41px;
  311. width: 41px;}
  312.  
  313. {CustomCSS}
  314. </style>
  315.  
  316. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  317.  
  318. <script type="text/javascript" src="http://static.tumblr.com/j4dtzbm/TKllubdk7/scrolltopcontrol.js"></script>
  319.  
  320. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  321.  
  322. </head>
  323.  
  324.  
  325. <body>
  326.  
  327. <div id="wtf">
  328.  
  329. <div style="top:200px; position:fixed; z-index:10000; margin-left:-440px; left:50%; width:128px; height:128px; border: 6px solid {color:sidebar};
  330. -moz-border-radius: 128px; /* Firefox */
  331. -webkit-border-radius: 128px; /* Safari, Chrome */
  332. border-radius: 128px; /* CSS3 */
  333. box-shadow: 0px 0px 5px rgba(0,0,0,0.2);">
  334. <a href="http://{name}.tumblr.com"><img src="{PortraitURL-128}" width="128" height="128" style="-moz-border-radius: 128px; /* Firefox */
  335. -webkit-border-radius: 128px; /* Safari, Chrome */
  336. border-radius: 128px; /* CSS3 */" ></a></div>
  337.  
  338.  
  339. <div style="top:350px; position:fixed; z-index:10000; margin-left:-440px; left:50%; width:128px;">
  340. <center>
  341. <a href="http://{name}.tumblr.com" class="links1">Home</a>
  342. {block:AskEnabled}<a href="/ask" class="links1">Ask</a>{/block:AskEnabled}
  343.  
  344. {block:SubmissionsEnabled}<a href="/submit" class="links1">Submit</a>{/block:SubmissionsEnabled}
  345.  
  346. {block:HasPages}
  347. {block:Pages}
  348. <a href="{URL}" class="links1">{Label}</a>
  349. {/block:Pages}
  350. {/block:HasPages}
  351.  
  352. {block:ifCustomLinkOneTitle}<a href="{text:Custom Link One}" class="links1">{text:Custom Link One Title}</a>{/block:ifCustomLinkOneTitle}
  353.  
  354. {block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}" class="links1">{text:Custom Link Two Title}</a>{/block:ifCustomLinkTwoTitle}
  355.  
  356. {block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}" class="links1">{text:Custom Link Three Title}</a>{/block:ifCustomLinkThreeTitle}
  357.  
  358. {block:ifCustomLinkFourTitle}<a href="{text:Custom Link Four}" class="links1">{text:Custom Link Four Title}</a>{/block:ifCustomLinkFourTitle}
  359. <a href="http://sleeplessthemes.com" class="links1">Theme</a>
  360. </center>
  361. </div>
  362.  
  363. <div id="sidebar">
  364.  
  365. {block:IfPortraitImage}
  366. <a href="http://{name}.tumblr.com"><img src="{image:Portrait}" width="128" style="padding-bottom:4px;"></a>
  367. {/block:IfPortraitImage}
  368.  
  369.  
  370.  
  371.  
  372.  
  373.  
  374. {block:Description}<div style="padding-bottom:6px;">{Description}</div>{/block:Description}
  375.  
  376.  
  377.  
  378. {block:Pagination}<br>
  379. <center><table width="128" border="0" cellspacing="0" cellpadding="0">
  380. <tr>
  381. <td width="64">
  382. {block:PreviousPage}<div align="left"><a href="{PreviousPage}">◄ Previous</a></div>{/block:PreviousPage}
  383. </td>
  384.  
  385. <td width="64">{block:NextPage}<div align="right"><a href="{NextPage}">Next ►</a></div>{/block:NextPage}
  386. </td>
  387. </tr>
  388. </table></center>
  389. {/block:Pagination}
  390.  
  391. </div>
  392.  
  393.  
  394. <div class="autopagerize_page_element">
  395. {block:Posts}
  396. <div id="entry">
  397.  
  398.  
  399.  
  400. {block:Text}<h2>{Title}</h2>{Body}{/block:Text}
  401.  
  402. {block:Photo}
  403. {block:IndexPage}
  404. <center><a href="{permalink}"><img src="{PhotoURL-500}" width="400" border="0"></a></center>
  405. {block:IfShowPhotoCaption}{block:Caption}<div style="padding-top:6px;">{Caption}</div>{/block:Caption}{/block:IfShowPhotoCaption}
  406. {/block:IndexPage}
  407.  
  408. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" width="400" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photo}
  409.  
  410. {block:Photoset}<center>{block:IndexPage}{Photoset-400}
  411. {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}
  412.  
  413. {block:Quote}<h2>"{Quote}"</h2>{block:Source}{Source}{/block:Source}{/block:Quote}
  414.  
  415. {block:Link}<a href="{URL}" class="link" {Target}><h2>{Name}</h2></a>{block:Description}{Description}{/block:Description}{/block:Link}
  416.  
  417. {block:Chat}
  418. {block:Title}{Title}{/block:Title}
  419. {block:Lines}
  420. {block:Label}
  421. <div class="{Alt}"><span class="label"><strong>{Label}</strong></span>
  422. <span class="line">{Line}</span></div>
  423. {/block:Label}
  424. {/block:Lines}
  425. {/block:Chat}
  426.  
  427. {block:Video}<center>{block:IndexPage}<div id="video">{Video-400}</div>{block:IfNotHidePhotoCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfNotHidePhotoCaption}{/block:IndexPage}
  428.  
  429. {block:PermalinkPage}<div id="video">{Video-400}</div>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}</center>
  430. {/block:Video}
  431.  
  432. {block:Audio}
  433. <center>
  434. <div class="audioc">
  435. <div class="audio">{AudioPlayerBlack}</div>
  436. </div>
  437. </center>
  438.  
  439. {block:Caption}<div style="padding-top:6px;">{Caption}</div>{/block:Caption}
  440. {/block:Audio}
  441.  
  442. {block:Answer}
  443. <div id="ask"><img src="{AskerPortraitURL-24}" style="width:24px; height:24px; vertical-align:middle; padding-right:4px;">{Asker} Asked: {Question}</div>
  444. <p>{Answer}</p>
  445. {/block:Answer}
  446.  
  447. {block:IndexPage}
  448. <div style="background-color:{color:notes background}; width:auto; height:12px; padding-top:2px; padding-bottom:4px; margin-top:4px;
  449. "><center><a href="{Permalink}" class="notez">{NoteCountWithLabel}</a> - <a href="{Permalink}" class="notez">{TimeAgo}</a> - <a href="{ReblogURL}" class="notez">Reblog</a></center></div>{/block:IndexPage}
  450.  
  451. </div>
  452.  
  453.  
  454. {block:PermalinkPage}
  455. {block:Date}
  456. <div id="info"><div id="bottominfo">
  457.  
  458. 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}
  459.  
  460. {block:Photo}{block:HighRes}<br>HighRes: <a href="{PhotoURL-HighRes}">view</a>{/block:HighRes}{/block:Photo}
  461.  
  462. {block:Answer}<BR>Ask: <a href="/ask">{AskLabel}</a>{/block:Answer}
  463.  
  464. {block:Audio}<BR>Plays: {FormattedPlayCount}{block:ExternalAudio}<BR>Download: <a href="{ExternalAudioURL}">here</a>.{/block:ExternalAudio}{/block:Audio}
  465.  
  466. {block:HasTags}<BR>Tagged: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{block:NoteCount}<BR>Notes: {NoteCount}{/block:NoteCount}
  467.  
  468. </div></div>
  469. {/block:Date}
  470. {/block:PermalinkPage}
  471.  
  472.  
  473. {block:PostNotes}
  474. <div id="notes">{PostNotes}</div>
  475. {/block:PostNotes}
  476.  
  477. {/block:Posts}
  478. </div> </*Infinite Scroll*/>
  479. </div> </*WTF*/>
  480.  
  481. </body>
  482. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement