sexmeluke

Theme #1: Marilyn - SEXMELUKE

Jan 2nd, 2014
1,355
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 16.54 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5. <head>
  6.  
  7.  
  8. <!-- PLEASE DON'T REMOVE THE CREDIT!! I WORKED REALLY HARD ON THIS THEME AND SINCE IT IS MY FIRST ONE, I'D APPRECIATE IT IF YOU DIDN'T STEAL BY REMOVING THE CREDIT -->
  9.  
  10. <!-- THEME BY SEXMELUKE-->
  11.  
  12.  
  13. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  14. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  15. {block:Description}
  16. <meta name="description" content="{MetaDescription}" />{/block:Description}
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. <meta name="text:Link 1" content=""/>
  20. <meta name="text:Link 1 URL" content=""/>
  21. <meta name="text:Link 2" content=""/>
  22. <meta name="text:Link 2 URL" content=""/>
  23. <meta name="text:Link 3" content=""/>
  24. <meta name="text:Link 3 URL" content=""/>
  25. <meta name="text:Link 4" content=""/>
  26. <meta name="text:Link 4 URL" content=""/>
  27. <meta name="text:Link 5" content=""/>
  28. <meta name="text:Link 5 URL" content=""/>
  29. <meta name="text:Link 6" content=""/>
  30. <meta name="text:Link 6 URL" content=""/>
  31. <meta name="text:Link 7" content=""/>
  32. <meta name="text:Link 7 URL" content=""/>
  33. <meta name="text:Link 8" content=""/>
  34. <meta name="text:Link 8 URL" content=""/>
  35. <meta name="if:Show Title" content="1"/>
  36. <meta name="if:Show Tags" content="1"/>
  37. <meta name="if:Animation" content="0"/>
  38. <meta name="if:To Top Button" content="1"/>
  39. <meta name="if:Infinite Scroll" content="0"/>
  40. <meta name="if:Show Captions" content="0"/>
  41. <meta name="if:Show Tags" content="1"/>
  42. <meta name="image:Background" content=""/>
  43. <meta name="image:Sidebar" content=""/>
  44. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/jkEm9tb4p/jquery-1.8.1.min.js"></script>
  45. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpaytv3/2V1m9r58l/reset.css">
  46. <script type="text/javascript" src="http://static.tumblr.com/tpqedpr/zREmibpvy/minified.js"></script>
  47. <style type="text/css">
  48. body {
  49.         color: #333333;background: #ffffff url({image:Background});
  50.         font-family: Trebuchet MS;
  51.         font-size: 11px;
  52.         line-height: 1.5em;
  53. }
  54. p {margin:0 0 .75em 0} p:last-child {margin:0}
  55. a {
  56.         color: #666666;
  57.         text-decoration:none;
  58. {block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}
  59. a:hover {color: #000000; }
  60. blockquote {quotes: "" "" "'" "'"; margin: 0.75em 0 .75em .75em;padding-left: 1.5em;
  61.         line-height: 100%;border-left: solid 4px #EDEDED;
  62. }
  63. h1 {
  64.         font-family: Century Gothic;
  65.         font-size: 25px;
  66.         line-height: 1.5em;font-weight: normal;
  67. }
  68. ul {
  69.         margin: 0px 1.5em .75em;}
  70.  
  71. li {
  72.         margin: .75em 0;
  73.         list-style-type: square;
  74. }
  75. .box img {
  76.         display: block;
  77.         max-width: 100%;}
  78.        
  79. .m-i {
  80. display: block;
  81. line-height: 1px!important;
  82. }
  83.  
  84. line-height: 0px!important;
  85. }
  86. .post-link{
  87.         font-family: Trebuchet MS;
  88.         font-size: 12px;
  89.         line-height: 12px;
  90. }p.source{text-align: left;}
  91. .menu-picture {
  92.         line-height: 100%;display: inline-block;
  93. }p.source{text-align: left;}
  94. h3 {
  95.         font-size: 13px; font-weight: normal;
  96. }.tagged {
  97.     text-align: center; line-height: 10px;font-size: 10px;
  98.    
  99.    
  100.  
  101.    
  102. }.text {
  103.     padding: 7px;
  104.     text-align: justify;
  105.  
  106.  
  107.  }#portrait img {
  108.     border: 7px solid transparent;
  109.     }
  110.    
  111.  
  112. }p.question {
  113.     margin-bottom: .375em;
  114. }
  115. p.words {
  116.     padding: 6px;
  117.     line-height: 1.5em;
  118.         color: #333333;
  119.     background: #ebebeb;
  120. }
  121. .response {
  122.     background: #F2F2F2;
  123.     padding: 7px;
  124.     margin-bottom: .75em;
  125.     margin-left: .75em;
  126.    
  127. }.answer {
  128. text-align: left;
  129. padding: 10px;
  130. background: transparent;
  131. }
  132.  
  133.    
  134. .post {
  135.         position: relative;
  136.         width:500px;
  137.         float:left;
  138.        
  139.         background: transparent
  140.         padding:50px;
  141.         margin:10px;
  142. }.box {position: relative;}
  143.  
  144.  
  145.  
  146.  
  147.    
  148. #side {
  149.    
  150. text-align: center;
  151.         margin-top: 10px;
  152.         width:248px;
  153.         padding:100px;position: fixed;
  154.         background: transparent
  155.  
  156. }#side img {
  157.     max-width: 100%;
  158. }
  159.  
  160. ul {margin-bottom: .75em;}
  161.  
  162.  
  163. #contain {
  164.         width:1088px;
  165.         margin: 10px auto 0;
  166. }
  167. #content {
  168.         width:620px;
  169.         float: right;
  170. }
  171. #infscr-loading{
  172. position:relative!important;
  173. left:49%}
  174.  
  175. p.menu-m {margin: .375em;}
  176.  
  177. .menu-link {margin: 0 3px;}
  178.  
  179. iframe#tumblr_controls,.btn.icon.theme{filter:clear(10%);
  180. -webkit-filter:clear(10%);
  181. -moz-filter:clear(10%);
  182. -o-filter:clear(10%);
  183. -ms-filter:clear(10%);
  184. opacity:.1000;
  185. position:fixed;}
  186.  
  187.  
  188. .box iframe {
  189.         max-width: 100%;
  190.        
  191. }
  192. .text img {max-width: 100%;}
  193. img {display: block;}
  194. .box img {display: block;}
  195. .post-info-data{text-align:center}
  196. .notes img{display:block;float:left;margin-right:.75em}ol.notes li{margin:.375em 0;list-style-type:none;line-height:16px}
  197.  
  198. #toTop{display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:21px;height:21px;border:0;text-indent:100%;background:url(http://static.tumblr.com/uiqhh9x/372m6hyqw/up.png) no-repeat left top;opacity:.5;filter:alpha(opacity = 50);{block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}#toTopHover{width:21px;height:21px;display:block;overflow:hidden;float:left;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);{block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}#toTop:hover{opacity:1;filter:alpha(opacity = 100)}#toTop:active,#toTop:focus{outline:0}
  199.  
  200. a.btn{position:absolute;z-index:999999;top:26px;right:3px;white-space:nowrap;outline:0;text-decoration:none;cursor:pointer;overflow:hidden;text-overflow:ellipsis;font:600 12px/18px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;height:20px;padding:0 5px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:padding;-moz-transition-property:padding;-ms-transition-property:padding;-o-transition-property:padding;transition-property:padding;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-ms-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.btn{color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08)}a.btn,a.btn:hover{color:white!important}.btn{margin-bottom:5px;color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.btn:hover::after,.btn:focus::after{background:rgba(255,255,255,0.09);color:white}.btn:active::after{background:rgba(255,255,255,0.18) color:white}.btn_label.show{display:block}.btn::after{position:absolute;top:0;right:0;bottom:0;left:0;content:'';-webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit}.btn.icon::before{display:none;content:'';position:absolute;top:0;left:0;bottom:0;width:20px;border-radius:inherit;background:url('http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png') 0 0 no-repeat}.btn.theme::before{background-position:0 -0px}.btn img{width:15px}.btn.icon{padding-left:20px}.btn:active::after {background:rgba(255,255,255,0.18)}.clear {clear: both;} #pagination {display: block;} .clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}
  201.  
  202.  
  203.      #cred {
  204.     font-size:8px;
  205.     font-family:times;
  206.     letter-spacing:1px;
  207.     -moz-transition-duration:0.5s;
  208.     -webkit-transition-duration:0.5s;
  209.     -o-transition-duration:0.5s;
  210.     }
  211.  
  212.     #cred a {
  213.     background-color:#fff;
  214.     color:#a8a8a8;
  215.     padding:5px;
  216.     border:2px solid #ddd;
  217.     position:fixed;
  218.     right:7px;
  219.     bottom:10px
  220.     }    
  221.  
  222.  
  223.     #cred a:hover {
  224.     color:#fff;
  225.     background-color:#000;
  226.     border-radius:110px;
  227.     -moz-transition-duration:2s;
  228.     -webkit-transition-duration:2s;
  229.     -o-transition-duration:2s;
  230.     }
  231.  
  232.  
  233. </style></head>
  234. <body>
  235.  
  236. <div id="contain" class="clearfix">
  237. <div id="side">
  238.  
  239. {block:IfShowTitle}<h1><a href="/">{Title}</a></h1>{/block:IfShowTitle}<a href="/" class="m-i">
  240.  
  241.  
  242. <img class="menu-picture" src="{image:sidebar}"/></a>
  243.  
  244. <div>
  245. {/block:Pages}{/block:HasPages}{block:iflink1}<a class="menu-link" href="{text:link 1 url}">{text:link 1}</a>
  246. {/block:iflink1}{block:iflink2}<a class="menu-link" href="{text:link 2 url}">{text:link 2}</a>
  247. {/block:iflink2}{block:iflink3}<a class="menu-link" href="{text:link 3 url}">{text:link 3}</a>
  248. {/block:iflink3}{block:iflink4}<a class="menu-link" href="{text:link 4 url}">{text:link 4}</a>
  249. {/block:iflink4}{block:iflink5}<a class="menu-link" href="{text:link 5 url}">{text:link 5}</a>
  250. {/block:iflink5}{block:iflink6}<a class="menu-link" href="{text:link 6 url}">{text:link 6}</a>
  251. {/block:iflink6}{block:iflink7}<a class="menu-link" href="{text:link 7 url}">{text:link 7}</a>
  252. {/block:iflink7}{block:iflink8}<a class="menu-link" href="{text:link 8 url}">{text:link 8}</a>
  253. {/block:iflink8}</div>
  254.  
  255. <div class="text">
  256.  
  257.  
  258. <p>
  259. <div id="description">{Description}</div>
  260.  
  261.  
  262. {block:IfNotInfiniteScroll}{block:Pagination}<p class="previous-next text">{block:PreviousPage}<a href="{PreviousPage}" class="next"><</a>{/block:PreviousPage}<span id="pages"> {CurrentPage} of {TotalPages} </span>{block:NextPage}<a href="{NextPage}" class="previous">></a>{/block:NextPage}</p>{/block:Pagination}{/block:IfNotInfiniteScroll}
  263. </div>
  264. </div>
  265. <div id="content">
  266. {block:Posts}
  267. <div class="post">
  268.  
  269. {block:Text}
  270. <div class="text">
  271. {block:Title}<h3>{Title}</h3>{/block:Title}
  272. {Body}
  273. <!-- permalink --> {block:IndexPage}
  274.  
  275. <!-- /permalink --> {/block:IndexPage}
  276. </div>
  277. {/block:Text}
  278.    
  279. {block:Quote}
  280. <div class="text quote">
  281. <p class="words">&#8220;{Quote}&#8221;</p>
  282. {block:Source}<p class="source">{Source}</p>{/block:Source}
  283. <!-- permalink --> {block:IndexPage}
  284.  
  285. <!-- /permalink --> {/block:IndexPage}
  286. </div>
  287. {/block:Quote}
  288.  
  289. {block:Link}
  290. <div class="text link">        
  291. <h3><a href="{URL}" {Target}>{Name}</a></h3>
  292. {block:Description}{Description}{/block:Description}
  293. <!-- permalink --> {block:IndexPage}
  294.  
  295. <!-- /permalink --> {/block:IndexPage}
  296. </div>
  297. {/block:Link}
  298.  
  299. {block:Chat}
  300. <div class="text chat">
  301. <ul class="conversation">
  302. {block:Lines}
  303. <li class="line {Alt}">
  304. {block:Label}<span class="person">{Label}</span>{/block:Label}
  305. <span class="person-said">{Line}</span>
  306. </li>
  307. {/block:Lines}
  308. </ul>
  309. <!-- permalink --> {block:IndexPage}
  310.  
  311. <!-- /permalink --> {/block:IndexPage}
  312. </div>
  313. {/block:Chat}
  314.  
  315. {block:Audio}
  316. <div class="text audio">
  317. <p>{AudioPlayerBlack}</p>
  318. {block:IndexPage}{block:IfShowCaptions}
  319. {block:Caption}{Caption}{/block:Caption}
  320. {/block:IfShowCaptions}{/block:IndexPage}
  321. <!-- permalink --> {block:IndexPage}
  322.  
  323. <!-- /permalink --> {/block:IndexPage}
  324. </div>
  325. {/block:Audio}
  326.  
  327. {block:Answer}
  328. <div class="text answer">
  329. <div class="response">
  330. <div id="portrait">
  331. <table>
  332. <tr>
  333. <td style="vertical-align:top; margin:0px;"><div id="portrait"><img src="{AskerPortraitURL-30}" /></td><td>
  334. <p>{Asker} inquired:</p>
  335. <p class="question">{Question}</p>
  336. </div></td>
  337. </tr>
  338. </table>
  339. <br>
  340. I responded with:
  341. {Answer}
  342. <!-- permalink --> {block:IndexPage}
  343.  
  344. <!-- /permalink --> {/block:IndexPage}
  345. </div>
  346. {/block:Answer}
  347.  
  348. {block:Photoset}
  349. <div class="photoset">
  350. <div class="box">
  351. <!-- permalink --> {block:IndexPage}
  352.  
  353. <!-- /permalink --> {/block:IndexPage}
  354. <center>{Photoset-500}</center>
  355. </div>
  356. {block:IndexPage}{block:IfShowCaptions}
  357. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  358. {/block:IfShowCaptions}{/block:IndexPage}
  359. </div>
  360. {/block:Photoset}
  361.  
  362. {block:Video}
  363. <div class="video">
  364. <div class="box">
  365. <!-- permalink --> {block:IndexPage}
  366.  
  367. <!-- /permalink --> {/block:IndexPage}
  368. <center>{Video-500}</center>
  369. </div>
  370. {block:IndexPage}{block:IfShowCaptions}
  371. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  372. {/block:IfShowCaptions}{/block:IndexPage}
  373. </div>
  374. {/block:Video}
  375.    
  376. {block:Photo}
  377. <div class="photo">
  378. <div class="box">
  379. <!-- permalink --> {block:IndexPage}
  380.  
  381. <!-- /permalink --> {/block:IndexPage}
  382. {block:IndexPage}
  383. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"/></a>
  384. {/block:IndexPage}
  385. {block:PermalinkPage}
  386. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/>{LinkCloseTag}
  387. {/block:PermalinkPage}
  388. </div>
  389. {block:IndexPage}{block:IfShowCaptions}
  390. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  391. {/block:IfShowCaptions}{/block:IndexPage}
  392. </div>
  393. {/block:Photo}
  394.  
  395. {block:IfShowTags}{block:IndexPage}{block:HasTags}
  396. <div class="tagged"><p>{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p></div>
  397. {/block:HasTags}{/block:IndexPage}{/block:IfShowTags}
  398.  
  399. {block:PermalinkPage}
  400. <div id="post-info" class="text">
  401. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  402. {block:HasTags}
  403. <p class="tagged">{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p>
  404. {/block:HasTags}
  405. <p class="post-info-data">
  406. {block:Date}{12Hour}:{Minutes}:{Seconds} @ {MonthNumber}/{DayOfMonth}/{Year}<br/>{/block:Date}
  407. {block:NoteCount}{NoteCountWithLabel}<br />{/block:NoteCount}{block:RebloggedFrom}
  408. Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br/>Posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>{block:RebloggedFrom}</p>
  409. {block:PostNotes}
  410. {PostNotes}
  411. {/block:PostNotes}
  412. </div>
  413. {/block:PermalinkPage}
  414.  
  415. </div> <!-- end single post -->
  416. {block:ContentSource}
  417. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  418. {/block:ContentSource}
  419. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  420. {/block:Posts}    
  421. </div> <!-- end content -->
  422. <div class="loading"></div>
  423. </div> <!-- end containing div -->
  424.  
  425. {block:IndexPage}{block:IfInfiniteScroll}
  426. {block:Pagination}<ul id="pagination">
  427. {block:PreviousPage}
  428. <li><a href="{PreviousPage}"></a></li>
  429. {/block:PreviousPage}
  430. {block:JumpPagination length="5"}
  431. {block:CurrentPage}
  432. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  433. {/block:CurrentPage}
  434. {block:JumpPage}
  435. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  436. {/block:JumpPage}
  437. {/block:JumpPagination}
  438. {block:NextPage}
  439. <li><a id="nextPage" href="{NextPage}"></a></li>
  440. {/block:NextPage}
  441. </ul>{/block:Pagination}
  442. <script type="text/javascript">
  443. $(window).load(function () {
  444. var $content = $('#content');
  445. $content.infinitescroll({
  446.         navSelector    : '#pagination',  
  447.       nextSelector   : '#pagination a#nextPage',
  448.       itemSelector   : '.post, .loading',
  449.       loading: {
  450.           finishedMsg: '',
  451.           img: 'http://static.tumblr.com/uiqhh9x/amsm48v4p/add.gif'
  452.       },
  453.       bufferPx       : 200,
  454.       debug          : false,
  455. });
  456. });
  457. </script>
  458. {/block:IfInfiniteScroll}
  459. {/block:IndexPage}
  460. {block:IfToTopButton}
  461. <script type="text/javascript">
  462.         $(document).ready(function() {
  463.                 /*
  464.                         var defaults = {
  465.                                 containerID: 'toTop', // fading element id
  466.                                 containerHoverID: 'toTopHover', // fading element hover id
  467.                                 scrollSpeed: 1200,
  468.                                 easingType: 'linear'
  469.                         };
  470.                         */
  471.                        
  472.                         $().UItoTop({ easingType: 'easeOutQuart' });
  473.                        
  474.                 });
  475. </script>
  476. <a href="#" id="toTop" style="display: none; "><span id="toTopHover"></span>To Top</a>
  477. {/block:IfToTopButton}
  478.  
  479.  <div id="cred">
  480.                         <a href="http://sexmeluke.tumblr.com">SML</a>
  481.                 </div>
  482. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment