API tools faq
paste
Advertisement
thesharwhal

Theme 12

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