API tools faq
paste
Advertisement
nathaliac

THEME 5

nathaliac
Nov 24th, 2014
140
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.33 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. <!-- THEME POR SARRADONA, DON'T COPY!!! base por fckraw - detalhes: fckraw, alohaban -->
  4.  
  5.  
  6.  
  7.  
  8.  
  9.  
  10. <html>
  11. <head>
  12.  
  13.  
  14. <meta name="image:sidebar" content="http://static.tumblr.com/6dlc4ur/6wnnf92ko/tumblr_n8de3jbhzk1rzyfwvo1_500.jpg" />
  15. <meta name="color:background" content="#fff" />
  16. <meta name="color:cor do texto" content="#000" />
  17. <meta name="color:cor dos links" content="#bebebe" />
  18. <meta name="color:cor da descri" content="#696969" />
  19.  
  20.  
  21. <meta name="text:link1" content="/" />
  22. <meta name="text:link1 title" content="link" />
  23. <meta name="text:link2" content="/" />
  24. <meta name="text:link2 title" content="link" />
  25. <meta name="text:link3" content="/" />
  26. <meta name="text:link3 title" content="link" />
  27. <meta name="text:link4" content="/" />
  28. <meta name="text:link4 title" content="link" />
  29. <meta name="text:link5" content="/" />
  30. <meta name="text:link5 title" content="link" />
  31. <meta name="text:frasinha" content="frase aqui" />
  32.  
  33. <title>{Title}</title>
  34. <link rel="shortcut icon" href="{FavIcon}">
  35. <link rel="alternate" type="application/rss+xml" href="{RSS}">{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  36.  
  37. <link href='http://fonts.googleapis.com/css?family=IM+Fell+English:400,400italic' rel='stylesheet' type='text/css'> <script src='http://static.tumblr.com/iihcsbj/QUElox2fq/jquery-1.1.3.1.min.js'type='text/javascript'/></script><script src='http://static.tumblr.com/iihcsbj/NTDlox2gu/jquery.easing.min.js' type='text/javascript'/></script> <style type="text/css">
  38.  
  39.  
  40.  
  41.  
  42.  
  43.  
  44.  
  45. body {font-family:consolas; font-size: 10px; background-attachment: fixed;background:{color:background};background-image:url('x'); color:{color:cor da fonte};}
  46.  
  47. a {color: #666; text-decoration: none; text-transform: none;}
  48. a:hover {color: #666;}
  49. p {margin: 6px 0 0 0}
  50.  
  51. blockquote {margin: 0px; padding-left: 0px; }
  52. blockquote img{width: 400px!important; text-align:justify;}
  53.  
  54.  
  55.  
  56.  
  57.  
  58. /*** CONFIGURAÇÕES DOS POSTS ***/
  59.  
  60. #entryys {position:absolute; margin:auto; margin-top:50px; margin-bottom:30px; margin-left:360px; width:1000px;}
  61.  
  62. #everytg {margin:0px auto 20px auto; width:auto;}
  63.  
  64. .posts {background:transparent; margin: 1px; width: 250px; -webkit-transition: opacity 1.55s linear;-moz-transition: opacity 1.55s linear;-webkit-transition: all 1.55s ease-in-out;-moz-transition: all 1.55s ease-in-out;-o-transition: all 1.55s ease-in-out; overflow: hidden; float:left; position:relative; padding:15px;}
  65. .posts:hover {width:250px;opacity:1; -webkit-transition:all 0.66s linear;-moz-transition:all 0.66s linear;transition:all 0.66s linear;}
  66. .posts:hover .infoimg{opacity:9;}
  67.  
  68. .bpostx {overflow: hidden; float:left; position:relative; -webkit-transition: opacity 1.55s linear;-moz-transition: opacity 1.55s linear;-webkit-transition: all 1.55s ease-in-out;-moz-transition: all 1.55s ease-in-out;-o-transition: all 1.55s ease-in-out; width: 250px; }
  69. .bpostx:hover {width:250px; opacity:9; -webkit-transition:all 0.66s linear;-moz-transition:all 0.66s linear;transition:all 0.66s linear;}
  70.  
  71.  
  72.  
  73.  
  74.  
  75. /*** CONFIGURAÇÕES DAS FONTES ***/
  76.  
  77. h1 {font-family:consolas;text-align:center; font-size: 14px; letter-spacing:1px; font-weight: normal; line-height: 14px;color: #000;}
  78. h1 a {text-align: center;color: #000; }
  79.  
  80.  
  81.  
  82.  
  83.  
  84. /*** CONFIGURAÇÕES DOS QUOTES***/
  85.  
  86. .quote {text-align:justify; font-family:consolas; line-height:15px; font-size:10px; color:#000; padding:3px;margin-left:-2px;margin-bottom:3px; margin-top:2px;background-color:transparent;}
  87. .sc {font-family:calibri; color:#000; text-transform:uppercase; float:right;font-size:11px; margin-top:1px;}
  88.  
  89.  
  90.  
  91.  
  92.  
  93. /*** CONFIGURAÇÕES DOS CHATS ***/
  94.  
  95. .chat {font-size:10px; font-family:consolas;background:transparent;margin:0}
  96. .chat .lines {padding: 0px 0px 0px 0px; background: transparent; color: #000;}
  97. .chat .lines span{font-style: italic;}
  98. .person1 {color: #000; padding: 2px; }
  99. .person1 .label {color:#000}
  100. .person2 {color: #000; padding: 2px; }
  101. .person2 .label {color:#000}
  102. .player {background-color: #000; text-align: left; display:block;}
  103.  
  104.  
  105.  
  106.  
  107.  
  108. /*** CONFIGURAÇÕES DAS PERGUNTAS-RESPOSTAS***/
  109.  
  110. .pergunta {background: #eee; position: relative; width: 185px; height: auto; left:50px; top:-35px; padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
  111.  
  112. .pergunta:before {border-color: transparent #eee; content: ""; position: absolute; top: -5px; margin-left:-18px; margin-top:5px; border-style: solid; border-width: 15px 15px 15px 0; display: block; width: 0; z-index: 1;}
  113.  
  114. .posts .pergunta a {color:#000;}
  115. .pergunta1 img {border-radius: 1000px;width:30px; padding-right:5px;padding-bottom:5px;}
  116. .resposta {color:#000;margin-top:-35px;}
  117. .resposta img {max-width:100%;height:auto;}
  118.  
  119.  
  120.  
  121.  
  122.  
  123. /*** INFORMAÇOES DOS POSTS ***/
  124.  
  125. .infoimg{background-image: linear-gradient(to bottom, transparent, #000); height:14px; padding:20px 0 15px 0; width:250px; left:0; bottom:0;position:absolute;-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;text-align:center;opacity:0;}
  126. .infoimg .notess{font-size:18px; color:#fff; font-family:calibri; padding-left: 10px; padding-right: 10px; }
  127. .infoimg a:hover{text-decoration:none;}
  128. .infoimg .rebblog img{width:13px; margin-top:3px;}
  129. .heart img{width:13px; margin-top:3px;}
  130.  
  131.  
  132. .infotxt {font-family:arial; opacity:0; font-size:8px; text-transform: lowercase; text-align:right; color:#666; -webkit-transition: all 0.8s ease-in-out; -moz-transition-duration:0.8s; -webkit-transition-duration:0.8s; -o-transition-duration:0.8s; margin-bottom:0px; margin-top:10px;}
  133. .posts:hover .infotxt {-webkit-transition: all 0.8s ease-in-out; -moz-transition-duration:0.8s; opacity:1; font-size:8px; -webkit-transition-duration:0.8s; -o-transition-duration:0.8s;}
  134.  
  135. .source {display: none;} .vsanna{display: none;}
  136.  
  137.  
  138.  
  139.  
  140.  
  141. /*** BARRA DE ROLAGEM ***/
  142.  
  143. ::-webkit-scrollbar{width:5px;height:5px;}
  144. ::-webkit-scrollbar-button:start:decrement
  145. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:#fff;}
  146. ::-webkit-scrollbar-track-piece{background-color: transparent; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  147. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: #f8f8f8;-webkit-border-radius:px;}
  148. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: #f8f8f8;-webkit-border-radius:px;}
  149.  
  150.  
  151. iframe#tumblr_controls { position:fixed;white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.3;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  152.  
  153. .tumblrAutoPager_page_separator,
  154. .tumblrAutoPager_page_info {display: none;}
  155.  
  156. #tumblr_controls{position: fixed!important}
  157. #tumblr_controls{position: fixed!important}
  158. #tumblr_controls{position: fixed!important}
  159. #tumblr_controls{position: fixed!important}
  160.  
  161.  
  162.  
  163.  
  164.  
  165. /*** SIDEBAR ***/
  166.  
  167. #sidebar {-webkit-transition: all 0.8s ease-in-out; -moz-transition-duration:0.8s; -webkit-transition-duration:0.8s; -o-transition-duration:0.4s;text-transform;position:fixed; width: auto; height:auto; margin-left:190px;margin-top:48px;}
  168.  
  169.  
  170. #frufru {height:auto; margin-top:40px; position:fixed; text-align:left;}
  171. #frufru img {width:145px; height:193px; opacity:0.9;}
  172. #sidebar:hover #frufru{-moz-transition:All 1s ease; -o-transition:All 1s ease; -webkit-filter: grayscale(0.0) blur(1px);-webkit-transition:All 1s ease;}
  173.  
  174.  
  175.  
  176. #descryp {-webkit-transition: all 0.4s ease-out; -moz-transition: all .4s ease-out;z-index:9;background:transparent;padding:2px; margin-top:200px; margin-left:0px; padding:2px; text-align:center; position:fixed; font-family:consolas; font-size:11px; color:{color:cor da descri}; width:122px;opacity:0;}
  177.  
  178. #sidebar:hover #descryp {opacity:1;}
  179.  
  180.  
  181. #links {:width: 126px; height:20px; margin-top:236px; margin-left:10px; position:fixed; font-family:consolas; text-align:center;background-color:transparent;opacity:1;text-shadow:0.1em 0.1em 1em #000;}
  182.  
  183. #links a:hover {color:{color:hover links};transform:rotateX(360deg);}
  184.  
  185. #links a {-webkit-transition: all 0.4s ease-out; -moz-transition: all .4s ease-out;line-height:20px; text-align: center; padding:1px; background-color:transparent; font-size:9px; }
  186. #sidebar:hover #links{}
  187.  
  188.  
  189. #emojizinho {-webkit-transition: all 0.4s ease-out; -moz-transition: all .4s ease-out;height:auto; margin-top:235px; position:fixed; text-align:left; margin-left:130px;background:color:#fff; opacity:1}
  190. #emojizinho img { width:15px; height:15px; -webkit-filter: grayscale(0%)}
  191. #sidebar:hover #emojizinho {opacity:0}
  192.  
  193. #emojizinho2 {-webkit-transition: all 0.4s ease-out; -moz-transition: all .4s ease-out;height:auto; margin-top:235px; position:fixed; text-align:left; margin-left:130px;background:color:#fff; opacity:0}
  194. #emojizinho2 img { width:15px; height:15px; -webkit-filter: grayscale(0%)}
  195. #sidebar:hover #emojizinho2 {opacity:1}
  196.  
  197.  
  198.  
  199.  
  200. #frasinha {-webkit-transition: all 0.4s ease-out; -moz-transition: all .4s ease-out;z-index:9;background:#dcdcdc;padding:2px; margin-top:255px; margin-left:02px; padding:2px; text-align:center; position:fixed; font-family:georgia; font-size:11px; color:#696969; width:122px;opacity:0;}
  201. #sidebar:hover #frasinha {opacity:1;margin-left:20px;}
  202.  
  203.  
  204.  
  205.  
  206. </style><body>
  207.  
  208.  
  209.  
  210. <div id="sidebar">
  211.  
  212. <div id="frufru"><img src="{image:sidebar}"></div>
  213.  
  214. <div id="frasinha">{text:frasinha}</div>
  215.  
  216.  
  217.  
  218. <div id="emojizinho"><img src="http://static.tumblr.com/6dlc4ur/Yrhnfk4p9/ancora.png"></div>
  219. <div id="emojizinho2"><img src="http://static.tumblr.com/6dlc4ur/Ej9nfk4pq/tumblr_inline_namgtakcjn1sc8wp8.png"></div>
  220.  
  221.  
  222. <div id="links">
  223. <a href="{text:link1}">{text:link1 title}</a>
  224. <a href="{text:link2}">{text:link2 title}</a>
  225. <a href="{text:link3}">{text:link3 title}</a>
  226. <a href="{text:link4}">{text:link4 title}</a>
  227.  
  228. </div>
  229.  
  230. </div>
  231.  
  232.  
  233. <div id="entryys">{block:Posts}<div class="posts"><div class="bpostx">
  234.  
  235. <!-- postagem texto-->{block:Text}{/block:IndexPage}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{block:IndexPage}
  236. <div class="infotxt">{block:IndexPage}{block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} / <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} / <a href="{SourceURL}">source</a>{/block:ContentSource}{block:IndexPage} / <a href="{ReblogUrl}" target="_blank">reblog ✿</a>{/block:IndexPage}</div>{/block:Text}
  237.  
  238. <!--postagem foto--><div id="cap">{block:Photo}{block:IndexPage}<img src="{PhotoURL-400}" width="250">{/block:IndexPage}<div class="infotxt">{block:IndexPage}{block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} / <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} / <a href="{SourceURL}">source</a>{/block:ContentSource}{block:IndexPage} / <a href="{ReblogUrl}" target="_blank">reblog ✿</a>{/block:IndexPage}</div>{/block:Photo}
  239.  
  240. <!--postagem photoset-->
  241. {block:Photoset}{block:IndexPage}{Photoset-400}{/block:IndexPage}{block:PermalinkPage}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{block:IndexPage}<div class="infotxt">{block:IndexPage}{block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} / <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} / <a href="{SourceURL}">source</a>{/block:ContentSource}{block:IndexPage} / <a href="{ReblogUrl}" target="_blank">reblog ✿</a>{/block:IndexPage}</div>{/block:IndexPage}{/block:Photoset}
  242.  
  243. <!--postagem quote-->{block:Quote}<div class="quote">"{Quote}"</div><div class="sc">– {Source}</div>{block:IndexPage}<div class="infotxt"><br>{block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} / <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} / <a href="{SourceURL}">source</a>{/block:ContentSource}{block:IndexPage} / <a href="{ReblogUrl}" target="_blank">reblog ✿ </a>{/block:IndexPage}</div>{/block:IndexPage}{/block:Quote}
  244.  
  245. <!--postagem links-->{block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{block:IndexPage}<div class="infotxt">{block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} / <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} / <a href="{SourceURL}">source</a>{/block:ContentSource}{block:IndexPage} / <a href="{ReblogUrl}" target="_blank">reblog ✿</a>{/block:IndexPage}</div>{/block:IndexPage}{/block:Link}
  246.  
  247. <!--chat-->{block:chat}{block:lines}<div class="chat"><div class="lines">{block:Label}<span>{Label}</span>{/block:Label} {Line}</div></div>{/block:lines}{block:IndexPage}<div class="infotxt">{block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} / <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} / <a href="{SourceURL}">source</a>{/block:ContentSource}{block:IndexPage} / <a href="{ReblogUrl}" target="_blank">reblog ✿</a>{/block:IndexPage}</div>{/block:IndexPage}{/block:chat}
  248.  
  249. <!--musica-->{block:Audio}<div class="player">{AudioPlayerBlack}</div>{block:Caption}{Caption}{/block:Caption}{block:IndexPage}<div class="infotxt">{block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} / <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} / <a href="{SourceURL}">source</a>{/block:ContentSource}{block:IndexPage} / <a href="{ReblogUrl}" target="_blank">reblog ✿</a>{/block:IndexPage}</div>{/block:IndexPage}{/block:Audio}
  250.  
  251. <!--video-->{block:Video}{block:IndexPage}<div class="infoimg"><a href="{ReblogURL}" title="Reblog" target="_blank"><span class="rebblog"><img src="http://media.tumblr.com/tumblr_mboy88Mmjo1qk7o6d.png"></span></a><a href="{Permalink}" title="Permalink"><span class="notess">{NoteCount}</span></a><span class="heart" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"><img src="http://media.tumblr.com/tumblr_mbp2zdKVHR1qk7o6d.png"></span></div>{/block:IndexPage}{block:IndexPage}{Video-400}{/block:IndexPage}{block:PermalinkPage}<center>{Video-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Video}
  252.  
  253. <!--ask-->{block:Answer}<div id="pergunta"><div class="pergunta1"><img src="{AskerPortraitURL-128}"></div><a href="/" title={Asker} falou:</a></div><div id="resposta">{Question}</div><div id="answer">{Answer}</div>{/block:answer}</div>
  254.  
  255. <div class="vsanna">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  256. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div></div></div>{/block:Posts}
  257.  
  258.  
  259.  
  260.  
  261. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  262. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  263. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  264. <script type="text/javascript">
  265. $(window).load(function(){
  266. var $wall = $('#entryys');
  267. $wall.imagesLoaded(function(){
  268. $wall.masonry({
  269. itemSelector: '.posts',
  270. isAnimated : true
  271. });
  272. });
  273. $wall.infinitescroll({
  274. navSelector : "div#navigation",
  275. nextSelector : "div#navigation a#nextPage",
  276. itemSelector : '.posts',
  277. loadingImg : "http://static.tumblr.com/8yo5xxv/3Tum7rjpo/loader.gif",
  278. loadingText : "",
  279. donetext : " ",
  280. extraScrollPx : 1000,
  281. bufferPx : 10100,
  282. debug : false,
  283. errorCallback: function() {
  284. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  285. }},
  286. function( newElements ) {
  287. var $newElems = $( newElements );
  288. $newElems.hide();
  289. $newElems.imagesLoaded(function(){
  290. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 25, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  291. });
  292. }); $('#entryys').show(500);
  293. });
  294. </script>
  295. <div class="column navigation" id="navigation">
  296. {block:Pagination}
  297. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  298. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  299. </div>
  300. {/block:IndexPage}
  301.  
  302. </div></div></div></div></div>
  303. </div></div></div></div></div></div></div></div></div>
  304. <a style="display:block; z-index:999; position:fixed; white-space:nowrap; position:fixed;top:20px;background:#dcdcdc;left:15px;font-family: 'calibri', sans-serif; padding:3px;font-size:10px;opacity:1; color:#696969;
  305. " href="http://sarradona.tumblr.com" target="_blank" title="theme by sarradona">SARRADONA</a>
  306.  
  307.  
  308.  
  309. </body>
  310. </html>
  311.  
  312.  
  313. <!-- THEME POR SARRADONA, DON'T COPY -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!