C0leciona-dora

Theme 2

Sep 27th, 2013
99
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.28 KB | None | 0 0
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <!--------------
  3.  
  4. BASE POR DECREPITAR
  5.  
  6.  
  7. THEME PERSONALIZADO POR veteran-a.
  8.  
  9.  
  10.  
  11.  
  12. ----------------------------------------------------------------------
  13. * NÃO RETIRE OS CREDITOS ;
  14. * NÃO PLAGIE , ART. LEI 184
  15. * PENSE BEM ANTES DE FAZER BESTEIRA
  16. ----------------------------------------------------------------------
  17. ---------------->
  18.  
  19. <html>
  20. <head>
  21.  
  22. <!----CABEÇALHO---->
  23. <title>{Title}</title>
  24. <link rel="shortcut icon" href="{Favicon}">
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26. {block:Description}
  27. <meta name="description" content="{MetaDescription}" />
  28.  
  29. {/block:Description}
  30.  
  31.  
  32. <!-- METASS NÃO MEXA AQUII , VAI BUGAR TUDINHO .--->
  33. <meta name="if:Tree columns" content="0">
  34. <meta name="image:background" content="" />
  35. <meta name="color:background" content="#ffffff" />
  36. <meta name="color:text" content="#a1a1a1" />
  37. <meta name="color:link" content="#a1a1a1" />
  38. <meta name="color:scrollbar" content="#a1a1a1">
  39.  
  40.  
  41. {/block:Description}
  42. <script type="text/javascript"
  43. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  44.  
  45.  
  46.  
  47.  
  48.  
  49. <style>
  50. .my-like {
  51. background-image: url(http://static.tumblr.com/b8yqvki/yxFmajxa5/amandarickathemeunliked.png) !important;
  52. height:20px;
  53. width:21px;
  54. cursor:pointer;
  55. display:inline-block;
  56. vertical-align:top;
  57. }
  58. .my-liked, .my-like:hover {
  59. background-image: url(http://static.tumblr.com/b8yqvki/CCTmajxau/amandarickathemeliked.png) !important;
  60. height:20px;
  61. width:21px;
  62. cursor:pointer;
  63. display:inline-block;
  64. vertical-align:top;
  65. }
  66. </style>
  67. <script>
  68. window.onload = function () {
  69. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  70. document.addEventListener( 'click', function ( event ) {
  71. var myLike = event.target;
  72. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  73. var frame = document.getElementById( 'my-like-frame' ),
  74. liked = ( myLike.className == 'my-liked' ),
  75. command = liked ? 'unlike' : 'like',
  76. reblog = myLike.getAttribute( 'data-reblog' ),
  77. id = myLike.getAttribute( 'data-id' ),
  78. oauth = reblog.slice( -8 );
  79. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  80. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  81. };
  82. }, false );
  83. };
  84. </script>
  85.  
  86.  
  87. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop"><img src="http://media.tumblr.com/488c1ce06d21142ef48095396f6c0161/tumblr_inline_mrqtwoZAfE1qz4rgp.png" border="0"></a>
  88. <!-----FONTES------>
  89. <link href='http://fonts.googleapis.com/css?family=Happy+Monkey' rel='stylesheet' type='text/css'>
  90. <link href='http://fonts.googleapis.com/css?family=ABeeZee|Kameron|Muli|Almendra' rel='stylesheet' type='text/css'>
  91. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Dosis|Inconsolata' rel='stylesheet' type='text/css'>
  92. <link href='http://fonts.googleapis.com/css?family=Codystar' rel='stylesheet' type='text/css'>
  93. <link href='http://fonts.googleapis.com/css?family=Grand+Hotel' rel='stylesheet' type='text/css'>
  94. <link href='http://fonts.googleapis.com/css?family=Share+Tech+Mono' rel='stylesheet' type='text/css'>
  95. <link href='http://fonts.googleapis.com/css?family=Princess+Sofia|Crafty+Girls|Stalemate|Allura|Sevillana|Great+Vibes|Mouse+Memoirs|Merienda' rel='stylesheet' type='text/css'>
  96. </script>
  97. <link href='http://fonts.googleapis.com/css?family=Snippet|Sue+Ellen+Francisco|Andika|Delius+Swash+Caps|Lobster|Redressed|Tangerine|Rancho|Rochester|Lobster+Two|Dancing+Script|Pacifico|Crafty+Girls' rel='stylesheet' type='text/css'>
  98. <link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>
  99.  
  100.  
  101. {block:IndexPage}
  102.  
  103. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  104.  
  105. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  106.  
  107. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  108.  
  109. <script type="text/javascript">
  110. $(window).load(function(){
  111. var $wall = $('#enter');
  112. $wall.imagesLoaded(function(){
  113. $wall.masonry({
  114. itemSelector: '.posts',
  115. isAnimated : true
  116. });
  117. });
  118. $wall.infinitescroll({
  119. navSelector : "div#navigation",
  120. nextSelector : "div#navigation a#nextPage",
  121. itemSelector : '.posts',
  122. loadingImg : "http://static.tumblr.com/gdekeu9/M6Wmrjlhk/iiiiiiii.png",
  123. loadingText : "",
  124. donetext : " ",
  125. extraScrollPx : 1000,
  126. bufferPx : 10100,
  127. debug : false,
  128. errorCallback: function() {
  129. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  130. }},
  131. function( newElements ) {
  132. var $newElems = $( newElements );
  133. $newElems.hide();
  134. $newElems.imagesLoaded(function(){
  135. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 25, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  136. });
  137. }); $('#enter').show(500);
  138. });
  139. </script>
  140.  
  141.  
  142. {/block:IndexPage}
  143.  
  144.  
  145. <style type="text/css">
  146. /******* BASE POR DECREPITAR ********/
  147. #scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; bottom: 15px; left: 1050px;}
  148. /******* BASE POR DECREPITAR ********/
  149. body {background-color: {color:background}; font-family: 'Calibri', arial; color: {color:text}; text-align: center; font-size: 11px; background-image:url('{image:background}'); background-attachment: fixed; }
  150.  
  151. a {color: {color:link}; text-decoration: none; text-transform: none;}
  152. a:hover {color: {color:link}; background-color: transparent; text-decoration: none;}
  153.  
  154. p {margin: 6px 0 0 0}
  155. /******* BASE POR DECREPITAR ********/
  156. blockquote {margin: 5px 5px 5px 5px; border-left: 6px solid {color:background}; padding-left: 5px; }
  157. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 5px solid {color:background};}
  158. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:background}; }
  159. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:background}; }
  160.  
  161. blockquote img{max-width: 240px!important}
  162. blockquote blockquote img{max-width: 230px!important}
  163. blockquote blockquote blockquote img{max-width: 220px!important}
  164. blockquote blockquote blockquote blockquote img{max-width: 210px!important}
  165.  
  166. /******* BASE POR DECREPITAR ********/
  167. #container {text-align: center; width: 935px; margin: 0px auto 0px auto; padding: 0px; z-index: 1}
  168.  
  169. #enter {float: center; margin-left: 250px; margin-top:0px; width: 550px;{block:IfTreeColumns}width:900px;{/block:IfTreeColumns}}
  170.  
  171. .posts {width: 250px; background-color: {color:posts}; padding: 2px; padding: 5px; float: left; margin: 2px 0 0 2px;opacity:2; text-align: justify; font-family: 'cambria'; font-size: 13px; position: relative; ;border:1px solid #eee;}
  172. .posts:hover .nn {opacity: 1;width:100%;left:35%;}
  173.  
  174. /******* BASE POR DECREPITAR ********/
  175.  
  176. h1 {font-family: 'cambria', cursive; text-align: center; font-size: 16px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;}
  177. h1 a {text-align: center; font-size: 16px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;}
  178. h1 a:hover {text-align: center; font-size: 16px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;}
  179.  
  180.  
  181. /******* BASE POR DECREPITAR ********/
  182.  
  183. .image {text-align: center; border: 0px}
  184. .image img { max-width: 250px; margin-bottom: 2px; -webkit-transition: all 0.6s ease-out;;-webkit-filter: grayscale(80%); }
  185. .image img:hover { -webkit-transition: all 0.6s ease-out;;-webkit-filter: grayscale(0%);}
  186.  
  187. /******* BASE POR DECREPITAR ********/
  188.  
  189. .quote:first-letter{font-family: 'annie use your telescope'; font-size: 18px; font-weight: bold;}
  190. .quote {margin: 0; padding: 7px; font: normal 12px 'cambria' ; text-align: justify;;}
  191. .quotesource {text-align: center; text-transform: none; margin-bottom: 2px;
  192. border-top:1px solid #eee ;top:1px;}
  193. .quotesource a, a:hover{text-transform: none;}
  194.  
  195. /******* BASE POR DECREPITAR ********/
  196.  
  197. .chat {line-height: 14px; list-style: none; }
  198. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  199. .person1 {color: {color:text}; padding: 2px; }
  200. .person1 .label {font-weight: bold; color:{color:text}}
  201. .person2 {color: {color:text}; padding: 2px; }
  202. .person2 .label {font-weight: bold; color:{color:text}}
  203.  
  204. .player {background-color: #000; text-align: left; display:block;}
  205.  
  206. /** estilo de ask #04 - bombasticdesign.tumblr.com **/
  207. .askfoto{border-radius: 50px;border:2px solid #FFF;margin-left:10px;margin-top:-10px;}
  208. .perguntou{background:#eee;padding:4px;color:#a1a1a1}
  209. .perguntou a {color:#a1a1a1; font-family:'cambria'}
  210. .perguntou:hover a {color:#a1a1a1;font-family:'cambria'}
  211. .resposta{background-color:#FFF;padding:7px;font-family:'cambria', sans-serif; font-size: 9pt;color:#aaa;text-align: left;border-radius:0px 0px 5px 5px}
  212. .pergunta{ margin-left: 50px;
  213. font-family: 'cambria', sans-serif;}
  214. .perguntas{background-color:#FFF;padding:7px;font-family:'cambria', sans-serif; font-size: 9pt;color:#aaa;text-align: left;border-radius:5px 5px 0px 0px;}
  215.  
  216. /** fim do código **/
  217. /******* BASE POR DECREPITAR ********/
  218. .nn {opacity:0;width:100%;
  219. position: absolute;
  220. text-align: left;
  221. height:10%;line-height:10%;
  222. text-transform:uppercase;
  223. top:40%;
  224. left:25%;
  225. -webkit-transition-duration: 0.9s;-webkit-transition: opacity 0.5s linear; opacity: 0.0;z-index:9;
  226.  
  227. -webkit-transition: all 0.5s linear;
  228.  
  229. -moz-transition: all 0.5s linear;
  230.  
  231. transition: all 0.5s linear;font-size:9px;color:#;text-transform:none;font-family:muli;
  232. }
  233. /******* BASE POR DECREPITAR ********/
  234. .notess {position: absolute; background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");height: 20px;font-size: 11px;line-height: 20px;color: #fff;position: absolute; margin-left: 20px;padding-left: 4px;padding-right: 4px;-moz-border-radius: 2px;border-radius: 2px; -webkit-transition-duration: 0s; opacity: 0;z-index:99;top: 0%;}
  235.  
  236. .notess a{color: #fff;font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
  237. .posts:hover .notess {opacity: 1; margin-left:20%;}
  238.  
  239. /******* BASE POR DECREPITAR ********/
  240.  
  241. .gradient{
  242.  
  243. -webkit-transition: all .6s ease-in-out;position:absolute;right:5px;text-align:center; opacity:0; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)) repeat-X;bottom:5px; width:96.5%;height:50px;
  244. }
  245.  
  246. .posts:hover .gradient{opacity:1;-webkit-transition: all .6s ease-in-out;
  247. }
  248.  
  249. /******* BASE POR DECREPITAR ********/
  250.  
  251. #cred {top: 10px; left: 10px; position:fixed; width: auto; z-index:99999999999999999999999999999;}
  252.  
  253. #cred a{text-transform: none; display: block; font-family: 'arial'; background-color:#040404; color: #fff; width: 25px; text-align: center; font-size: 11px; height:25px;line-height:25px;text-transform:uppercase; -webkit-transition-duration: .66s;opacity:0.75;border-radius:50px;}
  254.  
  255.  
  256. /******* BASE POR DECREPITAR ********/
  257.  
  258.  
  259. #tumblr_controls{position: fixed!important;z-index:15; -webkit-filter:invert(100%);}
  260.  
  261. iframe#tumblr_controls { right:3px !important; position: fixed !important; -webkit-transition: opacity 0.5s linear; opacity: 0.6; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out;-webkit-filter:invert(100%);}
  262. iframe#tumblr_controls:hover{ -webkit-transition: opacity 0.7s linear; opacity: 1; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out; -webkit-filter:invert(100%);}
  263.  
  264.  
  265. /******* BASE POR DECREPITAR ********/
  266.  
  267. ::-webkit-scrollbar{width:7px;height:7px;}
  268. ::-webkit-scrollbar-button:start:decrement
  269. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  270. ::-webkit-scrollbar-track-piece{background-color: {color:post}; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  271. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:scrollbar};}
  272. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: {color:scrollbar};}
  273.  
  274. .creditoaokaique {opacity: 0; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; }
  275. .creditoaokaique:hover { -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  276. /******* BASE POR DECREPITAR ********/
  277. #info {text-align: left; margin-top:-30px;margin-left:410px; font-size: 10px; font-family: calibri; text-transform: uppercase; z-index: 11;}
  278. #info a {font-size: 10px; text-transform: uppercase;}
  279.  
  280. #tags {color: {color:text}; font-size: 10px; font-family: calibri; display: inline; list-style: none; text-transform: uppercase;;}
  281. #tags a {font-size: 10px; font-family: calibri; display: inline; list-style: none; text-transform: uppercase;;}
  282.  
  283. #cap {margin-top: -2px;}
  284. .source {display: none;}
  285.  
  286.  
  287. /**MENU POR DECREPITAR NÃO RETIRE OS CREDITOS , POR QUE NÃO FOI VOCÊ QUE FEZ . BOM USO **/
  288.  
  289. #link-decrepitar {width: 15px; margin-top: 100px; margin-left: -5px; position:fixed;z-index:99999999999999999999999999999;}
  290.  
  291. #link-decrepitar a{display:inline-block ; font-family: 'arial'; background-color:#transp.; color:#A1A1A1; width: 50px;; font-size: 8px; height:25px;line-height:25px;text-transform:uppercase;;text-align:center; -webkit-transition-duration: .66s;margin: 1px 0 0px 0;opacity:0.71;border:1px double;}
  292. #link-decrepitar a:hover{-webkit-transform: rotate(360deg) ;-webkit-border-radius: 100px ;}
  293.  
  294.  
  295. /*******CREDITE A DECREPITAR | RAQUEL LOPES , SIDEBAR POR DECREPITAR , NÃO RETIRE OS CREDITOOOS.*********/
  296.  
  297. #raquel-sidebar {position: fixed; width:190px; height:190px; margin-left:50px; margin-top:85px; z-index:100; border:1px Double #a1a1a1;}
  298.  
  299. .fotoside img {display: block;width:180px; height:180px;margin-left:5px; margin-top:5px;-webkit-border-radius: 3px ;-webkit-transition: all 1s ease-in-out;
  300. -moz-transition: all 1s ease-in-out;
  301. -o-transition: all 1s ease-in-out;
  302. -ms-transition: all 1s ease-in-out;position:fixed; opacity: 0.45}
  303.  
  304. .fotoside img:hover{ -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1); opacity:0.5;-webkit-transition-duration: .69s;opacity:1.0;}
  305.  
  306. .fotoside img.top { opacity:0.7;}
  307. .fotoside:hover img.top, .cf4.hover_effect img.top {opacity:0;}
  308.  
  309. .fotoside:hover img.bottom, .cf4.hover_effect img.bottom {filter:gray;opacity:1.0;}
  310.  
  311. </style>
  312. <body>
  313. <div id="raquel-sidebar">
  314. <div class="fotoside" class="hover">
  315. <img class="bottom shadow" src="http://24.media.tumblr.com/d5617ff35d752a3ff0b7cda4baf3410f/tumblr_mlxe7uBqrc1rz8zl7o2_250.png" style="-webkit-filter: grayscale(100%);"</div>
  316. <img class="top shadow" src="http://25.media.tumblr.com/tumblr_meo1ryzrgW1rz8zl7o1_250.png" ></div></div>
  317.  
  318. <div id="content">
  319. <div id="link-decrepitar">
  320. <a href="/" >Home</a>
  321. <a href="/ask" >Ask me *u* </a>
  322. <a href="/" >UM LINK </a>
  323. <a href="/" >UM LINK </a>
  324. <a href="/" >UM LINK </a>
  325. <a href="/" >UM LINK </a>
  326. </div></div>
  327.  
  328. <!----------NÃO MEXA AQUI , OLHA A LEI EM , PENSE BEM ;) ------------>
  329. <div id="cred">
  330. <a href="http://veteran-a.tumblr.com" title=" VETERAN-A + BASE DECREPITAR " target="_blank" > VT</a>
  331. </div>
  332.  
  333. <!----------NÃO MEXA AQUI , OLHA A LEI EM , PENSE BEM ;) ------------>
  334.  
  335.  
  336. </div>
  337. </DIV>
  338.  
  339. </div>
  340. {block:IndexPage}
  341. <div class="column navigation" id="navigation">
  342. {block:Pagination}
  343. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  344. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  345. </div>
  346. {/block:IndexPage}
  347. </div></div></div></div>
  348.  
  349. <br></center></div></div></div></div></div></div>
  350.  
  351. <div id="enter">
  352.  
  353.  
  354. <div class="autopagerize_page_element">
  355. {block:Posts}
  356.  
  357. <div class="posts">
  358.  
  359.  
  360.  
  361.  
  362. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}<i>{Body}</i>{/block:Text}
  363.  
  364. {block:Photo}
  365. <div class="image"><img src="{PhotoURL-250}"></div>{LinkCloseTag}{/block:Photo}
  366.  
  367. {block:Photoset}{Photoset-250}{/block:Photoset}
  368.  
  369.  
  370. {block:Quote}
  371. <div class="quote"><center><i>{Quote}</i></center></div>
  372. {block:Source}<div class="quotesource"> {Source}</div>
  373. {/block:Source}
  374. {/block:Quote}
  375.  
  376. {block:Link}
  377. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  378. {block:Description}{Description}{/block:Description}
  379. {/block:Link}
  380.  
  381. {block:Chat}
  382. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  383. <div class="chat"><ul>{block:Lines}
  384. <li class="person{UserNumber}">{block:Label}
  385. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  386. {/block:Chat}
  387.  
  388. {block:Audio}
  389. <div class="player">{AudioPlayerBlack}</div>
  390. {block:Caption}{Caption}{/block:Caption}
  391. {/block:Audio}
  392.  
  393. {block:Video}{Video-250}{/block:Video}
  394.  
  395.  
  396. {block:Answer}<div class="perguntas">{Question}</div><div class="perguntou"><img src="{AskerPortraitURL-30}" align="left" class="askfoto"><div class="pergunta">{Asker} perguntou:</div></div><div class="resposta">{Answer}</div>
  397. {/block:Answer}
  398.  
  399.  
  400. <div class="gradient">
  401.  
  402. <div class="nn">
  403. <a href="{ReblogURL}" target="_blank" title="reblog"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png"></a>
  404.  
  405. <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div>
  406.  
  407. <div class="notess"><a href="{Permalink}" target="_blank" title="Notes">{NoteCount}</a></div>
  408.  
  409. {block:RebloggedFrom} <a href="{ReblogParentURL}"><a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
  410.  
  411. {block:ContentSource} <a href="{SourceURL}"></a>{/block:ContentSource}
  412.  
  413. </div></div>
  414. </div>
  415. {/block:Posts}</div>
  416.  
  417.  
  418. </div></div></div></div>
  419.  
  420. </div></div></div></div></div></div></div></div>
  421.  
  422. </div></div></div></div></div></div></div></div>
  423.  
  424. </div></div></div></div></div></div></div></div>
  425.  
  426. </div></div></div></div></div></div></div></div>
  427.  
  428. </div></div></div></div>
  429. </body>
  430. </html>
Advertisement
Add Comment
Please, Sign In to add comment