Advertisement
worenow

theme

Jul 30th, 2014
247
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.64 KB | None | 0 0
  1. <!-- base mectube THEME POR WORENOW
  2.  
  3. -->
  4.  
  5. <html>
  6.  
  7. <script>
  8. function click() {
  9. if (event.button==2||event.button==3) {
  10. oncontextmenu='return false';
  11. }
  12. }
  13. document.onmousedown=click
  14. document.oncontextmenu = new Function("return false;")
  15. </script>
  16.  
  17.  
  18. <head>
  19.  
  20.  
  21.  
  22. <!-- DEFAULT -->
  23. <link href='http://fonts.googleapis.com/css?family=Lora:400italic' rel='stylesheet' type='text/css'>
  24. <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
  25. <meta name="color:background" content="#ffffff" />
  26. <meta name="color:link" content="#000000" />
  27. <meta name="color:text" content="#000000" />
  28. <meta name="color:scroll" content="#000000" />
  29. <meta name="color:post" content="#ffffff" />
  30. <meta name="color:lhover" content="#ffb8d5" />
  31. <meta name="image:sidebar" content="" />
  32.  
  33. <meta name="if:Rolagem infinita" content="1"/>
  34. <meta name="text:Link1" content="/" />
  35. <meta name="text:Link1 Title" content="link" />
  36. <meta name="text:Link2" content="/" />
  37. <meta name="text:Link2 Title" content="link" />
  38. <meta name="text:Link3" content="/" />
  39. <meta name="text:Link3 Title" content="link" />
  40. <meta name="text:Link4" content="/" />
  41. <meta name="text:Link4 Title" content="link" />
  42. <meta name="text:Link5" content="/" />
  43. <meta name="text:Link5 Title" content="link" />
  44.  
  45.  
  46.  
  47. <link rel="shortcut icon" href="{Favicon}">
  48. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  49. <meta name="viewport" content="width=820" />
  50.  
  51. {block:IndexPage}
  52.  
  53. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  54.  
  55. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  56.  
  57. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  58.  
  59. <script type="text/javascript">
  60. $(window).load(function(){
  61. var $wall = $('#content');
  62. $wall.imagesLoaded(function(){
  63. $wall.masonry({
  64. itemSelector: '.entry',
  65. isAnimated : true
  66. });
  67. });
  68. $wall.infinitescroll({
  69. navSelector : "div#navigation",
  70. nextSelector : "div#navigation a#nextPage",
  71. itemSelector : '.entry',
  72. loadingImg : "http://static.tumblr.com/kwz90l7/bIdlst7ub/transparent.png",
  73. loadingText : " ",
  74. donetext : " ",
  75. extraScrollPx : 9000,
  76. bufferPx : 10000,
  77. debug : false,
  78. errorCallback: function() {
  79. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  80. }},
  81. function( newElements ) {
  82. var $newElems = $( newElements );
  83. $newElems.hide();
  84. $newElems.imagesLoaded(function(){
  85. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 750, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  86. });
  87. }); $('#content').show(500);
  88. });
  89. </script>
  90.  
  91. {/block:IndexPage}{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  92. <title>{block:SearchPage}Search results for "{SearchQuery}" - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title><link href='http://fonts.googleapis.com/css?family=Ubuntu+Mono|Waiting+for+the+Sunrise|Josefin+Slab|Inconsolata' rel='stylesheet' type='text/css'>
  93.  
  94. <style type="text/css">
  95.  
  96.  
  97. body {background-image: url('{image:background}');
  98. background-attachment:fixed;
  99. background-color:{color:background};
  100. {block:IfBackgroundTelacheia}background-repeat: no-repeat;
  101. background-position: center;
  102. background-attachment: fixed;
  103. -webkit-background-size: cover;
  104. -o-background-size: cover;{/block:IfBackgroundTelacheia}
  105. font-size:11px;
  106.  
  107. /*-- Font Theme --*/
  108. font-family:arial;
  109. /*-- Font Theme --*/
  110. text-align:left;
  111. letter-spacing:0px;
  112. color:{color:text};}
  113.  
  114. a:link, a:active,
  115. a:visited{color:{color:link};
  116. text-decoration: none;}
  117. a:hover{color:{color:hover};}
  118.  
  119. ::-webkit-scrollbar-thumb{
  120. background-color: {color:scroll};
  121. border: 3px solid {color:background};
  122. height:auto;
  123. -moz-border-radius: 10px;
  124. border-radius: 10px;
  125. }
  126.  
  127. ::-webkit-scrollbar {
  128. height:auto;
  129. width:9px;
  130. background-color: {color:scroll};
  131. border: 4px solid {color:background};
  132. }
  133.  
  134.  
  135. div#content{
  136. margin-left:430px;
  137. width:250px;
  138. {block:If3colum}width:900px;{block:If3colum}}
  139.  
  140. .pquote {
  141. font-size:12px;
  142. line-height:15px;
  143. margin-top:0px;
  144. letter-spacing:0px;
  145. text-align:left;
  146. font-family:cambria;}
  147.  
  148. .quotesource{
  149. font-size:11px;
  150. text-align:left;
  151. letter-spacing:0px; }
  152.  
  153. .post_title{
  154. font-size:14px;
  155. color:{color:link};
  156. line-height:15px; font-family:calibri;}
  157.  
  158.  
  159. .entry{
  160. position:fixed;
  161.  
  162. width:250px;border:px solid #eee;
  163. padding:1px;
  164. float:left;
  165. /* Margin das postagens */
  166. margin-top:1px;
  167. /* Margin das postagens */
  168. background-color:{color:background};
  169. {block:PermalinkPage}width:500px;{/block:PermalinkPage};}
  170.  
  171. .entry img{
  172. {block:PermalinkPage}width:250px;{/block:PermalinkPage};}
  173.  
  174. #postnotes {text-align:left; z-index:11; padding:15px; -webkit-transition: all 0.2s ease-out; -moz-transition: all .4s ease-out; width:500px;}
  175.  
  176.  
  177. .per {
  178. position:relative;
  179. text-align:justify;
  180. padding:0px 1px; margin:0;
  181. clear:both;
  182. color:{color:text};}
  183.  
  184. .fe {
  185. display:block;
  186. position:absolute;
  187. bottom:-15px;
  188. left:15px;
  189. width:0;
  190. border-width:15px 15px 0;
  191. border-style:solid;
  192. border-color: transparent;}
  193.  
  194. .text {text-align:center;}
  195.  
  196. blockquote{
  197. padding:0px 0px 0px 5px;
  198. margin:0px 0px 2px 1px;
  199. border-left: 1px solid {color:Text};}
  200.  
  201. .perms {
  202. font-size:11px;
  203. text-align:left;
  204. opacity: 0;
  205. -webkit-transition-duration: .75s;
  206. top:10px;
  207. width:200px;
  208. height:auto;
  209. padding-bottom:4px;
  210. background-color: ;
  211. position: absolute;
  212. margin-top:0px;
  213. margin-left:3px;
  214. font-style:;
  215. text-transform: lowercase;
  216. font-family:;
  217. letter-spacing:0px;
  218. display:block;}
  219.  
  220. .perms a{background:#fff;opacity:0.8;;padding: 2 4 2 4;border-radius:2px;}
  221.  
  222. .entry:hover .perms {
  223. opacity:1;
  224. z-index:999999;
  225. -webkit-transition-duration: 0.65s;}
  226.  
  227.  
  228. .perms a:hover{
  229. text-decoration:line-through;}
  230.  
  231. .perm {
  232. font-size:10px;
  233. text-align:right;
  234. opacity: 0;
  235. -webkit-transition-duration: 0.75s;
  236. bottom:0px;
  237. width:250px;
  238. height:auto;
  239. padding-bottom:4px;
  240. background-color: ;
  241. position: absolute;
  242. margin-top:0px;
  243. margin-left:0px;
  244. font-style:;
  245. text-transform: lowercase;
  246. font-family:;
  247. letter-spacing:0px;
  248. display:block;}
  249.  
  250.  
  251.  
  252. .entry:hover .perm {
  253. opacity:1;
  254. z-index:999999;
  255. -webkit-transition-duration: 0.65s;}
  256.  
  257.  
  258. .perm a:hover{
  259. text-decoration:line-through;}
  260.  
  261.  
  262. #cred {position:fixed;
  263. right:-38px;
  264. bottom:105px;
  265. font-size:12px;
  266. -webkit-transition-duration: .75s;
  267. padding:5 5 5 5;
  268. border-radius:0px;
  269. z-index:999999;}
  270.  
  271. #cred:hover{right:0px;
  272. ;-webkit-transition-duration: .75s;}
  273.  
  274. {block:Iffollowbranco}
  275. iframe#tumblr_controls {
  276. white-space:nowrap;
  277. -webkit-filter: invert(100%);
  278. -moz-filter: invert(100%);
  279. -o-filter: invert(100%);
  280. -ms-filter: invert(100%);
  281. filter: invert(100%);
  282. opacity:.7;
  283. transition: .8s ease-in-out;
  284. -webkit-transition: .8s ease-in-out;
  285. -moz-transition: .8s ease-in-out;
  286. -o-transition: .8s ease-in-out; }
  287. {/block:Iffollowbranco}
  288.  
  289.  
  290. #sidebar{position:fixed;padding: px; width:225px;height:300px;top:150px;left:210px;margin-bottom: -13px;}
  291.  
  292.  
  293. #tumblr_controls{position: fixed!important}
  294. #tumblr_controls{position: fixed!important}
  295.  
  296. #sidebar:hover #imagem img {-webkit-filter:grayscale(0%);}
  297. #sidebar:hover .pipi {margin-top:10px;transition:all .5s ease-out;}
  298. #sidebar:hover #links {opacity:0;transition:all .9s ease-out;}
  299.  
  300.  
  301.  
  302.  
  303. #imagem img {border-left:px solid {color:border};padding-top:10px; padding:8px;width:180px; height:250px;-webkit-filter: grayscale(10%);}
  304.  
  305. #links {opacity:1;width:150px;background-color:;position: fixed;font-style:italic; font-family:cambria; letter-spacing:px; font-size:12px; height:px;text-align:center; color:#000;padding:1px;margin-top:310;margin-left:-2px;opacity:;margin-left:37px;margin-top:-5px;border-bottom:1px solid #000; border-radius: 9px;border-top:1px solid #000; border-radius: 9px;opacity:10;}
  306. #links a:hover {color:#555555;-webkit-transition: all 0.8s ease-out; -moz-transition: all 0.4s ease-out; text-decoration:line-through; }
  307. #sidebar:hover #links {opacity:10;-webkit-transition: all 0.8s ease-out;color:#000;}
  308.  
  309.  
  310. #descri {opacity:1;width:150px;background-color:;position: fixed;font-style:italic; font-family:cambria; letter-spacing:px; font-size:12px; height:px;text-align:center; color:#000;padding:1px;margin-top:310;margin-left:-32px;opacity:;margin-left:0px;margin-top:5px;border-bottom:1px solid #000; border-radius: 9px;border-top:1px solid #000; border-radius: 9px;opacity:10;}
  311. #sidebar:hover #descri{margin-top:500px;margin-left:-17px;-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;opacity:10;}
  312.  
  313.  
  314.  
  315. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color:{colorborder};}::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:{color:border};}
  316.  
  317.  
  318. #tumblr_controls{position: fixed!important}
  319. #tumblr_controls{position: fixed!important}
  320.  
  321. .simb2{width:100px; position:fixed; margin-left:41px; margin-top:5px; font-size:15px; font-family: 'Old Standard TT'; text-align:center; color: {color:border}; line-height:1px; z-index: 9999999;}
  322. .simb2 a{color: transparent;}
  323. .simb2 a:hover{font-size:15px; color: black; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  324.  
  325. .pipi {opacity:0;width:180px;border-radius:10px 10px 10px 10px;position: fixed; font-family:tahoma; font-size:9px; line-height:auto; height:px;text-align:center; color:#000;background-color:#fff; padding:0px;margin-top:115px;margin-left:5px;border-bottom:px solid #ddd;border:px solid #ddd;border-left:px solid #ddd; text-transform:uppercase;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.9s ease-out;all 0.3s ease-out; font-weight:; padding-bottom:1px; padding-top:1px; font-weight:;}
  326. #sidebar:hover .pipi {opacity:10; margin-top:139px}
  327.  
  328.  
  329. .pipi2 {;margin-left:12px; margin-top:258px; position:fixed;text-align:left;-webkit-transition-duration: 0.4s; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out}
  330. .pipi2 img { width:23px; height:auto;}
  331.  
  332. #contador {position:fixed; margin-top:-25px; margin-left:;}
  333.  
  334.  
  335.  
  336.  
  337.  
  338. </style>
  339.  
  340.  
  341.  
  342.  
  343. <body oncontextmenu="return false" onkeydown="return false">
  344. <div id="sidebar">
  345. <div class="pipi"><img src="https://38.media.tumblr.com/0761bc35f1f84cbcf1d53cac163f5cfc/tumblr_n7y3bch2d01sl85lio1_500.png" class="pipi"></div>
  346. <div class="pipi2"><img src="https://38.media.tumblr.com/d1c0a904acf7cb677300c43a9e150c5a/tumblr_n9jnzlhsDR1sx8k36o1_250.jpg"></div>
  347. <div id="imagem">
  348. <img src="{image:sidebar}"></div>
  349. <div id="links">
  350. <a href="{text:Link1}">{text:Link1 Title}</a>
  351. <b><a href="{text:Link2}">{text:Link2 Title}</a></b>
  352. <a href="{text:Link3}">{text:Link3 Title}</a>
  353. <b><a href="{text:Link4}">{text:Link4 Title}</a></b>
  354. <a href="{text:Link5}">{text:Link5 Title}</a>
  355. <div id="descri">mina nรณs era sรณ clima</div>
  356. </div>
  357. </div>
  358. </div>
  359. </div>
  360. </div>
  361.  
  362.  
  363.  
  364.  
  365.  
  366.  
  367. <!-- Inicio Das postagens --->
  368.  
  369. <div id="content">
  370. {block:Posts}
  371.  
  372. {block:Text}
  373. <div class="entry">
  374. {block:IndexPage}
  375. <div class="perm">
  376. <a href="{Permalink}">{SourceURL} </a>
  377. <a href="{permalink}"> {Month} {DayofMonthWithSuffix}</a>
  378. <a href="{permalink}"> {notecount}</a>
  379. <a href="{ReblogURL}" target="_blank">reblog</a>
  380. </div> {/block:IndexPage}
  381. {block:Title}<span class="post_title">{Title}</span>{/block:Title}
  382. {Body}
  383. </div>
  384. {/block:Text}
  385.  
  386. {block:Photo}
  387. <div class="entry">
  388. <!--- Tamanho das fotos --->
  389. <img src="{PhotoURL-250}">
  390. <!--- Tamanho das fotos --->
  391. {block:IndexPage}
  392. <div class="perms">
  393. <a href="{permalink}"> {Month} {DayofMonthWithSuffix}</a>
  394. <a href="{permalink}"> {notecount}</a>
  395. <a href="{ReblogURL}" target="_blank">reblog</a>
  396. </div>
  397. {/block:IndexPage}
  398. </div>
  399. {/block:Photo}
  400.  
  401. {block:Photoset}
  402. <div class="entry">
  403. <!--- Tamanho dos Photosets --->
  404. <center>{Photoset-250}</center>
  405. <!--- Tamanho dos Photosets --->
  406. {block:IndexPage}
  407. <div class="perms">
  408. <a href="{permalink}"> {Month} {DayofMonthWithSuffix}</a>
  409. <a href="{permalink}"> {notecount}</a>
  410. <a href="{ReblogURL}" target="_blank">reblog</a>
  411. </div>
  412. {/block:IndexPage}
  413. </div>
  414. {/block:Photoset}
  415.  
  416.  
  417. {block:Quote}
  418. <div class="entry">
  419. <div class="pquote">{Quote}<div class="quotesource"><b>โ€“ {Source}</b></div></div>
  420. {block:IndexPage}
  421. <div class="perm">
  422. <a href="{permalink}"> {Month} {DayofMonthWithSuffix}</a>
  423. <a href="{permalink}"> {notecount}</a>
  424. <a href="{ReblogURL}" target="_blank">reblog</a>
  425. </div>
  426. {/block:IndexPage}
  427. </div>
  428. {/block:Quote}
  429.  
  430. {block:Chat}
  431. <div class="entry">
  432. {block:IndexPage}<div class="perm">
  433. <a href="{permalink}"> {Month} {DayofMonthWithSuffix}</a>
  434. <a href="{permalink}"> {notecount}</a>
  435. <a href="{ReblogURL}" target="_blank">reblog</a>
  436. </div> {/block:IndexPage}
  437. {block:Title}
  438. <span class="post_title">{Title}</span>{/block:Title}
  439. <div id="chat">
  440. {block:Lines}{block:Label}<b>{Label}</b> {/block:Label}{Line}<br>{/block:Lines}
  441. </div>
  442. </div>
  443. {/block:Chat}
  444.  
  445. {block:Link}
  446. <div class="entry">
  447. {block:IndexPage}
  448. <div class="perm">
  449. <a href="{permalink}"> {Month} {DayofMonthWithSuffix}</a>
  450. <a href="{permalink}"> {notecount}</a>
  451. <a href="{ReblogURL}" target="_blank">reblog</a>
  452. </div> {/block:IndexPage}
  453. <span class="post_title"><a href="{URL}">{Name} &#8600;</span></a>
  454. {block:Description}{Description}{/block:Description}
  455.  
  456. </div>
  457. {/block:Link}
  458.  
  459. {block:Audio}
  460. <div class="entry">
  461. <center>
  462. {block:AlbumArt}<img src="{AlbumArtURL}" alt="" width="250"/><p>{/block:AlbumArt}</center>
  463. <div class="audiocas">{AudioPlayerGrey}</div>
  464. {block:Caption}{Caption}
  465. {PlayCount} listens {block:ExternalAudio} <a href="{ExternalAudioURL}"> (download link) </a> {/block:ExternalAudio}{/block:Caption}<p>
  466. {block:IndexPage}<div class="perm"> <a href="{permalink}"> {Month} {DayofMonthWithSuffix}</a>
  467. <a href="{permalink}"> {notecount}</a>
  468. <a href="{ReblogURL}" target="_blank">reblog</a>
  469. </div> {/block:IndexPage}
  470. </div>
  471. {/block:Audio}
  472.  
  473. {block:Video}
  474. <div class="entry">
  475. {Video-250}
  476. {block:IndexPage}
  477. <div class="perms">
  478. <a href="{permalink}"> {Month} {DayofMonthWithSuffix}</a>
  479. <a href="{permalink}"> {notecount}</a>
  480. <a href="{ReblogURL}" target="_blank">reblog</a>
  481. </div> {/block:IndexPage}
  482. </div>
  483. {/block:Video}
  484.  
  485. {block:Answer}
  486. <div class="entry">
  487. <div class="per"><p><b>{Asker} falou :</b> {Question}<p><div class="fe"></div></div>
  488. <p>
  489. <div class="text"><p>{Answer}</p></div>
  490. {block:IndexPage}<div class="perm"> <a href="{permalink}"> {Month} {DayofMonthWithSuffix}</a>
  491. <a href="{permalink}"> {notecount}</a>
  492. <a href="{ReblogURL}" target="_blank">reblog</a>
  493. </div> {/block:IndexPage}
  494. </div>
  495. {/block:Answer}
  496.  
  497.  
  498. {block:PostNotes}
  499. <div id="postnotes">
  500. Posted {TimeAgo}, with {NoteCountWithLabel}<br>
  501. {block:RebloggedFrom}Reblogged of: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>originally by: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}<br>
  502. {block:HasTags}Tagged with: {block:Tags}<a href="{TagURL}" style="margin-right:5px;">#{Tag}</a>{/block:Tags}{/block:HasTags}<p>
  503.  
  504. </div><p>
  505. {PostNotes}
  506. {/block:PostNotes}
  507.  
  508. {/block:posts}
  509.  
  510. {block:IndexPage}
  511. <div class="column navigation" id="navigation">
  512. {block:Pagination}
  513. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  514. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  515. </div>
  516. {/block:IndexPage}
  517.  
  518. </div>
  519.  
  520. <script type="text/javascript"> Cufon.now(); </script>
  521.  
  522. </body>
  523. <a style="width:120px; font-size:9px; color:#4a4a4a; font-family:georgia;position:fixed;font-style:;bottom:30px;right:-15px;" href="http://worenow.tumblr.com/" title="">WORENOW</b></a>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement