API tools faq
paste
Advertisement
thesharwhal

Theme 8

thesharwhal
Jan 14th, 2013
2,712
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.51 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <script type="text/javascript"
  4. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  5.  
  6. <!--theme 8 by sharon
  7. __ ____ ____ ___ ____ ___ ______ ______ ___ _____
  8. / ]| | / | / _]| \ / _] || | / _]/ ___/
  9. / / | | | __| / [_ | D ) / [_| || | / [_( \_
  10. / / | | | | || _]| / | _]_| |_||_| |_|| _]\__ |
  11. / \_ | | | |_ || [_ | \ | [_ | | | | | [_ / \ |
  12. \ | | | | || || . \| | | | | | | |\ |
  13. \____||____||___,_||_____||__|\_||_____| |__| |__| |_____| \___|
  14.  
  15. leave a minimum of one credit on the blog or i will report you-->
  16.  
  17. <meta name="color:Background" content="#ffffff"/>
  18. <meta name="color:Text" content="#000000"/>
  19. <meta name="color:Link" content="#ffffff"/>
  20. <meta name="color:Blockquote" content="#eeeeee"/>
  21. <meta name="color:Stripes Text Color" content="#FFFFFF" />
  22. <meta name="color:Stripes Hover Color" content="#000000" />
  23. <meta name="color:Stripes Background Color" content="#000000" />
  24.  
  25. <meta name="font:Font" content="Helvetica Neue" />
  26.  
  27. <meta name="if:One Column" content="0"/>
  28. <meta name="if:Two Columns" content="0"/>
  29. <meta name="if:Three Columns" content="0"/>
  30. <meta name="if:Four Columns" content="1"/>
  31.  
  32.  
  33. <meta name="image:Background" content="0"/>
  34.  
  35.  
  36. <style type="text/css">
  37.  
  38. #tumblr_controls{
  39. position:fixed !important;
  40. top:55px;
  41. }
  42.  
  43. body {
  44. padding:0px;
  45. margin: 0px;
  46. color:{color:text};
  47. font-family: {font:font};
  48. font-size: 14px;
  49. line-height:15px;
  50. background-color: {color:Background};
  51. background-image:url({image:Background});
  52. background-size: cover;
  53. background-attachment: fixed;
  54. background-repeat: no-repeat;
  55. }
  56.  
  57. a:link, a:active, a:visited{
  58. color:{color:link};
  59. text-decoration:none;
  60. }
  61.  
  62. a:hover{
  63. text-decoration:underline;
  64. }
  65.  
  66. blockquote { border-left: 3px solid; padding-left: 15px; margin-left: 10px; font-style: italic; }
  67. blockquote img{width:250px;height:auto;}
  68.  
  69.  
  70. .stripe1 {
  71. position: fixed;
  72. color: {color:Stripes Text Color};
  73. top: 0;
  74. background-color: {color:Stripes Background Color};
  75. z-index: 16;
  76. padding: 13px 0 13px 0;
  77. width: 100%;
  78. text-align: center;
  79. }
  80.  
  81. .stripe2 {
  82. position: fixed;
  83. color: {color:Stripes Text Color};
  84. bottom: 0;
  85. background-color: {color:Stripes Background Color};
  86. z-index: 16;
  87. padding: 10px 0 10px 0;
  88. padding: 10px;
  89. width: 100%;
  90. text-align: center;
  91. }
  92.  
  93.  
  94. .stripe1 a, .stripe2 a {
  95. color: {color:Stripes Text Color};
  96. text-decoration: none;
  97. }
  98.  
  99. .stripe1 a:hover, .stripe2 a:hover {
  100. background-color: {color:Stripes Hover Color};
  101. text-decoration: underline;
  102. }
  103.  
  104. .stripe1 ul, .stripe2 ul {
  105. margin: 0;
  106. padding: 0;
  107. }
  108.  
  109. .stripe1 li, .stripe2 li {
  110. list-style-type: none;
  111. display: inline-block;
  112. }
  113.  
  114. .stripe1 li:after, .stripe2 li:after {
  115. content: ' | ';
  116. }
  117.  
  118. .stripe1 li:last-child:after, .stripe2 li:last-child:after {
  119. content: '';
  120. }
  121.  
  122. .entry {
  123. float:left;
  124. margin-bottom:10px;
  125. background-color: transparent;
  126. padding-top:10px;
  127. padding-left:10px;
  128. padding-right:10px;
  129. padding-bottom:9px;
  130. width:280px;
  131. {block:PermalinkPage}width:320px; margin-left:45px;text-align:left;{/block:PermalinkPage}
  132. }
  133.  
  134. #posts {
  135. width: 300px;
  136. float:center;
  137. margin-left:475px;
  138. {block:iftwocolumns}
  139. width: 700px;
  140. float:center;
  141. margin-left:330px;
  142. {/block:iftwocolumns}
  143. {block:ifthreecolumns}
  144. width: 900px;
  145. float:center;
  146. margin-left:165px;
  147. {/block:ifthreecolumns}
  148. {block:iffourcolumns}
  149. width: 1200px;
  150. float:center;
  151. margin-left:25px;
  152. {/block:iffourcolumns}
  153. padding:10px;
  154. padding-top:80px;
  155. padding-top:100px;
  156. background-image:url({image:postsbackground});
  157. background-attachment: fixed;
  158. background-repeat: repeat;
  159. {block:permalinkpage}
  160. width:300px;
  161. margin-left:435px;
  162. {/block:permalinkpage}
  163. }
  164.  
  165. .entry #permalink{
  166. position:absolute;
  167. padding:8px;
  168. opacity:0.0;
  169. margin-left:100px;
  170. margin-bottom:7px;
  171. width:auto;
  172. height:auto;
  173. background-color:gray;
  174. text-align:center;
  175. -webkit-transition: all .6s ease;
  176. -moz-transition: all .6s ease;
  177. -o-transition: all .6s ease;
  178. transition: all .6s ease;
  179. }
  180.  
  181. .entry:hover #permalink{
  182. opacity:0.85;
  183. margin-left:0px;
  184. -webkit-transition: all .6s ease;
  185. -moz-transition: all .6s ease;
  186. -o-transition: all .6s ease;
  187. transition: all .6s ease;
  188. }
  189.  
  190. .entry:hover #permalink:hover{
  191. opacity:1;
  192. -webkit-transition: all .6s ease;
  193. -moz-transition: all .6s ease;
  194. -o-transition: all .6s ease;
  195. transition: all .6s ease;
  196. }
  197.  
  198. .entry #permalink2{
  199. position:absolute;
  200. opacity:0.0;
  201. padding:8px;
  202. overflow:hidden;
  203. right:100px;
  204. margin-right:7px;
  205. margin-bottom:7px;
  206. width:auto;
  207. height:auto;
  208. background-color:gray;
  209. text-align:center;
  210. -webkit-transition: all .6s ease;
  211. -moz-transition: all .6s ease;
  212. -o-transition: all .6s ease;
  213. transition: all .6s ease;
  214. }
  215.  
  216. .entry:hover #permalink2{
  217. opacity:0.85;
  218. right:3px;
  219. -webkit-transition: all .6s ease;
  220. -moz-transition: all .6s ease;
  221. -o-transition: all .6s ease;
  222. transition: all .6s ease;
  223. }
  224.  
  225. .entry:hover #permalink2:hover{
  226. opacity:1;
  227. -webkit-transition: all .6s ease;
  228. -moz-transition: all .6s ease;
  229. -o-transition: all .6s ease;
  230. transition: all .6s ease;
  231. }
  232.  
  233. .reblog-button {
  234. background: url(http://static.tumblr.com/beiywxc/WT5m6ldd0/tumblr_reblog_black.png);
  235. display: inline-block;
  236. width: 21px;
  237. height: 19px;
  238. vertical-align:top;
  239. opacity:0.5;
  240. }
  241. .reblog-button:hover {
  242. background: url(http://static.tumblr.com/beiywxc/3iIm6lfn5/tumblr_reblog_green.png);
  243. opacity:1;
  244. }
  245.  
  246. .my-like {
  247. background-image: url(http://static.tumblr.com/beiywxc/tr5m6ldc9/tumblr_heart_black.png) !important;
  248. height:17px;
  249. width:19px;
  250. cursor:pointer;
  251. display:inline-block;
  252. vertical-align:top;
  253. opacity:0.5;
  254. }
  255. .my-liked, .my-like:hover {
  256. background-image: url(http://static.tumblr.com/beiywxc/a7Xm6lddk/tumblr_heart_red.png) !important;
  257. height:17px;
  258. width:19px;
  259. cursor:pointer;
  260. display:inline-block;
  261. vertical-align:top;
  262. opacity:1;
  263. }
  264.  
  265. .my-liketext {
  266. display: inline;
  267. font-size: 9px;
  268. line-height:9px;
  269. text-align: right;
  270. padding: 0px;
  271. margin: 2px;
  272. }
  273. .my-likedtext, .my-liketext:hover {
  274. color: red;
  275. display: inline;
  276. font-size: 9px;
  277. line-height:9px;
  278. text-decoration:underline;
  279. text-align: right;
  280. padding: 0px;
  281. margin: 2px;
  282. }
  283.  
  284. .question {
  285. text-align:left;
  286. padding-left:5px;padding-top:7px;
  287. padding-right:5px;padding-bottom:7px;
  288. border-left: 2px solid {color:Link};
  289. border-right: 2px solid {color:Link};
  290. background-color:{color:blockquote};
  291. }
  292.  
  293. .answer {
  294. text-align:left;
  295. padding-left:5px;padding-top:7px;
  296. padding-right:5px;padding-bottom:7px;
  297. }
  298.  
  299. .textpermalink{
  300. display: block;
  301. font-size: 9px;
  302. line-height:9px;
  303. text-transform: uppercase;
  304. text-align: right;
  305. padding: 0px;
  306. margin: 2px;
  307. }
  308.  
  309. .title {
  310. color:{color:links};
  311. text-transform:uppercase;
  312. text-decoration:underline;
  313. }
  314.  
  315.  
  316.  
  317. </style>
  318. {block:IndexPage}
  319.  
  320.  
  321. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  322. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  323.  
  324. <script type="text/javascript">
  325. $(window).load(function () {
  326. var $content = $('#posts');
  327. $content.masonry({itemSelector: '.entry'}),
  328. $content.infinitescroll({
  329. navSelector : '#pagination',
  330. nextSelector : '#pagination a#nextPage',
  331. itemSelector : '.entry',
  332. loading: {
  333. finishedMsg: '',
  334. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  335. },
  336. bufferPx : 600,
  337. debug : false,
  338. },
  339. // call masonry as a callback.
  340. function( newElements ) {
  341. var $newElems = $( newElements );
  342. $newElems.hide();
  343. // ensure that images load before adding to masonry layout
  344. $newElems.imagesLoaded(function(){
  345. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  346.  
  347.  
  348. });
  349. });
  350. });
  351. </script>
  352.  
  353. <script>
  354. window.onload = function () {
  355. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  356. document.addEventListener( 'click', function ( event ) {
  357. var myLike = event.target;
  358. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  359. var frame = document.getElementById( 'my-like-frame' ),
  360. liked = ( myLike.className == 'my-liked' ),
  361. command = liked ? 'unlike' : 'like',
  362. reblog = myLike.getAttribute( 'data-reblog' ),
  363. id = myLike.getAttribute( 'data-id' ),
  364. oauth = reblog.slice( -8 );
  365. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  366. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  367. };
  368. }, false );
  369. };
  370. </script>
  371.  
  372.  
  373. <script>
  374. window.onload = function () {
  375. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-liketext-frame" style="display:none;"></iframe>' );
  376. document.addEventListener( 'click', function ( event ) {
  377. var myLike = event.target;
  378. if( myLike.className.indexOf( 'my-liketext' ) > -1 ) {
  379. var frame = document.getElementById( 'my-liketext-frame' ),
  380. liked = ( myLike.className == 'my-likedtext' ),
  381. command = liked ? 'unlike' : 'like',
  382. reblog = myLike.getAttribute( 'data-reblog' ),
  383. id = myLike.getAttribute( 'data-id' ),
  384. oauth = reblog.slice( -8 );
  385. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  386. liked ? myLike.className = 'my-liketext' : myLike.className = 'my-likedtext';
  387. };
  388. }, false );
  389. };
  390. </script>{customcss}
  391. {/block:IndexPage}
  392. <title>{title}</title>
  393.  
  394. <link rel="shortcut icon" href="{Favicon}">
  395. <meta name="viewport" content="width=820" />
  396. </head>
  397. <body>
  398. <div class="stripe1">
  399. <ul>
  400. <li><a href="/"><b>{Title}</b></a></li>
  401.  
  402. {block:AskEnabled}<li><a href="/ask">ask</a></li>{/block:AskEnabled}
  403. {block:SubmitEnabled}<li><a href="/Submit">{SubmitLabel}</a></li>{/block:SubmitEnabled}{block:HasPages}{block:Pages}
  404. <li><a href="{URL}">{Label}</a></li>
  405. {/block:Pages}{/block:HasPages}
  406. {block:TagPage}<li>Filed under <b>#<a href="{TagURL}">{Tag}</a></b></li>{/block:TagPage}
  407.  
  408.  
  409.  
  410. <li><a href="http://cigerettes.tumblr.com/">theme</a></li>
  411.  
  412. </ul>
  413. </div>
  414.  
  415.  
  416. <div class="stripe2">
  417. {description}&nbsp;<br>
  418. <ul>
  419. </div>
  420.  
  421. {block:PermalinkPagination}<div class="stripe2" style="padding:15px;"><ul>
  422. {block:NextPost}<li><b><a href="{NextPost}">&larr; Next</a></b></li>{/block:NextPost}
  423. {block:PreviousPost}<li><b><a href="{PreviousPost}">Prev &rarr;</a></b></li>
  424. {/block:PreviousPost}</ul></div>{/block:PermalinkPagination}
  425. <div id="posts">
  426.  
  427. {block:Posts}
  428. <div class="entry">
  429.  
  430. {block:Text}
  431. {block:Title}<span class="title"><a href="{permalink}">{Title}</a></span>{/block:Title}
  432. <span class="wordpost">{Body}</span></a>
  433. {block:IndexPage}
  434. <div class="textpermalink"><a href="{Permalink}">{NoteCount}</a> / <a href="{ReblogURL}" target="_blank">reblog</a> / <div class="my-liketext" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like">like</div></div>
  435. {/block:IndexPage}
  436. {/block:Text}
  437.  
  438. {block:Link}
  439. <a href="{URL}" class="title">→ {Name}</a>
  440. {block:Description}{Description}{/block:Description}
  441. {block:IndexPage}
  442. <div class="textpermalink"><a href="{Permalink}">{NoteCount}</a> / <a href="{ReblogURL}" target="_blank">reblog</a> / <div class="my-liketext" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like">like</div></div>
  443. {/block:IndexPage}
  444. {block:Link}
  445.  
  446. {block:Photo}
  447. {block:IndexPage}
  448. <div id="permalink"><a href="{ReblogURL}" title="Reblog" target="_blank"><div class="reblog-button"></div></a></div>
  449. <div id="permalink2"><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div>
  450. </div>
  451. {/block:IndexPage}
  452. {block:IndexPage}
  453. {LinkOpenTag}
  454. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>{LinkCloseTag}{/block:IndexPage}
  455. {block:PermalinkPage}{LinkOpenTag}<center><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="310"/></center>{LinkCloseTag}{/block:PermalinkPage}
  456. {/block:Photo}
  457.  
  458. {block:Photoset}{block:IndexPage}
  459. <div id="permalink"><a href="{ReblogURL}" title="Reblog" target="_blank"><div class="reblog-button"></div></a></div>
  460. <div id="permalink2"><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div>
  461. </div>
  462. {/block:IndexPage}<center>{Photoset-250}</center></span>{/block:Photoset}
  463.  
  464. {block:Quote}
  465. <span class="quotes">"{Quote}"</span><br />
  466. <div style="text-align:right;">{block:Source}-{Source}{/block:Source}</div>
  467. {block:IndexPage}
  468. <br /> <div class="textpermalink"><a href="{Permalink}">{NoteCount}</a> / <a href="{ReblogURL}" target="_blank">reblog</a> / <div class="my-liketext" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like">like</div></div>
  469. {/block:IndexPage}
  470. {/block:Quote}
  471.  
  472. {block:Chat}
  473. {block:Title}<span class="title">{Title}</span>{/block:Title}
  474. <ul class="chat"> <div style="text-align:left;">
  475. {block:Lines}
  476. <li class="user_{UserNumber}">
  477. {block:Label}
  478. <span class="label">{Label}</span>
  479. {/block:Label}
  480. <div style="font-family:tahoma;display:inline;">
  481. {Line}</div>
  482. </li>
  483. {/block:Lines}</div>
  484. </ul>
  485. {block:IndexPage}
  486. <div class="textpermalink"><a href="{Permalink}">{NoteCount}</a> / <a href="{ReblogURL}" target="_blank">reblog</a> / <div class="my-liketext" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like">like</div></div>
  487. {/block:IndexPage}
  488. {/block:Chat}
  489.  
  490. {block:Audio}
  491. <center><div style="width:250px; height:20px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:8px; float:right;"><small>
  492. {FormattedPlayCount} plays</small></div></div></center><br>
  493. {block:Caption}{Caption}{/block:Caption}
  494. {block:IndexPage}
  495. <div class="textpermalink"><a href="{Permalink}">{NoteCount}</a> / <a href="{ReblogURL}" target="_blank">reblog</a> / <div class="my-liketext" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like">like</div></div>
  496. {/block:IndexPage}
  497. {/block:Audio}
  498.  
  499. {block:Video}
  500. {block:IndexPage}
  501. <div id="permalink"><a href="{ReblogURL}" title="Reblog" target="_blank"><div class="reblog-button"></div></a></div>
  502. <div id="permalink2"><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div>
  503. </div>
  504. {/block:IndexPage}
  505. {block:PermalinkPage}{LinkOpenTag}<center><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="310"/></center>{LinkCloseTag}{/block:PermalinkPage}
  506. {block:Video}
  507.  
  508. {block:Answer}<div class="text">
  509. <div class="question">
  510. <span style="text-transform:uppercase; color:{color:Link}">{Asker}:</span> {Question}</div><div class="answer">{Answer}</div>
  511. {block:indexpage}
  512. <div class="textpermalink"><a href="{Permalink}">{NoteCount}</a> / <div class="my-liketext" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like">like</div></div>
  513. {/block:indexpage}
  514. </div>{/block:Answer}
  515.  
  516.  
  517.  
  518. {/block:IndexPage}
  519. {/block:Answer}
  520.  
  521. {block:PermalinkPage}
  522. <center>
  523. {block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  524.  
  525. {/block:PermalinkPage}
  526.  
  527. {block:PostNotes}
  528. <div id="click">Notes &darr;</div>
  529. <div class="post_notes">{PostNotes}
  530. </div>
  531. {/block:PostNotes}
  532.  
  533. </div>
  534.  
  535. {/block:Posts}
  536.  
  537. </div>
  538.  
  539. </div>
  540.  
  541. </div>
  542. {block:IndexPage}
  543. {block:Pagination}
  544. <div id="pagination">
  545. {block:NextPage}
  546. <a id="nextPage" href="{NextPage}"> </a>
  547. {/block:NextPage}
  548. {block:PreviousPage}
  549. <a href="{PreviousPage}"> </a>
  550. {/block:PreviousPage}
  551. </div>
  552. {/block:Pagination}
  553. {/block:IndexPage}
  554. </div>
  555. </body>
  556.  
  557. </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!