API tools faq
paste
Advertisement
heykevinn

Stupefy Theme

heykevinn
Sep 8th, 2012
10,445
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.88 KB | None | 0 0
raw download clone embed print report
  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">
  3. <head>
  4.  
  5. <!-- ----------------------------------------------
  6.  
  7. #4 STUPEFY THEME BY EXCOLO
  8. acrisolar.tumblr.com [main blog]
  9. excolo.tumblr.com [tumblr themes]
  10.  
  11. ---------------------------------------------- -->
  12.  
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  16. <meta name="viewport" content="width=820" />
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  20.  
  21. <meta name="color:background" content="#ffffff"/>
  22. <meta name="color:text" content="#727272"/>
  23. <meta name="color:links" content="#dfae7e"/>
  24. <meta name="color:hover" content="#928d87"/>
  25. <meta name="color:title background" content="#dfae7e"/>
  26. <meta name="color:title" content="#ffffff"/>
  27. <meta name="color:navs background" content="#dfae7e"/>
  28. <meta name="color:navs" content="#ffffff"/>
  29. <meta name="color:title hover" content="#928d87"/>
  30. <meta name="color:navs hover" content="#928d87"/>
  31. <meta name="color:accent" content="#dfae7e"/>
  32. <meta name="color:permalink background" content="#e9d3bb"/>
  33. <meta name="color:permalink text" content="#ffffff"/>
  34. <meta name="color:posts background" content="#ffffff"/>
  35. <meta name="color:back to top button" content="#dfae7e"/>
  36. <meta name="color:blockquote" content="#eeeeee"/>
  37. <meta name="color:header background" content="#f3f0e9"/>
  38. <meta name="color:header bottom" content="#dfae7e"/>
  39. <meta name="color:header text" content="#514e45"/>
  40.  
  41. <meta name="image:background" content="http://static.tumblr.com/sjl0ztp/tD0ma0i46/bgpicc.png"/>
  42.  
  43. <meta name="if:two columns" content="0"/>
  44. <meta name="if:full sized background" content="0"/>
  45. <meta name="if:show captions" content="1"/>
  46. <meta name="if:show archive link" content="1"/>
  47. <meta name="if:show rss link" content="0"/>
  48. <meta name="if:back to top button" content="1"/>
  49.  
  50. <meta name="text:ask label" content="message"/>
  51. <meta name="text:submit label" content="submit"/>
  52. <meta name="text:rss label" content="subscribe"/>
  53. <meta name="text:Google Analytics ID" content="" />
  54. <meta name="text:link 1 url" content="" />
  55. <meta name="text:link 1 title" content="" />
  56. <meta name="text:link 2 url" content="" />
  57. <meta name="text:link 2 title" content="" />
  58. <meta name="text:link 3 url" content="" />
  59. <meta name="text:link 3 title" content="" />
  60. <meta name="text:music player code" content="" />
  61.  
  62. <style type="text/css">
  63. body {
  64. margin: 0 0 20px 0;
  65. background-color: {color:Background};
  66. background-image:url({image:background});
  67. background-attachment: fixed;
  68. background-repeat: repeat;
  69. {block:iffullsizedbackground}background-size:100%;{/block:iffullsizedbackground}
  70. font-family: georgia, times new roman, serif;
  71. font-size: 10px;
  72. line-height:120%;
  73. color:{color:text};
  74. letter-spacing:0.5px;
  75. }
  76.  
  77. iframe#tumblr_controls {
  78. top: 5px !important;
  79. right: 5px !important;
  80. position: fixed !important;
  81. z-index:99999 !important;
  82. }
  83.  
  84. #container {
  85. margin-left: auto;
  86. margin-right: auto;
  87. width: 520px;
  88. text-align: center;
  89. }
  90.  
  91. a {
  92. color:{color:links};
  93. text-decoration:none;
  94. -webkit-transition: all 0.4s linear;
  95. -moz-transition: all 0.4s linear;
  96. transition: all 0.4s linear;
  97. }
  98.  
  99. a:hover {
  100. color:{color:hover};
  101. text-decoration:none;
  102. }
  103.  
  104. ::selection {
  105. color:#fff;
  106. background-color:{color:accent};
  107. }
  108. ::-moz-selection {
  109. color:#fff;
  110. background-color:{color:accent};
  111. }
  112.  
  113. #music {
  114. background:{color:posts background};
  115. position:fixed;
  116. bottom:0px;
  117. left:0px;
  118. padding:10px;
  119. width:20px;
  120. height:15px;
  121. overflow:hidden;
  122. -webkit-transition: all 0.3s ease;
  123. -moz-transition: all 0.3s ease;
  124. transition: all 0.3s ease;
  125. -webkit-border-radius: 0px 30px 0px 0px;
  126. -moz-border-radius: 0px 30px 0px 0px;
  127. border-radius: 0px 30px 0px 0px;
  128. }
  129.  
  130. #music:hover {
  131. width:250px;
  132. }
  133.  
  134. #music .inner {
  135. width:250px;
  136. }
  137.  
  138. #cage {
  139. width:830px;
  140. margin:0px auto;
  141. }
  142.  
  143. #headerblock {
  144. visibility:hidden;
  145. margin:0px auto 20px auto;
  146. }
  147.  
  148. #headerfixed {
  149. position:fixed;
  150. width:100%;
  151. z-index:9999;
  152. border-bottom:2px solid {color:header bottom};
  153. margin:0px auto 20px auto;
  154. background:{color:header background};
  155. opacity:0.85;
  156. -webkit-transition: all 0.3s ease;
  157. -moz-transition: all 0.3s ease;
  158. transition: all 0.3s ease;
  159. }
  160.  
  161. #headerfixed:hover {
  162. opacity:1;
  163. }
  164.  
  165. #header {
  166. background:{color:header background};
  167. color:{color:header text};
  168. padding:20px 0px;
  169. margin:0px auto 0px auto;
  170. text-align:center;
  171. width:830px;
  172. }
  173.  
  174. #header .navigations {
  175. margin-top:10px;
  176. }
  177.  
  178. #header .navigations a {
  179. background:{color:navs background};
  180. color:{color:navs};
  181. font-family:courier new;
  182. text-transform:uppercase;
  183. letter-spacing:2px;
  184. padding:0px 5px;
  185. -webkit-transition: all 0.2s ease;
  186. -moz-transition: all 0.2s ease;
  187. transition: all 0.2s ease;
  188. }
  189.  
  190. #header .navigations a:hover {
  191. background:{color:navs hover};
  192. }
  193.  
  194. #header .btitleouter {
  195. margin:0px 0px 15px 0px;
  196. }
  197.  
  198. #header span.btitle {
  199. background:{color:title background};
  200. font-family:courier new;
  201. font-weight:500;
  202. font-size:20px;
  203. color:{color:title};
  204. text-transform:uppercase;
  205. letter-spacing:3px;
  206. padding:0px 5px;
  207. -webkit-transition: all 0.2s ease;
  208. -moz-transition: all 0.2s ease;
  209. transition: all 0.2s ease;
  210. }
  211.  
  212. #header span.btitle:hover {
  213. background:{color:title hover};
  214. }
  215.  
  216. #content{
  217. {block:indexpage}{block:iftwocolumns}width: 560px;{/block:iftwocolumns}{block:ifnottwocolumns}width:840px;{/block:ifnottwocolumns}{/block:indexpage}
  218. {block:permalinkpage}width:520px;{/block:permalinkpage}
  219. height:100%;
  220. z-index:999;
  221. margin:0px auto;
  222. }
  223.  
  224. #entry {
  225. {block:indexpage}width: 250px;{/block:indexpage}
  226. {block:permalinkpage}width:500px;{/block:permalinkpage}
  227. position:relative;
  228. background:{color:posts background};
  229. margin:0px 10px 10px 0px;
  230. padding:10px;
  231. float:left;
  232. position:relative;
  233. overflow:hidden;
  234. }
  235.  
  236. .perma {
  237. position:absolute;
  238. background:{color:permalink background};
  239. margin:-10px 0px 0px -10px;
  240. width:100%;
  241. padding:2px 0px;
  242. text-align:center;
  243. bottom:-10px;
  244. opacity:0;
  245. -webkit-transition: all 0.5s ease;
  246. -moz-transition: all 0.5s ease;
  247. transition: all 0.5s ease;
  248. color:{color:permalink text};
  249. font-family:courier new;
  250. text-transform:uppercase;
  251. font-size:9px;
  252. letter-spacing:1px;
  253. }
  254.  
  255. #entry:hover .perma {
  256. bottom:0px;
  257. opacity:0.9;
  258. }
  259.  
  260. #entry .posttitle {
  261. font-size:15px;
  262. letter-spacing:3px;
  263. font-family:courier new;
  264. text-transform:uppercase;
  265. margin-top:5px;
  266. padding-left:10px;
  267. border-left:10px solid {color:accent};
  268. }
  269.  
  270. #entry .linktitle {
  271. font-size:15px;
  272. font-family:courier new;
  273. letter-spacing:3px;
  274. text-transform:uppercase;
  275. margin-top:5px;
  276. border-bottom-style: double;
  277. border-bottom-color:{color:links};
  278. line-height:150%;
  279. }
  280.  
  281. #entry .linktitle:hover {
  282. border-bottom-color:{color:hover};
  283. }
  284.  
  285. #entry .title{
  286. font-family:courier new;
  287. letter-spacing:3px;
  288. text-transform:uppercase;
  289. font-size: 15px;
  290. line-height: 15px;
  291. letter-spacing: 3px;
  292. font-weight: normal;
  293. padding:0px 0px 0px 0px;
  294. }
  295.  
  296. #entry .posttitle a, #entry .linktitle a, #entry .title a {
  297. color:{color:text};
  298. }
  299.  
  300. #entry .audioplayer {
  301. position:absolute;
  302. width:28px;
  303. height:28px;
  304. background:url(http://static.tumblr.com/sjl0ztp/1DNm957sg/border.png);
  305. padding:10px;
  306. overflow:hidden;
  307. top:111px;
  308. left:111px;
  309. }
  310.  
  311. #entry .audioplayer .inner {
  312. width:28px;
  313. overflow:hidden;
  314. }
  315.  
  316. blockquote{
  317. margin:0px 5px;
  318. padding:7px 10px;
  319. border-left: 2px solid {color:accent};
  320. border-right: 2px solid {color:accent};
  321. background:{color:blockquote};
  322. }
  323.  
  324. .postnotes ul, .postnotes ol, .postnotes li { list-style:none; margin:0px; padding:0px; }
  325. .postnotes li { padding:5px 0px; }
  326. .postnotes .avatar { margin-right:10px; }
  327. .chat ul, .chat ol, .chat li{list-style:none; margin-left:-40px; padding:0px;}
  328. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  329. .user_7 .label, .user_8 .label, .user_9 .label {font-weight:600;}
  330.  
  331. .notes img{
  332. width:10px;
  333. position:relative;
  334. top:3px;
  335. }
  336.  
  337. .photoset, .photoset_row, div.photoset_photo, .photoset img, .html_photoset {
  338. {block:IndexPage}
  339. width: 250px !important;
  340. {/block:IndexPage}
  341. }
  342.  
  343. .photo, div.photo, .photo img {
  344. {block:IndexPage}
  345. width:250px;
  346. display:block;
  347. {/block:IndexPage}
  348. }
  349.  
  350. .arrow-down {
  351. width: 0;
  352. height: 0;
  353. border-left: 10px inset transparent;
  354. border-right: 10px inset transparent;
  355. border-top: 10px solid {color:accent};
  356. margin:0px 0px 0px 20px;
  357. }
  358.  
  359. #infscr-loading {
  360. text-align: center;
  361. z-index: 100;
  362. position: fixed;
  363. left:50%;
  364. bottom: 20px;
  365. font-size:0px;
  366. background:#fff;
  367. padding:2px;
  368. -webkit-border-radius: 60px;
  369. -moz-border-radius: 60px;
  370. border-radius: 60px;
  371. width:48px;
  372. height:48px;
  373. }
  374.  
  375. #infscr-loading img {
  376. -webkit-border-radius: 60px;
  377. -moz-border-radius: 60px;
  378. border-radius: 60px;
  379. }
  380.  
  381. .q {
  382. font-family:georgia;
  383. font-size:40px;
  384. padding-top:10px;
  385. color:{color:accent};
  386. }
  387.  
  388. #top-link{
  389. position:fixed;
  390. bottom:15px;
  391. right:15px;
  392. margin:0px auto;
  393. font-size:20px;
  394. padding-top:5px;
  395. text-align:center;
  396. width:25px;
  397. height:20px;
  398. background:{color:back to top button};
  399. -webkit-border-radius: 100px;
  400. -moz-border-radius: 100px;
  401. border-radius: 100px;
  402. color:{color:background};
  403. }
  404.  
  405. .credit {
  406. position:fixed;
  407. font-family:times new roman;
  408. bottom:10px;
  409. left:10px;
  410. font-size:20px;
  411. opacity:1;
  412. }
  413.  
  414. .credit:hover {
  415. opacity:0.8;
  416. }
  417.  
  418. .credit a {
  419. color:{color:back to top button} !important;
  420. }
  421.  
  422. {CustomCSS}
  423.  
  424. </style>
  425.  
  426. </head>
  427. <body>
  428.  
  429. {block:ifbacktotopbutton}<a onclick="jQuery('html, body').animate( { scrollTop: 0 }, 'slow' );" href="javascript:void(0);"><div id="top-link">&uarr;</div></a>
  430. {/block:ifbacktotopbutton}
  431.  
  432. <div class="credit">
  433. <a href="http://excolo.tumblr.com" title="theme by excolo">E</a>
  434. </div>
  435.  
  436. {block:ifmusicplayercode}
  437. <div id="music">
  438. <div class="inner">
  439. <div style="float:left;"><img src="http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif">&nbsp;&nbsp;&nbsp;</div>
  440. <div style="float:left;">{text:music player code}</div>
  441. </div>
  442. </div>
  443. {/block:ifmusicplayercode}
  444.  
  445. <div id="headerfixed">
  446. <div id="header">
  447. <div class="btitleouter"><a href="/"><span class="btitle">{Title}</span></a></div>
  448. {Description}
  449. <div class="navigations">
  450. {block:askenabled}<a href="/ask">{text:ask label}</a>&nbsp;{/block:askenabled}
  451. {block:submissionsenabled}<a href="/submit">{text:submit label}</a>&nbsp;{/block:submissionsenabled}
  452. {block:ifshowarchivelink}<a href="/archive">archive</a>&nbsp;{/block:ifshowarchivelink}
  453. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>&nbsp;{/block:Pages}{/block:HasPages}
  454. {block:iflink1title}<a href="{text:link 1 url}">{text:link 1 title}</a>&nbsp;{/block:iflink1title}
  455. {block:iflink2title}<a href="{text:link 2 url}">{text:link 2 title}</a>&nbsp;{/block:iflink2title}
  456. {block:iflink3title}<a href="{text:link 3 url}">{text:link 3 title}</a>&nbsp;{/block:iflink3title}
  457. </div>
  458. </div>
  459. </div>
  460.  
  461. <div id="cage">
  462. <div id="headerblock">
  463. <div id="header">
  464. <div class="btitleouter"><a href="/"><span class="btitle">{Title}</span></a></div>
  465. {Description}
  466. <div class="navigations">
  467. {block:askenabled}<a href="/ask">{text:ask label}</a>&nbsp;{/block:askenabled}
  468. {block:submissionsenabled}<a href="/submit">{text:submit label}</a>&nbsp;{/block:submissionsenabled}
  469. {block:ifshowarchivelink}<a href="/archive">archive</a>&nbsp;{/block:ifshowarchivelink}
  470. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>&nbsp;{/block:Pages}{/block:HasPages}
  471. {block:iflink1title}<a href="{text:link 1 url}">{text:link 1 title}</a>&nbsp;{/block:iflink1title}
  472. {block:iflink2title}<a href="{text:link 2 url}">{text:link 2 title}</a>&nbsp;{/block:iflink2title}
  473. {block:iflink3title}<a href="{text:link 3 url}">{text:link 3 title}</a>&nbsp;{/block:iflink3title}
  474. </div>
  475. </div>
  476. </div>
  477.  
  478. <div id="content">
  479. {block:Posts}
  480. <div id="entry">
  481.  
  482. {block:indexpage}
  483. <a href="{Permalink}"><div class="perma">{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear} - {NoteCountWithLabel}</div></a>
  484. {/block:indexpage}
  485.  
  486. {block:Text}
  487. {block:Title}<div class="posttitle"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  488. {Body}
  489. {/block:Text}
  490.  
  491. {block:Link}
  492. <span class="linktitle"><a href="{URL}">{Name} &rarr;</a></span>
  493. {block:Description}{Description}{/block:Description}
  494. {block:Link}
  495.  
  496. {block:Photo}{block:IndexPage}{LinkOpenTag}<div class="photo"><img src="{PhotoURL-250}" alt="{alt}" title="{alt}" width="250px"/></div>{LinkCloseTag}{block:ifshowcaptions}{block:caption}{caption}{/block:caption}{/block:ifshowcaptions}{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width="500px"/>{LinkCloseTag}{/block:PermalinkPage}
  497. {/block:Photo}
  498.  
  499. {block:Quote}
  500. <table border="0"><tr><td style="vertical-align:top;"><div class="q">&ldquo;</div></td><td><span class="title"><a href="{permalink}">{Quote}</a></span> {block:Source}<p style="margin:5px 0px 0px 0px;text-align:right;">-- <b>{Source}</b></p>{/block:Source}</td></tr></table>
  501. {/block:Quote}
  502.  
  503. {block:Chat}
  504. {block:Title}<span class="title"><center>{Title}</center></span>{/block:Title}
  505. <ul class="chat">
  506. {block:Lines}
  507. <li class="user_{UserNumber}">
  508. {block:Label}
  509. <span class="label">{Label}</span>
  510. {/block:Label}
  511. {Line}
  512. </li>
  513. {/block:Lines}
  514. </ul>
  515. {/block:Chat}
  516.  
  517. {block:Answer}
  518. <div style="padding:5px;background:{color:accent};color:{color:posts background};">{Question}</div>
  519. <div class="arrow-down"></div>
  520. <div style="font-family:courier new;text-transform:uppercase;margin:5px 0px 0px 22px;"><img src="{AskerPortraitURL-16}"> {lang:Asked by Asker 2}</div>
  521. {Answer}
  522. {/block:Answer}
  523.  
  524. {block:Audio}
  525. {block:AudioPlayer}
  526. {block:AlbumArt}<div class="audioplayer"><div class="inner">{AudioPlayerBlack}</div></div><a href="{Permalink}"><img src="{AlbumArtURL}" width="250px" height="250px"></a>
  527. {/block:AlbumArt}
  528. <br /><br />
  529. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  530. {block:Album}<b>Album:</b> {Album}<br />{/block:Album}
  531. {block:TrackName}<b>Track:</b> {TrackName}<br />{/block:TrackName}
  532. {block:PlayCount}<b>Played:</b> {Playcount} times{/block:PlayCount}
  533. {/block:AudioPlayer}
  534. {/block:Audio}
  535.  
  536. {block:Video}
  537. {block:indexpage}{Video-250}{/block:indexpage}{block:permalinkpage}{Video-500}{/block:permalinkpage}
  538. {block:indexpage}{block:ifshowcaptions}{block:caption}{caption}{/block:caption}{/block:ifshowcaptions}{/block:indexpage}
  539. {block:Video}
  540.  
  541. </div>
  542. {/block:Posts}
  543.  
  544. {block:posts}
  545. {block:permalinkpage}
  546. {block:caption}<div id="entry">{caption}</div>{/block:caption}
  547. {block:date}<div id="entry">
  548. {lang:Posted TimeAgo with NoteCount notes}<br />{block:RebloggedFrom}{lang:Reblogged from ReblogParentName 2}<br />
  549. {lang:Originally from ReblogRootName 2}<br />{/block:RebloggedFrom}
  550. {block:ContentSource}&copy; <a href="{SourceURL}">{SourceTitle}</a><br />{/block:ContentSource}
  551. {block:HasTags}{lang:Tagged with} {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  552. </div>{/block:date}
  553. {block:PostNotes}<div id="entry"><span class="postnotes">{PostNotes}</span></div>{/block:PostNotes}
  554. {/block:permalinkpage}
  555. {/block:posts}
  556. </div>
  557. </div>
  558.  
  559.  
  560. <nav id="page-nav">
  561. {block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}</nav>
  562.  
  563. <script src="http://static.tumblr.com/ihdmiub/fXOm2ke05/jquery-1.7.1.min.js"></script>
  564. <script src="http://static.tumblr.com/ihdmiub/e8tm2kdze/jquery.masonry.min.js"></script>
  565. <script src="http://static.tumblr.com/ihdmiub/Noam2kdyo/jquery.infinitescroll.min.js"></script>
  566. <script>
  567. $(function(){
  568.  
  569. var $container = $('#content');
  570.  
  571. $container.imagesLoaded(function(){
  572. $container.masonry({
  573. itemSelector: '#entry',
  574. columnWidth: 0
  575. });
  576. });
  577.  
  578. $container.infinitescroll({
  579. navSelector : '#page-nav', // selector for the paged navigation
  580. nextSelector : '#page-nav a', // selector for the NEXT link (to page 2)
  581. itemSelector : '#entry', // selector for all items you'll retrieve
  582. loading: {
  583. finishedMsg: 'No more pages to load.',
  584. img: 'http://24.media.tumblr.com/tumblr_m3j5g3KlEm1r0fipko8_r1_100.gif'
  585. }
  586. },
  587. // trigger Masonry as a callback
  588. function( newElements ) {
  589. // hide new items while they are loading
  590. var $newElems = $( newElements ).css({ opacity: 0 });
  591. // ensure that images load before adding to masonry layout
  592. $newElems.imagesLoaded(function(){
  593. // show elems now they're ready
  594. $newElems.animate({ opacity: 1 });
  595. $container.masonry( 'appended', $newElems, true );
  596. });
  597. }
  598. );
  599.  
  600. });
  601. </script>
  602.  
  603.  
  604. {block:IfGoogleAnalyticsID}
  605. <script>
  606. var _gaq=[['_setAccount','{text:Google Analytics ID}'],['_trackPageview']];
  607. (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
  608. g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
  609. s.parentNode.insertBefore(g,s)}(document,'script'));
  610. </script>
  611. {/block:IfGoogleAnalyticsID}
  612.  
  613. </body>
  614. </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!