Advertisement
thesharwhal

Theme 16

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