Advertisement
Guest User

Meridian Theme by Modernesse

a guest
Apr 7th, 2013
945
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.53 KB | None | 0 0
  1. <!--
  2.  
  3. Meridian Theme by Modernesse.
  4.  
  5. I used a simple base code.
  6.  
  7. Please DO NOT remove the credit. You can MOVE it, but please don't delete it completely.
  8.  
  9. Please DO NOT claim this theme as your own.
  10.  
  11. Please DO NOT use this theme as a base code.
  12.  
  13. You may edit this theme for PERSONAL USE ONLY.
  14.  
  15. -->
  16.  
  17. <html lang="en">
  18. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  19. <html xmlns="http://www.w3.org/1999/xhtml">
  20. <head>
  21.  
  22.  
  23. <script type="text/javascript">
  24. <!--
  25.  
  26. // Disable Right Click Script
  27.  
  28. function IE(e)
  29. {
  30. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  31. {
  32. return false;
  33. }
  34. }
  35. function NS(e)
  36. {
  37. if (document.layers || (document.getElementById && !document.all))
  38. {
  39. if (e.which == "2" || e.which == "3")
  40. {
  41. return false;
  42. }
  43. }
  44. }
  45. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  46.  
  47. //-->
  48. </script>
  49.  
  50.  
  51. <script type="text/javascript"
  52. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  53.  
  54. <!--DEFAULT VARIABLES-->
  55. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  56. <meta name="color:background" content="#ffffff"/>
  57. <meta name="color:link" content="#00ff54"/>
  58. <meta name="color:text" content="#666666"/>
  59. <meta name="color:title" content="#000000"/>
  60. <meta name="color:hover" content="#c210f7"/>
  61.  
  62. <meta name="text:reblog" content="reblog"/>
  63.  
  64. <meta name="image:sidebar" content="1"/>
  65. <meta name="image:background" content="1"/>
  66.  
  67. <meta name="if:show description" content="1">
  68. <meta name="if:show sidebar photo" content=""/>
  69.  
  70. <!---- FONTS ---->
  71.  
  72. <link href='http://fonts.googleapis.com/css?family=Gabriela' rel='stylesheet' type='text/css'>
  73.  
  74. <script type="text/javascript">
  75. WebFontConfig = {
  76. google: { families: [ 'Gabriela::latin' ] }
  77. };
  78. (function() {
  79. var wf = document.createElement('script');
  80. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  81. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  82. wf.type = 'text/javascript';
  83. wf.async = 'true';
  84. var s = document.getElementsByTagName('script')[0];
  85. s.parentNode.insertBefore(wf, s);
  86. })(); </script>
  87.  
  88. <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
  89. <script type="text/javascript">
  90. WebFontConfig = {
  91. google: { families: [ 'Lato::latin' ] }
  92. };
  93. (function() {
  94. var wf = document.createElement('script');
  95. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  96. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  97. wf.type = 'text/javascript';
  98. wf.async = 'true';
  99. var s = document.getElementsByTagName('script')[0];
  100. s.parentNode.insertBefore(wf, s);
  101. })(); </script>
  102. <!------ FONTS FINISH --------->
  103.  
  104.  
  105. <script>
  106. $(document).ready(function() {
  107. //
  108. $('a.poplight[href^=#]').click(function() {
  109. var popID = $(this).attr('rel'); //Get Popup Name
  110. var popURL = $(this).attr('href'); //Get Popup href to define size
  111. var query= popURL.split('?');
  112. var dim= query[1].split('&');
  113. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  114. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://png.findicons.com/files/icons/1714/dropline_neu/24/dialog_close.png" class="btn_close" title="Close" alt="Close" /></a>');
  115. var popMargTop = ($('#' + popID).height() + 80) / 2;
  116. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  117. //Apply Margin to Popup
  118. $('#' + popID).css({
  119. 'margin-top' : -popMargTop,
  120. 'margin-left' : -popMargLeft
  121. });
  122. $('body').append('<div id="fade"></div>');
  123. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  124. return false;
  125. });
  126. $('a.close, #fade').live('click', function() {
  127. $('#fade , .popup_block').fadeOut(function() {
  128. $('#fade, a.close').remove(); //fade them both out
  129. });
  130. return false;
  131. });
  132. });
  133. </script>
  134.  
  135. <style type="text/css">
  136.  
  137. @import url(http://fonts.googleapis.com/css?family=Lato);
  138.  
  139.  
  140. iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.05;-webkit-transition: all 0.8s ease-out;-moz-
  141.  
  142. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  143.  
  144. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  145.  
  146. p {
  147. margin:0px;
  148. margin-top:0px;
  149. }
  150.  
  151.  
  152. body {
  153. padding: 0px;
  154. margin: 0px;
  155. color:{color:text};
  156. font-family: lato;
  157. line-height:auto;
  158. font-size:10px;
  159. background-color: {color:Background};
  160. background-image:url({image:Background});
  161. background-attachment: fixed;
  162. background-repeat: repeat;
  163. }
  164.  
  165.  
  166. a:link, a:active, a:visited{
  167. text-decoration: none;
  168. -webkit-transition: color 0.3s ease-out;
  169. -moz-transition: color 0.3s ease-out;
  170. transition: color 0.3s ease-out;
  171. color:{color:link};
  172. }
  173.  
  174. a:hover {
  175. text-decoration: none;
  176. font-style:;
  177. color: {color:Hover};
  178. }
  179.  
  180. div#center{
  181. margin:auto;
  182. position:relative;
  183. width:1000px;
  184. background-color:;
  185. overflow:auto;
  186. overflow-y:hidden;
  187. overflow-x:hidden;
  188. }
  189.  
  190.  
  191. /*ENTRY SETTINGS*/
  192. .entry {
  193. float:left;
  194. display: block;
  195. margin:5px;
  196. overflow:hidden;
  197. width:220px;
  198. {block:PermalinkPage}
  199. width:450px;
  200. text-align:left;
  201. line-height auto;
  202. {/block:PermalinkPage}
  203. background:white;
  204. background-image:URL();
  205. }
  206.  
  207.  
  208. /*PERMALINKS*/
  209. .entry .perma{
  210. width:220px;
  211. height:16px;
  212. margin-left:0px;
  213. position: absolute;
  214. line-height: 16px;
  215. overflow:hidden;
  216. text-align:center;
  217. top:0px;
  218. background:white;
  219. word-spacing:2px;
  220. letter-spacing:1px;
  221. opacity: 0.0;
  222. -webkit-transition: all .7s ease;
  223. -moz-transition: all .7s ease;
  224. -o-transition: all .7s ease;
  225. transition: all .7s ease;
  226.  
  227. }
  228.  
  229. .entry:hover .perma{
  230. overflow:visible;
  231. opacity:0.9;
  232. }
  233.  
  234.  
  235. /*POST POSITIONING*/
  236. #posts {
  237. width:800px;
  238. margin-top:10px;
  239. z-index:99;
  240. margin-left:240px;
  241. right:auto;
  242. background:transparent;
  243. margin-right:auto;
  244. position:justify;
  245. overflow-y: hidden;
  246. overflow:hidden;
  247. }
  248.  
  249. /*DESC*/
  250.  
  251. #description {
  252. font-size:12px;
  253. text-decoration:none;
  254. text-align:center;
  255.  
  256. }
  257.  
  258. /*TITLE*/
  259.  
  260. #title{
  261. font-family:gabriela;
  262. text-align:center;
  263. float:center;
  264. font-size:30px;
  265. color:{color:title};
  266.  
  267.  
  268.  
  269. }
  270.  
  271. /*BORDER FOR STUFF*/
  272. #borders{
  273. border-style:solid;
  274. border-width:1px;
  275. }
  276.  
  277.  
  278. /*SIDEBAR*/
  279.  
  280. #sidebar{
  281. position:fixed !important;
  282. width:180px;
  283. background:white;
  284. height:auto;
  285. margin-top:150px;
  286. margin-left:40px;
  287. text-align:center
  288. }
  289.  
  290. #sidebar a{
  291. font-family:gabriela;
  292. font-size:13px;
  293. text-decoration:none;
  294. }
  295.  
  296.  
  297. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  298.  
  299.  
  300. /*TITLE OF ENTRIES*/
  301. .title{
  302. line-height: 12px;
  303. color:{color:Title};
  304. font-weight: normal;
  305. }
  306.  
  307.  
  308. /*PERMALINK OF TEXT POSTS ETC*/
  309. .permalink{
  310. text-transform: normal;
  311. display: block;
  312. text-align: right;
  313. text-decoration: none;
  314. }
  315.  
  316.  
  317. /*DO NOT TOUCH ANY OF THIS*/
  318. #infscr-loading{
  319. bottom: -70px;
  320. position: absolute;
  321. left: 50%;
  322. margin-left:-8px;
  323. width:16px;
  324. height:11px;
  325. overflow:hidden;
  326. margin-bottom: 50px;
  327. }
  328.  
  329. #postnotes{
  330. text-align: justify;}
  331.  
  332. #postnotes blockquote{
  333. border: 0px;}
  334.  
  335. blockquote{
  336. padding:0px 0px 2px 5px;
  337. margin:0px 0px 2px 10px;
  338. border-left: 1px dotted #555555;
  339. }
  340.  
  341. blockquote p, ul{
  342. margin:0px;
  343. padding:0px;
  344. }
  345.  
  346. a img{border: 0px;}
  347.  
  348.  
  349. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  350.  
  351. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  352. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  353.  
  354. .notes img{width:10px; position:relative; top:3px;}
  355. <--ses-->
  356. small{font-size: 90%;}
  357.  
  358. {CustomCSS}
  359.  
  360. </style>
  361.  
  362. {block:IndexPage}
  363. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  364. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  365.  
  366. <script type="text/javascript">
  367. $(window).load(function(){
  368. var $wall = $('#posts');
  369. $wall.imagesLoaded(function(){
  370. $wall.masonry({
  371. itemSelector: '.entry, .entry_photo',
  372. isAnimated : false
  373. });
  374. });
  375.  
  376. $wall.infinitescroll({
  377. navSelector : '#pagination',
  378. nextSelector : '#pagination a',
  379. itemSelector : '.entry, .entry_photo',
  380. bufferPx : 2000,
  381. debug : false,
  382. errorCallback: function() {
  383. $('#infscr-loading').fadeOut('normal');
  384. }},
  385. function( newElements ) {
  386. var $newElems = $( newElements );
  387. $newElems.hide();
  388. $newElems.imagesLoaded(function(){
  389. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  390. });
  391. }); $('#posts').show(500);
  392. });
  393. </script>
  394.  
  395.  
  396. {/block:IndexPage}
  397.  
  398. <title>{title}</title>
  399.  
  400.  
  401. <link rel="shortcut icon" href="{Favicon}" />
  402. <meta name="viewport" content="width=820" />
  403. </head>
  404.  
  405. <body>
  406. <BODY onselectstart="return false;" ondragstart="return false;">
  407. <div class="wrapper">
  408. <div class="header">
  409. </div>
  410.  
  411. <div id="cage">
  412. <div id="center">
  413.  
  414. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  415. <div id="border">
  416. <div id="sidebar">
  417. <center>
  418. <div id="title">
  419. {title}
  420. </div>
  421.  
  422.  
  423. {block:ifShowSidebarPhoto}
  424. <a href="/"><img src="{image:sidebar}" width=100%></a>
  425. {/block:ifShowSidebarPhoto}
  426. {block:ifnotShowSidebarPhoto}
  427. <br></br>
  428. {/block:ifnotShowSidebarPhoto}
  429. {block:ifShowDescription}
  430. <div id="description">
  431. {description}
  432. </div>
  433. {/block:ifShowDescription}
  434. <a href="/">home</a>
  435. <br />
  436. <a href="/ask">message</a>
  437. <br />
  438. <a href="/archive">archive</a>
  439. <br />
  440. <center> {block:HasPages}|
  441. {block:Pages}
  442. <a href="{URL}" title="{Label}">{Label}</a>
  443. {/block:Pages}
  444. {/block:HasPages} </center>
  445. </center>
  446. </div>
  447. </div>
  448. <!------------------------------------->
  449.  
  450.  
  451. <div class="left">
  452. <div id="posts">
  453. {block:Posts}
  454. <div class="entry">
  455.  
  456. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right><span class="permalink"><a
  457.  
  458. href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></a><br>{/block:HasTags}</span></align>
  459. {/block:Text}
  460.  
  461. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  462.  
  463. class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
  464.  
  465. {block:Photo}
  466. {block:IndexPage}
  467. <center>
  468. <div class="perma">
  469. <a href="{ReblogURL}" target="_blank"> {text:reblog} </a>
  470. with <a href="{Permalink}">{notecount}</a></div>
  471.  
  472. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-250}" alt="{PhotoAlt}" width="100%"/></a></div>
  473. {/block:IndexPage}
  474. {block:PermalinkPage}
  475. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  476.  
  477. {LinkCloseTag}
  478. {/block:PermalinkPage}
  479. {/block:Photo}
  480.  
  481. {block:Photoset}
  482. {block:IndexPage}
  483. <center>
  484.  
  485. <div class="perma">
  486. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  487.  
  488. {Photoset-250}</center>
  489. {/block:IndexPage}
  490. {block:PermalinkPage}
  491. <center>
  492. {Photoset-500}</center>
  493. {/block:PermalinkPage}
  494. {/block:Photoset}
  495.  
  496. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a
  497.  
  498. href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </span>{/block:Quote}
  499.  
  500. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  501. <ul class="chat">
  502. {block:Lines}
  503. <li class="user_{UserNumber}">
  504. {block:Label}
  505. <span class="label">{Label}</span>
  506. {/block:Label}
  507.  
  508. {Line}
  509. </li>
  510. {/block:Lines}
  511. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}">
  512. {/block:Chat}
  513.  
  514. {block:Audio}
  515. <div style="width:200px; height:30px;">
  516. {AudioPlayerBlack}
  517. </div>
  518. {block:IndexPage}<span class="permalink">
  519. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </a>
  520. </span>{/block:IndexPage}
  521. {/block:Audio}
  522.  
  523. {block:Video}
  524. {block:IndexPage}
  525. <center>
  526. <div class="perma">
  527. <a href="{ReblogURL}" target="_blank"> {text:reblog} </a> </div>
  528. {Video-250}</center>
  529. {/block:IndexPage}
  530. {block:PermalinkPage}
  531. <center>
  532. {Video-400}</center>
  533. {/block:PermalinkPage}
  534. {block:Video}
  535.  
  536.  
  537. {block:PostNotes}<div align="middle">{caption}</div>
  538. <center>
  539.  
  540. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  541.  
  542. {block:HasTags}
  543. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  544. {block:RebloggedFrom}
  545. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  546. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  547.  
  548. {/block:RebloggedFrom}
  549. </center></span>
  550. <br>
  551. <div id="postnotes">{PostNotes}</div><br>
  552.  
  553. <center>{block:ContentSource}
  554. <br><a href="{SourceURL}">
  555. {lang:Source}:
  556. {block:SourceLogo}
  557. <img src="{BlackLogoURL}" width="{LogoWidth}"
  558. height="{LogoHeight}" alt="{SourceTitle}" />
  559. {/block:SourceLogo}
  560. {block:NoSourceLogo}
  561. {SourceLink}
  562. {/block:NoSourceLogo}
  563. </a>
  564. {/block:ContentSource}</center>
  565.  
  566. {/block:PostNotes}
  567. </div>
  568. {/block:Posts}
  569. </div></div>
  570.  
  571. {block:IndexPage}
  572. {block:Pagination}
  573. <div id="pagination">
  574. {block:NextPage}
  575. <a id="nextPage" href="{NextPage}"></a>
  576. {/block:NextPage}
  577. {block:PreviousPage}
  578. <a href="{PreviousPage}"></a>
  579. {/block:PreviousPage}
  580. </div>
  581. {/block:Pagination}
  582. {/block:IndexPage}
  583. </body>
  584. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement