API tools faq
paste
Ikxa

menu-superior-igor

Ikxa
May 8th, 2013
111
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 17.30 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  6. <title>{Title}{block:SearchPage} | {SearchQuery}{/block:SearchPage}{block:PostSummary} | {PostSummary}{/block:PostSummary}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11. <meta name="image:Background" content="" />
  12. <meta name="image:Header" content="" />
  13. <meta name="color:Background" content="#FCFCFC" />
  14. <meta name="if:Infinite scroll" content="1" />
  15. <meta name="color:Post background" content="#FFFFFF" />
  16. <meta name="color:Post text" content="#000000" />
  17. <meta name="color:Header background" content="#a8d3e7" />
  18. <meta name="color:Header text" content="#FFFFFF" />
  19. <meta name="text:Music player script" content="" />
  20. <meta name="text:Loading message" content="Loading" />
  21. <meta name="text:Infinite scroll message" content="Loading more posts" />
  22. <meta name="if:Repeat background" content="1" />
  23. <meta name="if:Center background" content="1" />
  24. <meta name="if:Fixed background" content="0" />
  25. <meta name="if:Fixed header" content="1" />
  26. <meta name="if:Shadow under header" content="1" />
  27. <meta name="if:Large posts" content="1" />
  28. <meta name="text:Link1" content="/" />
  29. <meta name="text:Link1 Title" content="one" />
  30. <meta name="text:Link2" content="/" />
  31. <meta name="text:Link2 Title" content="two" />
  32. <meta name="text:Link3" content="/" />
  33. <meta name="text:Link3 Title" content="three" />
  34. <meta name="text:Link4" content="/" />
  35. <meta name="text:Link4 Title" content="four" />
  36. <meta name="text:Link5" content="/" />
  37. <meta name="text:Link5 Title" content="five" />
  38. <meta name="text:Link6" content="/" />
  39. <meta name="text:Link6 Title" content="six" />
  40.  
  41.  
  42. <script type="text/javascript" src="http://static.tumblr.com/rejwoxv/VL5mbnyfu/theme.js"></script>
  43. <script>
  44. $(window).load(function(){  
  45.       $(".loading").hide();  
  46. })  
  47. $(document).ready(function() {
  48.     $('.menu_link').click(function () {
  49.         $('.menu_link').removeClass('selected');
  50.         $(this).addClass('selected');
  51.     });
  52. });
  53. </script>
  54.  
  55. <style type="text/css">
  56. @import url(http://static.tumblr.com/jw8fmba/pXhlt5pzb/bebasneue.css);
  57. html,body {
  58.     margin: 0;
  59.     height: 100%;
  60. }
  61. body {
  62.     font-family: Arial, Helvetica, sans-serif;
  63. }
  64. p, li, q, td, code {
  65.     font-size:11px;
  66. }
  67. p {
  68.     margin: 10px 0;
  69. }
  70. p:last-child {
  71.     margin-bottom: 0;
  72. }
  73. h1, h2, h3, h4, h5, h6, p, li, q, td, code {
  74.     line-height: 160%;
  75.     color: inherit;
  76. }
  77. a img {
  78.     border: none;
  79. }
  80. a {
  81.     color: inherit;
  82. }
  83. blockquote {
  84.     margin: 0;
  85.     padding: 0 0 0 9px;
  86.     border-left: 3px {color:Post text} solid;
  87. }
  88. .header {
  89.     top: 0;
  90.     left: 0;
  91.     width: 94%;
  92.     padding: 0 3%;
  93.     overflow: hidden;
  94.     z-index: 99;
  95.     background: {color:Header background};
  96.     position: {block:IfFixedHeader}fixed{/block:IfFixedHeader}{block:IfNotFixedHeader}relative{/block:IfNotFixedHeader};
  97.     {block:IfShadowUnderHeader}
  98.     -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
  99.     -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
  100.     box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
  101.     {/block:IfShadowUnderHeader}
  102. }
  103. .header * {
  104.     color: {color:Header text};
  105. }
  106. .header a {
  107.     text-decoration: none;
  108. }
  109. .header img {
  110.     max-height: 30px;
  111. }
  112. .header .item {
  113.     float: left;
  114.     line-height: 100%;
  115.     text-transform: uppercase;
  116.     text-shadow: 0px 1px 2px rgba(0,0,0,0.1);
  117.     filter: dropshadow(color=rgba(0,0,0,0.1), offx=0, offy=1);
  118. }
  119. .header .menu_link {
  120.     cursor: pointer;
  121.     margin: 12px 2px;
  122.     font-size: 11px;
  123.     padding: 6px 13px;
  124.     -webkit-border-radius: 6px;
  125.     -moz-border-radius: 6px;
  126.     border-radius: 6px;
  127.     font-weight: bold;
  128.     border: 1px solid rgba(0,0,0,0);
  129.     -webkit-transition: all 0.1s ease;
  130.     -moz-transition: all 0.1s ease;
  131.     -o-transition: all 0.1s ease;
  132.     transition: all 0.1s ease;
  133. }
  134. .header .menu_link:hover,.header .selected {
  135.     border: 1px solid rgba(0,0,0,0.25);
  136.     background: url(http://static.tumblr.com/jw8fmba/5BMlx5wf8/menu_bg.png) repeat-x;
  137.     text-shadow: 0px 1px 2px rgba(0,0,0,0.1);
  138.     filter: dropshadow(color=rgba(0,0,0,0.1), offx=0, offy=1);
  139.     -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.25), 0px 1px 0px 0px rgba(255, 255, 255, 0.5);
  140.     -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.25), 0px 1px 0px 0px rgba(255, 255, 255, 0.5);
  141.     box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.25), 0px 1px 0px 0px rgba(255, 255, 255, 0.5);
  142. }
  143. .header .item h1 {
  144.     margin: 0;
  145.     font-size: 30px;
  146.     font-family: 'BebasNeueRegular', Arial, sans-serif;
  147.     font-weight: normal;
  148.     line-height: 110%;
  149. }
  150. .header .title {
  151.     margin: 8px 30px 0 0;
  152. }
  153. .header .search {
  154.     float: right;
  155.     margin: 10px 120px 10px 10px;
  156.     font-size: 13px;
  157.     padding: 0 13px;
  158.     -webkit-border-radius: 360px;
  159.     -moz-border-radius: 360px;
  160.     border-radius: 360px;
  161.     border: 1px solid rgba(0,0,0,0.25);
  162.     background: url(http://static.tumblr.com/jw8fmba/w8slx5ygq/search_bg.png) repeat-x -5px center;
  163.     -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25);
  164.     -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25);
  165.     box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25);
  166. }
  167. .header .search input {
  168.     background: transparent;
  169.     border: 0px;
  170.     text-shadow: 0px -1px 2px rgba(0,0,0,0.1);
  171.     filter: dropshadow(color=rgba(0,0,0,0.1), offx=0, offy=-1);
  172.     margin-left: 25px;
  173.     outline: none;
  174.     width: 75px;
  175.     height: 23px;
  176.     -webkit-transition: all 0.25s ease;
  177.     -moz-transition: all 0.25s ease;
  178.     -o-transition: all 0.25s ease;
  179.     transition: all 0.25s ease;
  180. }
  181. .header .search:hover input {
  182.     width: 200px;
  183. }
  184. .header .slide_downs {
  185.     padding: 25px 0;
  186.     border-top: 1px solid rgba(255,255,255,0.25);
  187.     width: 100%;
  188.     float: left;
  189.     font-size: 12px;
  190.     line-height: 160%;
  191. }
  192. .posts {
  193.     position: relative;
  194.     padding-bottom: 100px;
  195.     {block:IndexPage}
  196.     width: 94%;
  197.     margin: {block:IfFixedHeader}75{/block:IfFixedHeader}{block:IfNotFixedHeader}25{/block:IfNotFixedHeader}px 3% 25px 3%;
  198.     {/block:IndexPage}
  199.     {block:PermalinkPage}
  200.     width: 940px;
  201.     margin: {block:IfFixedHeader}125{/block:IfFixedHeader}{block:IfNotFixedHeader}25{/block:IfNotFixedHeader}px auto 25px auto;
  202.     {/block:PermalinkPage}
  203. }
  204. .post {
  205.     float: left;
  206.     position: relative;
  207.     {block:IndexPage}
  208.     margin: 5px;
  209.     {block:IfLargePosts}
  210.     width: 400px;
  211.     {/block:IfLargePosts}
  212.     {block:IfNotLargePosts}
  213.     width: 250px;
  214.     {/block:IfNotLargePosts}
  215.     {/block:IndexPage}
  216.     {block:PermalinkPage}
  217.     margin: 10px;
  218.     width: 500px
  219.     {/block:PermalinkPage}
  220. }
  221. .note_box {
  222.     float: left;
  223.     position: relative;
  224.     margin: 10px;
  225.     width: 400px
  226. }
  227. .inner {
  228.     padding: 15px;
  229.     margin: 0;
  230.     background: {color:Post background};
  231.     color: {color:Post text};
  232.     -moz-border-radius-topleft: 0px;
  233.     -moz-border-radius-topright: 0px;
  234.     -moz-border-radius-bottomright: 2px;
  235.     -moz-border-radius-bottomleft: 2px;
  236.     -webkit-border-radius: 0px 0px 2px 2px;
  237.     border-radius: 0px 0px 2px 2px;
  238. }
  239. .inner:first-child {
  240.     -webkit-border-radius: 2px;
  241.     -moz-border-radius: 2px;
  242.     border-radius: 2px;
  243. }
  244. .post h2 {
  245.     margin: 0;
  246.     font-size: 12px;
  247.     line-height: 19px;
  248.     text-transform: uppercase;
  249. }
  250. .post ol, .post ul {
  251.     margin: 3px 0;
  252.     padding: 0;
  253. }
  254. .post li {
  255.     margin: 2px 35px;
  256. }
  257. .post .info_bar {
  258.     width: 100%;
  259.     position: absolute;
  260.     top: 5px;
  261.     right: 5px;
  262.     text-align: right;
  263.     opacity: 0;
  264.     -webkit-transition: all 0.1s ease;
  265.     -moz-transition: all 0.1s ease;
  266.     -o-transition: all 0.1s ease;
  267.     transition: all 0.1s ease;
  268.     {block:PermalinkPage}
  269.     display: none;
  270.     {/block:PermalinkPage}
  271. }
  272. .post:hover .info_bar {
  273.     opacity: 1;
  274. }
  275. .post .info_bar a {
  276.     text-decoration: none;
  277. }
  278. .post .info_bar img {
  279.     margin: 0 3px -6px 0;
  280. }
  281. .post .info_bar .notecount {
  282.     background: rgba(0,0,0,0.5);
  283.     border: rgba(0,0,0,0.2) solid 1px;
  284.     text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
  285.     filter: dropshadow(color=rgba(0,0,0,0.5), offx=0, offy=1);
  286.     -webkit-border-radius: 3px;
  287.     -moz-border-radius: 3px;
  288.     border-radius: 3px;
  289.     padding: 2px;
  290.     font-size: 12px;
  291.     font-weight: bold;
  292.     position: relative;
  293. }
  294. .post .info_bar .notecount span {
  295.     color: #FFF;
  296. }
  297. .post .photo {
  298.     position: relative;
  299.     padding: 0;
  300.     line-height: 0 !important;
  301.     {block:IndexPage}
  302.     background: {color:Body text};
  303.     {/block:IndexPage}
  304. }
  305. .post img.main_photo {
  306.     width: 100%;
  307. }
  308. .post img {
  309.     max-width: 100%;
  310.     height: auto;
  311. }
  312. .post .photo img {
  313.     line-height: 0;
  314. }
  315. .post .lines {
  316.     margin: 0 0 5px 0;
  317.     padding: 0;
  318.     list-style: none;
  319. }
  320. .post .lines .line {
  321.     padding: 5px 10px;
  322.     margin: 0;
  323. }
  324. .post .lines .odd {
  325. }
  326. .post .lines .even {
  327.     margin-left: 25px;
  328. }
  329. .note_box ol.notes {
  330.     padding: 0;
  331.     margin: 0;
  332.     list-style-type: none;
  333.     font-size: 11px;
  334. }
  335. .note_box ol.notes a {
  336.     text-decoration: none;
  337. }
  338. .note_box ol.notes li.note {
  339.     border-top: solid 1px {color:Post text};
  340.     padding: 5px 0;
  341.     margin: 0 !important;
  342. }
  343. .note_box ol.notes li.note img.avatar {
  344.     vertical-align: -4px;
  345.     margin-right: 10px;
  346.     width: 16px;
  347.     height: 16px;
  348. }
  349. .note_box ol.notes li.note .answer_content {
  350.     font-weight: normal;
  351. }
  352. .note_box ol.notes li.note blockquote {
  353.     border-color: {color:Post text};
  354.     padding: 4px 10px;
  355.     margin: 10px 0px 0px 25px;
  356. }
  357. .pagination {
  358.     display: none;
  359. }
  360. #infscr-loading {font-weight:bold;width:100%;text-align:center;position:absolute;padding:25px 0;bottom:0;left:0;font-size:10px;color:{color:Header background};text-transform:uppercase;}
  361. .masonry,.masonry .masonry-brick {-webkit-transition-duration: 0.25s;-moz-transition-duration: 0.25s;-o-transition-duration: 0.25s;transition-duration: 0.25s;}.masonry {-webkit-transition-property: height, width;-moz-transition-property: height, width;-o-transition-property: height, width;transition-property: height, width;}.masonry .masonry-brick {-webkit-transition-property: left, right, top;-moz-transition-property: left, right, top;-o-transition-property: left, right, top;transition-property: left, right, top;}
  362. body{background:url({image:Background}) {color:Background} {block:IfFixedBackground}fixed{/block:IfFixedBackground} {block:IfNotRepeatBackground}no-repeat{/block:IfNotRepeatBackground} {block:IfCenterBackground}center 0{/block:IfCenterBackground}}
  363. .hidden {
  364.     display: none;
  365. }
  366. .loading {
  367.     font-weight: bold;
  368.     text-align: center;
  369.     position: absolute;
  370.     width: 100%;
  371.     height: 100%;
  372.     left: 0;
  373.     top: 0;
  374.     font-size: 10px;
  375.     color: {color:Header background};
  376.     text-transform: uppercase;
  377. }
  378. {CustomCSS}
  379. </style>
  380.  
  381. </head>
  382.  
  383. <body class="{Name}" id="33804" onload="var image1 = new Image(); image1.src = 'http://static.tumblr.com/jw8fmba/5BMlx5wf8/menu_bg.png';">
  384.  
  385.     <div class="loading">
  386.         <table width="100%" height="100%">
  387.             <tr>
  388.                 <td width="100%" height="100%">
  389.                     {text:Loading message}
  390.                 </td>
  391.             </tr>
  392.         </table>
  393.     </div>
  394.  
  395.     {block:Pagination}<ul class="pagination hidden">
  396.             <li>{block:NextPage}<a href="{NextPage}" class="pagination_nextlink">Next</a>{/block:NextPage}</li>
  397.     </ul>{/block:Pagination}
  398.  
  399.     <div class="header">
  400.    
  401.         <a href="/"><div class="item title">{block:IfHeaderImage}<img src="{image:Header}" />{/block:IfHeaderImage}{block:IfNotHeaderImage}<h1>{Title}</h1>{/block:IfNotHeaderImage}</div></a><a href="{text:Link1}"><div class="item menu_link">{text:Link1 Title}</div></a><a href="{text:Link2}"><div class="item menu_link">{text:Link2 Title}</div></a><a href="{text:Link3}"><div class="item menu_link">{text:Link3 Title}</div></a><a href="{text:Link4}"><div class="item menu_link">{text:Link4 Title}</div></a><a href="{text:Link5}"><div class="item menu_link">{text:Link5 Title}</div></a><a href="{text:Link6}"><div class="item menu_link">{text:Link6 Title}</div></a>{block:IfNotInfiniteScroll}{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"><div class="item menu_link">{lang:Previous page}</div></a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}"><div class="item menu_link">{lang:Next page}</div></a>{/block:NextPage}{/block:Pagination}{/block:IfNotInfiniteScroll}<div class="item search"><form action="/search" method="get"><input type="text" name="q" value="{SearchQuery}" /></form></div>
  402.    
  403.         {block:IfShowDescription}{block:Description}<div class="slide_downs description hidden">
  404.             {Description}
  405.         </div>{/block:Description}{/block:IfShowDescription}
  406.         {block:AskEnabled}<div class="slide_downs askbox hidden">
  407.              <iframe frameborder="0" scrolling="no" width="100%" height="149" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  408.         </div>{/block:AskEnabled}
  409.         {block:SubmitEnabled}<div class="slide_downs submitbox hidden">
  410.              <iframe frameborder="0" scrolling="no" width="100%" height="500" id="submit_form" src="http://www.tumblr.com/submit_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('submit_form').allowTransparency=true;</script><![endif]-->
  411.         </div>{/block:SubmitEnabled}
  412.    
  413.     </div>
  414.  
  415.     <div class="posts">    
  416.         {block:Posts}
  417.         <div class="post {block:IfInfiniteScroll}load{/block:IfInfiniteScroll}" id="post_{PostID}" {block:Date}no_{/block:Date}style="width:100%;">{block:Text}<div class="inner">{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{block:More}<h3><a href="{Permalink}">{lang:Read more}</a></h3>{/block:More}</div>{/block:Text}{block:Answer}<div class="inner"><p><strong>{lang:Asker asked}: {Question}</strong></p><p>{Answer}</p></div>{/block:Answer}{block:Chat}<div class="inner">{block:Title}<h2>{Title}</h2>{/block:Title}<ul class="lines">{block:Lines}<li class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{/block:Chat}{block:Quote}<div class="inner"><h2 class="quote">"{Quote}"</h2>{block:Source}<p>- {Source}</p>{/block:Source}</div>{/block:Quote}{block:Link}<div class="inner"><h2><a href="{URL}" {Target}>{Name}</a></h2>{block:Description}{Description}{/block:Description}</div>{/block:Link}{block:Photo}<div class="photo">{LinkOpenTag}<img src="{block:IndexPage}{block:IfLargePosts}{PhotoURL-400}{/block:IfLargePosts}{block:IfNotLargePosts}{PhotoURL-250}{/block:IfNotLargePosts}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-500}{/block:PermalinkPage}" alt="{PhotoAlt}" class="main_photo" />{LinkCloseTag}</div>{block:PermalinkPage}{block:Caption}<div class="inner">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:Photo}{block:Photoset}{block:IndexPage}{block:IfLargePosts}{Photoset-400}{/block:IfLargePosts}{block:IfNotLargePosts}{Photoset-250}{/block:IfNotLargePosts}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}{block:Caption}<div class="inner">{Caption}</div>{/block:Caption}{/block:Photoset}{block:Video}{block:IndexPage}{block:IfLargePosts}{Video-400}{/block:IfLargePosts}{block:IfNotLargePosts}{Video-250}{/block:IfNotLargePosts}{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}{block:Caption}<div class="inner">{Caption}</div>{/block:Caption}{/block:Video}{block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" class="main_photo" />{/block:AlbumArt}<div class="inner">{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}</div>{/block:Audio}
  418.        
  419.             {block:Date}<div class="info_bar"><img class="like" src="http://static.tumblr.com/jw8fmba/JQllum7dg/like.png" id="like_image_{PostID}" onclick="LikePost('{PostID}','{ReblogURL}',this)" border="0" alt="like" title="like" /><a href="{ReblogURL}" title="Reblog this photo"><img src="http://static.tumblr.com/jw8fmba/bPzlum7er/reblog.png" class="reblog" /></a>{block:NoteCount}<a href="{Permalink}" class="notecount"><span class="note_count_{PostID}">{NoteCount}</span></a>{/block:NoteCount}</div>{/block:Date}
  420.         </div>
  421.        
  422.        
  423.         {block:PostNotes}<div class="note_box">
  424.             <div class="inner">
  425.                 {PostNotes}
  426.             </div>
  427.         </div>{/block:PostNotes}
  428.        
  429.        
  430.         {/block:Posts}
  431.    
  432.     </div>
  433.    
  434.     {text:Music player script}
  435.    
  436. {block:IndexPage}
  437. <script type="text/javascript">
  438. $(function(){var $container = $('.posts').css({ opacity: 0 });$container.imagesLoaded(function(){$container.animate({ opacity: 1 });$container.masonry({itemSelector:'.post',columnWidth: {block:IfLargePosts}410{/block:IfLargePosts}{block:IfNotLargePosts}260{/block:IfNotLargePosts}});});$container.infinitescroll({navSelector:'.pagination',nextSelector:'.pagination li a.pagination_nextlink',itemSelector: '.load',loading: {img:'http://static.tumblr.com/jw8fmba/yGMlx5zw8/transparent.gif',msgText : "{text:Infinite scroll message}",donetext:''}},function( newElements ) { var $newElems = $( newElements ).css({ opacity: 0 });$newElems.imagesLoaded(function(){$newElems.animate({ opacity: 1 });$container.masonry( 'appended', $newElems, true );});});});
  439. </script>
  440. {/block:IndexPage}
  441. <iframe id="likes_frame" style="height:1px;width:1px;position:absolute;left:-500px;"></iframe>
  442.  
  443.     {block:RebloggedFrom} <a href=”{ReblogParentURL}” target=”_blank”>Via</a>{/block:RebloggedFrom}
  444.  
  445. {block:ContentSource}<a href=”{SourceURL}” target=”_blank”>Source</a>{/block:ContentSource}
  446. </body>
  447. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!