API tools faq
paste
Advertisement
thesharwhal

Theme 7

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