API tools faq
paste
Advertisement
thesharwhal

Theme 6

thesharwhal
Jan 3rd, 2013
1,376
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.36 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.  
  4. <head>
  5.  
  6.  
  7. <!--theme 6 by sharon
  8. __ ____ ____ ___ ____ ___ ______ ______ ___ _____
  9. / ]| | / | / _]| \ / _] || | / _]/ ___/
  10. / / | | | __| / [_ | D ) / [_| || | / [_( \_
  11. / / | | | | || _]| / | _]_| |_||_| |_|| _]\__ |
  12. / \_ | | | |_ || [_ | \ | [_ | | | | | [_ / \ |
  13. \ | | | | || || . \| | | | | | | |\ |
  14. \____||____||___,_||_____||__|\_||_____| |__| |__| |_____| \___|
  15.  
  16. leave a minimum of one credit on the blog or i will report you-->
  17.  
  18.  
  19. <script type="text/javascript"
  20. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  21.  
  22. <title>{title}</title>
  23.  
  24. <link rel="shortcut icon" href="{Favicon}">
  25. <link rel="alternate" type="application/rss+xml" href="/rss">
  26.  
  27. {block:ifnorightclick}<script language="JavaScript" src="http://static.tumblr.com/bkd4m5b/FB3m42m9e/norightclick.js"></script>{/block:ifnorightclick}
  28.  
  29. <meta name="color:Background" content="#f1f1f1"/>
  30. <meta name="color:Text" content="#5d5d5d"/>
  31. <meta name="color:Link Hover" content="#5d5d5d"/>
  32. <meta name="color:Link" content="#5d5d5d"/>
  33. <meta name="image:Background" content="0"/>
  34. <meta name="if:No Right Click" content="1"/>
  35. <meta name="if:Two Columns" content="0"/>
  36. <meta name="if:Three Columns" content="1"/>
  37. <meta name="if:White Buttons" content="1"/>
  38. <meta name="text:Link One Title" content="link1" />
  39. <meta name="text:Link One" content="" />
  40. <meta name="text:Link Two Title" content="link2" />
  41. <meta name="text:Link Two" content="" />
  42. <meta name="text:Link Three Title" content="link3" />
  43. <meta name="text:Link Three" content="" />
  44.  
  45. <style type="text/css">
  46.  
  47. a {color:;text-decoration:none;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  48.  
  49. #tumblr_controls{
  50. position:fixed !important;
  51. {block:ifwhitecontrols}
  52. -webkit-filter: invert(100%) ;
  53. {/block:ifwhitecontrols}
  54. }
  55.  
  56. .wrapper{
  57. margin: 0px auto;
  58. width: 900px;
  59. }
  60.  
  61. .header{
  62. float: left;
  63. width: 100%;
  64. }
  65.  
  66. .left{
  67. float: left;
  68. margin-right: 20px;
  69. width: 802px;
  70. }
  71.  
  72. body {
  73. padding: 0px;
  74. margin: 0px;
  75. color:{color:Text};
  76. font-family: tahoma;
  77. font-size: 10px;
  78. line-height:12px;
  79. letter-spacing:1px;
  80. background-color: {color:Background};
  81. background-image:url({image:Background});
  82. background-attachment: fixed;
  83. background-repeat: repeat
  84. text-align: justify;
  85. }
  86.  
  87. a:link, a:active, a:visited{
  88. color:{color:Link};
  89. text-decoration: none;
  90. -webkit-transition: color 0.4s ease-out;
  91. -moz-transition: color 0.4s ease-out;
  92. }
  93.  
  94. a:hover{
  95. color:{color:LinkHover};
  96. -webkit-transition: color 0.4s ease-out;
  97. -moz-transition: color 0.4s ease-out;
  98. }
  99.  
  100.  
  101. blockquote img{{block:ifthreecolumns}width:210px;height:auto;{/block:ifthreecolumns}{block:iftwocolumns} width:310px;height:auto;{/block:iftwocolumns}}
  102.  
  103. .entry {
  104. position:relative;
  105. {block:PermalinkPage}
  106. width: 500px;
  107. {/block:PermalinkPage}
  108. {block:ifthreecolumns}
  109. {block:IndexPage}
  110. width: 230px;
  111. {/block:IndexPage}
  112. {/block:ifthreecolumns}
  113. {block:iftwocolumns}
  114. {block:IndexPage}
  115. width: 330px;
  116. {/block:IndexPage}
  117. {/block:iftwocolumns}
  118. margin:6px;
  119. padding:10px;
  120. margin-left:10px;
  121. background: transparent;
  122. }
  123.  
  124. .entry #permalink{
  125. position:absolute;
  126. padding:5px;
  127. opacity:0.0;
  128. bottom:6px;
  129. margin-left:100px;
  130. margin-bottom:7px;
  131. width:auto;
  132. height:auto;
  133. background-color:white;
  134. text-align:center;
  135. -webkit-transition: all .6s ease;
  136. -moz-transition: all .6s ease;
  137. -o-transition: all .6s ease;
  138. transition: all .6s ease;
  139. }
  140.  
  141. .entry:hover #permalink{
  142. opacity:0.85;
  143. margin-left:0px;
  144. -webkit-transition: all .6s ease;
  145. -moz-transition: all .6s ease;
  146. -o-transition: all .6s ease;
  147. transition: all .6s ease;
  148. }
  149.  
  150. .entry:hover #permalink:hover{
  151. opacity:1;
  152. -webkit-transition: all .6s ease;
  153. -moz-transition: all .6s ease;
  154. -o-transition: all .6s ease;
  155. transition: all .6s ease;
  156. }
  157.  
  158. .entry #permalink2{
  159. position:absolute;
  160. opacity:0.0;
  161. padding:3px;
  162. bottom:6px;
  163. overflow:hidden;
  164. right:50px;
  165. margin-right:7px;
  166. margin-bottom:7px;
  167. width:auto;
  168. height:auto;
  169. background-color:white;
  170. text-align:center;
  171. -webkit-transition: all .6s ease;
  172. -moz-transition: all .6s ease;
  173. -o-transition: all .6s ease;
  174. transition: all .6s ease;
  175. }
  176.  
  177. .entry:hover #permalink2{
  178. opacity:0.85;
  179. right:3px;
  180. -webkit-transition: all .6s ease;
  181. -moz-transition: all .6s ease;
  182. -o-transition: all .6s ease;
  183. transition: all .6s ease;
  184. }
  185.  
  186. .entry:hover #permalink2:hover{
  187. opacity:1;
  188. -webkit-transition: all .6s ease;
  189. -moz-transition: all .6s ease;
  190. -o-transition: all .6s ease;
  191. transition: all .6s ease;
  192. }
  193.  
  194. .wordpost{
  195. font-size:11px;
  196. font-family:consolas;
  197. text-align:left;
  198. }
  199.  
  200. #header{
  201. position:relative;
  202. height: auto;
  203. width: 775px;
  204. text-align: left;
  205. border-left: 2px dotted #000;
  206. border-right: 2px dotted #000;
  207. border-bottom: 3px solid #000;
  208. margin-left: 50px;
  209. text-align: center;
  210. border-radius: 2px;
  211. padding: 5px;
  212. margin-top: 5px;
  213. background:#fff;
  214. font-family: consolas;
  215. font-size: 13px;
  216. line-height:14px;
  217. color: {color:text};
  218. }
  219.  
  220. #posts {
  221. width: 850px;
  222. float:left;
  223. margin-left:-15px;
  224. top: 5px;
  225. }
  226.  
  227. .headerlinks a{
  228. font-size: 12px;
  229. text-align: right;
  230. line-height:15px;
  231. letter-spacing: 0px;
  232. margin: 3px;
  233. text-transform: uppercase;
  234. font-family: consolas;
  235. color: #000;
  236. }
  237.  
  238. .headerlinks a:hover{
  239. text-decoration: overline;
  240. }
  241.  
  242. @font-face { font-family: "death"; src: url('http://static.tumblr.com/iyodnno/B1Rmdlbxr/signerica_medium.ttf'); }
  243.  
  244.  
  245. .blogtitle{
  246. text-align: left;
  247. font-family:'Death';
  248. color: #000;
  249. padding-left: 5px;
  250. padding-top:10px;
  251. font-size: 30px;
  252. line-height: 25px;
  253. letter-spacing:0px;
  254. -webkit-transition: all 0.4s ease-out;
  255. -moz-transition: all 0.4s ease-out;
  256. }
  257.  
  258. .blogtitle:hover{
  259. opacity:0.3;
  260. -webkit-transition: all 0.4s ease-out;
  261. -moz-transition: all 0.4s ease-out;
  262. }
  263.  
  264. .textpermalink{
  265. display: block;
  266. font-size: 9px;
  267. line-height:9px;
  268. text-transform: uppercase;
  269. text-align: right;
  270. padding: 0px;
  271. margin: 2px;
  272. }
  273.  
  274. .title{
  275. font-family:tahoma;
  276. font-size: 13px;
  277. line-height: 15px;
  278. color: black;
  279. text-decoration:underline;
  280. color:{color:text};
  281. text-transform:uppercase;
  282. }
  283.  
  284.  
  285. .quotes{
  286. font-family:tahoma;
  287. text-transform:italic;
  288. }
  289.  
  290. .my-like {
  291. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAARCAYAAAA/mJfHAAABH0lEQVQ4y62T30vCUBiGv/9YuhBLkCA08FdogRFFYFEUhhZNCCQoSESiIOii68pl5qV6s8Eb7+SMHXNs6S7ejZ3zvA+ccT4BICofvS88dJ7w8vqG8WQC754K17lPjrx3z3l8D4YoVaqIrWbcJNbzaHefNZjfXPdy5b0jsO/IRqMxUpmSBnhz2bx1QL79GPbpEePmzhdSyW8fBDL0SK68HwiGCT2S3NiKREaPzP7QRRNPZSHpwm4kMnqkYbQikdEjZv8HK2ubS4nY75mD6WU8qzeXkrHvToBlWSjuHC4kYo99V8bwBnM0/iMiz542myq2bSPskcmR/zPos7lvP8Lv/nGd+/N6c2Xq2KcXhiY6qV1rxwotU3n/NHF8fgW+g9hfsHJlJUYljcgAAAAASUVORK5CYII=) !important;
  292. height:17px;
  293. width:19px;
  294. cursor:pointer;
  295. display:inline-block;
  296. vertical-align:top;
  297. }
  298. .my-liked, .my-like:hover {
  299. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAARCAYAAAA/mJfHAAABSklEQVQ4y2P4//8/Awy/O3fu/905c/4/2779/69Pn/4jy8Hwz/fv/z/buvX/vfnz/7+/eBFFDZj4cOXK/8O+Pv+36+rA8W4zs/8Ply1DUXx/4cL/u0yMUdQdCQ76/+nWLbA6hq+PH//fbW6OogAZ3+zvByu81t6OU80ea6v/P16//s9wqboKpyIYPhYeTlDN1abG/wz7HR0JKiQGH3Bz+8+ww0CfKobtMjb6z0ANg+CGgQKPKt50dfnPcL6wkCqGXaoo/8/w5tgxyg3T0wUnYHBiPJuZSZFhF8pK/8NzACjrgKKWHINAOef3168Iw0D429OnGFmKEAZlJVDKR8mbMAyy4XRqClEGnc3J+f/nxw/MjI6OQflxh6EBzvR0Z9o0rCUKVsNA+MuD+/9PJiSgGHQmPf0/KDhw6cFpGAy/OnAAbOibEyf+E1ILAFBjDrchm7KrAAAAAElFTkSuQmCC) !important;
  300. height:17px;
  301. width:19px;
  302. cursor:pointer;
  303. display:inline-block;
  304. vertical-align:top;
  305. }
  306.  
  307. {customcss}
  308. </style>
  309.  
  310.  
  311.  
  312. {block:IndexPage}
  313. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  314. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  315.  
  316. <script type="text/javascript">
  317. $(window).load(function () {
  318. var $content = $('#posts');
  319. $content.masonry({itemSelector: '.entry'}),
  320. $content.infinitescroll({
  321. navSelector : '#pagination',
  322. nextSelector : '#pagination a#nextPage',
  323. itemSelector : '.entry',
  324. loading: {
  325. finishedMsg: '',
  326. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  327. },
  328. bufferPx : 600,
  329. debug : false,
  330. },
  331. // call masonry as a callback.
  332. function( newElements ) {
  333. var $newElems = $( newElements );
  334. $newElems.hide();
  335. // ensure that images load before adding to masonry layout
  336. $newElems.imagesLoaded(function(){
  337. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  338.  
  339.  
  340. });
  341. });
  342. });
  343. </script>
  344.  
  345. <script>
  346. window.onload = function () {
  347. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  348. document.addEventListener( 'click', function ( event ) {
  349. var myLike = event.target;
  350. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  351. var frame = document.getElementById( 'my-like-frame' ),
  352. liked = ( myLike.className == 'my-liked' ),
  353. command = liked ? 'unlike' : 'like',
  354. reblog = myLike.getAttribute( 'data-reblog' ),
  355. id = myLike.getAttribute( 'data-id' ),
  356. oauth = reblog.slice( -8 );
  357. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  358. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  359. };
  360. }, false );
  361. };
  362. </script>
  363.  
  364.  
  365. {/block:IndexPage}
  366.  
  367. <title>{title}</title>
  368.  
  369. <link rel="shortcut icon" href="{Favicon}">
  370. <meta name="viewport" content="width=820" />
  371.  
  372. </head>
  373.  
  374. <body onkeydown="return false">
  375.  
  376. <div class="wrapper">
  377. <div class="header">
  378. </div>
  379.  
  380. <div id="header">
  381.  
  382. <a href="/"><div class="blogtitle">{Title}</div></a>
  383.  
  384. <br><div style="text-align: right;font-size:11px;padding-right:5px;">{Description}</div>
  385.  
  386. <div style="text-align: right;"><div class="headerlinks"><a href="/ask">msg</a> /
  387. {block:ifLinkOneTitle}<a href="{text:Link One}">{text:Link One Title}</a>{/block:ifLinkOneTitle} /
  388. {block:ifLinkTwoTitle}<a href="{text:Link Two}">{text:Link Two Title}</a>{/block:ifLinkTwoTitle} /
  389. {block:ifLinkThreeTitle}<a href="{text:Link Three}">{text:Link Three Title}</a>{/block:ifLinkThreeTitle} /
  390. <a href="http://cigerettes.tumblr.com/">theme</a>
  391. </div>
  392. </div>
  393.  
  394. <div class="content">
  395.  
  396. <div class="left">
  397.  
  398. <div id="posts">
  399.  
  400. {block:Posts}
  401. <div class="entry">
  402.  
  403. {block:Text}
  404. {block:Title}<span class="title">{Title}</span>{/block:Title}
  405. <span class="wordpost">{Body}</span></a>
  406. {block:IndexPage}
  407. <div class="textpermalink"><a href="{Permalink}">{NoteCount}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></span></a></div>
  408. {/block:IndexPage}
  409. {/block:Text}
  410.  
  411. {block:Link}
  412. <a href="{URL}" class="title">→ {Name}</a>
  413. {block:Description}{Description}{/block:Description}
  414. {block:IndexPage}
  415. <div class="textpermalink"><a href="{Permalink}">{NoteCount}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></span></a></div>
  416. {/block:IndexPage}
  417. {block:Link}
  418.  
  419. {block:Photo}
  420. {block:IndexPage}
  421. <div id="permalink"><a href="{reblogURL}" target="_blank"><font color="#000000">REBLOG</font></a></div>
  422. <div id="permalink2"><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div>
  423. </div>
  424. {/block:IndexPage}
  425. {block:IndexPage}
  426. {LinkOpenTag}
  427. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>{LinkCloseTag}{/block:IndexPage}
  428. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="153%"/></a>{LinkCloseTag}{/block:PermalinkPage}
  429. {/block:Photo}
  430.  
  431. {block:Photoset}{block:IndexPage}
  432. <div class="permalink">
  433. <a href="{permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank"> reblog </a> / <a href="{permalink}">{TimeAgo}</a></span></div>{/block:IndexPage}<center>{Photoset-250}</center></span>{/block:Photoset}
  434.  
  435. {block:Quote}
  436. <span class="quotes">"{Quote}"</span><br />
  437. <div style="text-align:right;">{block:Source}-{Source}{/block:Source}</div>
  438. {block:IndexPage}
  439. <br /><div class="textpermalink"><a href="{Permalink}">{NoteCount}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></span></a></div>
  440. {/block:IndexPage}
  441. {/block:Quote}
  442.  
  443. {block:Chat}
  444. {block:Title}<span class="title">{Title}</span>{/block:Title}
  445. <ul class="chat"> <div style="text-align:left;">
  446. {block:Lines}
  447. <li class="user_{UserNumber}">
  448. {block:Label}
  449. <span class="label">{Label}</span>
  450. {/block:Label}
  451. <div style="font-family:tahoma;display:inline;">
  452. {Line}</div>
  453. </li>
  454. {/block:Lines}</div>
  455. </ul>
  456. {block:IndexPage}
  457. <div class="textpermalink"><a href="{Permalink}">{NoteCount}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></span></a></div>
  458. {/block:IndexPage}
  459. {/block:Chat}
  460.  
  461. {block:Audio}
  462. <center><div style="width:250px; height:20px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:8px; float:right;"><small>
  463. {FormattedPlayCount} plays</small></div></div></center><br>
  464. {block:Caption}{Caption}{/block:Caption}
  465. {block:IndexPage}
  466. <div class="textpermalink"><a href="{Permalink}">{NoteCount}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></span></a></div>
  467. {/block:IndexPage}
  468. {/block:Audio}
  469.  
  470. {block:Video}
  471. <center>
  472. <div class="textpermalink">{Video-250}</div><BR>
  473. {block:Caption}{Caption}</a>{/block:Caption}</center>
  474. {block:Video}
  475.  
  476. {block:PermalinkPage}
  477.  
  478. {block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}
  479.  
  480. {/block:PermalinkPage}
  481. <div style="text-align:left;">
  482. {block:PostNotes}{PostNotes}
  483. {/block:PostNotes}
  484. </div>
  485. </div>
  486.  
  487. {/block:Posts}
  488.  
  489. </div>
  490. {block:IndexPage}
  491. {block:Pagination}
  492. <div id="pagination">
  493. {block:NextPage}
  494. <a id="nextPage" href="{NextPage}"> </a>
  495. {/block:NextPage}
  496. {block:PreviousPage}
  497. <a href="{PreviousPage}"> </a>
  498. {/block:PreviousPage}
  499. </div>
  500. {/block:Pagination}
  501. {/block:IndexPage}
  502. </div>
  503.  
  504. </body>
  505. <div style="display:block;bottom:5px;right:-1px;font-size:12px;font-family:cambria;position:fixed;padding:3px;border-radius:10px;z-index:5;opacity:1;"><a href="http://cigerettes.tumblr.com/">□</a></div>
  506. </div>
  507. </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!