Advertisement
nathaliac

BASE

Nov 26th, 2014
167
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.22 KB | None | 0 0
  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.  
  30.  
  31. <title>{Title}</title>
  32. <link rel="shortcut icon" href="{FavIcon}">
  33. <link rel="alternate" type="application/rss+xml" href="{RSS}">{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  34.  
  35. <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">
  36.  
  37.  
  38.  
  39.  
  40.  
  41.  
  42.  
  43. body {font-family:corbel; font-size: 12px; background-attachment: fixed;background:{color:background};background-image:url('x'); color:{color:cor do texto}}
  44.  
  45. a {color: #666; text-decoration: none; text-transform: none;}
  46. a:hover {color: #666;}
  47. p {margin: 6px 0 0 0}
  48.  
  49. blockquote {margin: 0px; padding-left: 0px; }
  50. blockquote img{width: 400px!important; text-align:justify;}
  51.  
  52.  
  53.  
  54.  
  55.  
  56. /*** CONFIGURAÇÕES DOS POSTS ***/
  57.  
  58. #entryys {position:absolute; margin:auto; margin-top:50px; margin-bottom:30px; margin-left:520px; width:700px;}
  59.  
  60. #everytg {margin:0px auto 20px auto; width:auto;}
  61.  
  62. .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:5px;}
  63. .posts:hover {width:250px;opacity:1; -webkit-transition:all 0.66s linear;-moz-transition:all 0.66s linear;transition:all 0.66s linear;}
  64. .posts:hover .infoimg{opacity:9;}
  65.  
  66. .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; }
  67. .bpostx:hover {width:250px; opacity:9; -webkit-transition:all 0.66s linear;-moz-transition:all 0.66s linear;transition:all 0.66s linear;}
  68.  
  69.  
  70.  
  71.  
  72.  
  73. /*** CONFIGURAÇÕES DAS FONTES ***/
  74.  
  75. h1 {font-family:corbel;text-align:center; font-size: 14px; letter-spacing:1px; font-weight: normal; line-height: 14px;color:{color:cor do texto} ;}
  76. h1 a {text-align: center;color:{color:cor do texto}}
  77.  
  78.  
  79.  
  80.  
  81.  
  82. /*** CONFIGURAÇÕES DOS QUOTES***/
  83.  
  84. .quote {text-align:justify; font-family:corbel; line-height:15px; font-size:11px; color:{color:cor do text}; padding:3px;margin-left:-2px;margin-bottom:3px; margin-top:2px;background-color:transparent;}
  85. .sc {font-family:calibri; color:{color:cor do texto}; text-transform:uppercase; float:right;font-size:11px; margin-top:1px;}
  86.  
  87.  
  88.  
  89.  
  90.  
  91. /*** CONFIGURAÇÕES DOS CHATS ***/
  92.  
  93. .chat {font-size:11px; font-family:corbel;background:transparent;margin:0}
  94. .chat .lines {padding: 0px 0px 0px 0px; background: transparent; color:{color:cor do texto};}
  95. .chat .lines span{font-style: italic;}
  96. .person1 {color:{color:cor do texto}; padding: 2px; }
  97. .person1 .label {color:{color:cor do texto}}
  98. .person2 {color:{color:cor do texto}; padding: 2px; }
  99. .person2 .label {color:{color:cor do texto}}
  100. .player {background-color: #000; text-align: left; display:block;}
  101.  
  102.  
  103.  
  104.  
  105.  
  106. /*** CONFIGURAÇÕES DAS PERGUNTAS-RESPOSTAS***/
  107.  
  108. #balaoask{font-size:11px; background-color:transparent; padding:5px; margin-left:0px;font-family:corbel;border-bottom:1px dashed #696969;}
  109. #balaoask a {color:{color:cor do texto};}
  110. #answer{font-family:corbel; margin-top:10px; font-size:11px;margin-left:5px;}
  111.  
  112.  
  113.  
  114.  
  115.  
  116. /*** INFORMAÇOES DOS POSTS ***/
  117.  
  118. .infoimg{height:14px; top:45%; 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;}
  119.  
  120. .infoimg spam {padding:10px;background-color:transparent; margin-left:3px; color:#fff; opacity:0.9;font-family:consolas;}
  121. .infoimg img {background-color:transparent; opacity:0.9;}
  122.  
  123.  
  124. .infotxt {font-family:times; 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;}
  125. .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;}
  126.  
  127. .source {display: none;} .vsanna{display: none;}
  128.  
  129.  
  130.  
  131.  
  132.  
  133. /*** BARRA DE ROLAGEM ***/
  134.  
  135. ::-webkit-scrollbar{width:5px;height:5px;}
  136. ::-webkit-scrollbar-button:start:decrement
  137. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:#fff;}
  138. ::-webkit-scrollbar-track-piece{background-color: transparent; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  139. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: #f8f8f8;-webkit-border-radius:px;}
  140. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: #f8f8f8;-webkit-border-radius:px;}
  141.  
  142.  
  143. 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; }
  144.  
  145. .tumblrAutoPager_page_separator,
  146. .tumblrAutoPager_page_info {display: none;}
  147.  
  148. #tumblr_controls{position: fixed!important}
  149. #tumblr_controls{position: fixed!important}
  150. #tumblr_controls{position: fixed!important}
  151. #tumblr_controls{position: fixed!important}
  152.  
  153.  
  154.  
  155.  
  156.  
  157. /*** SIDEBAR ***/
  158.  
  159. #sidebar {-webkit-transition: all 0.4s ease-out; -moz-transition: all .4s ease-out;position:fixed; width: auto; height:auto; margin-left:355px;margin-top:48px;}
  160.  
  161. #frufru {height:auto; margin-top:40px; position:fixed; text-align:left;}
  162. #frufru img { width:125px; height:173px; opacity:0.9; -webkit-filter: grayscale(0%);}
  163. #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;}
  164.  
  165. #descryp {-webkit-transition: all 0.4s ease-out; -moz-transition: all .4s ease-out;z-index:9;background:transparent;padding:2px; margin-top:215px; margin-left:0px; padding:2px; text-align:center; position:fixed; font-family:georgia;font-size:12px; color:{color:cor da descri}; width:122px;opacity:9;}
  166.  
  167.  
  168. #links {-webkit-transition: all 0.4s ease-out; -moz-transition: all .4s ease-out;opacity:1;width: 120px; height:20px; margin-top:235px; margin-left:05px; position:fixed; font-family:calibri; text-align:center;background-color:transparent}
  169. #links a {-webkit-transition: all 0.4s ease-out; -moz-transition: all .4s ease-out;line-height:20px; text-align: center; padding:0px; background-color:transparent; color:#696969; font-size:12px;}
  170.  
  171.  
  172.  
  173.  
  174.  
  175. </style><body>
  176.  
  177.  
  178.  
  179. <div id="sidebar">
  180.  
  181. <div id="frufru"><img src="{image:sidebar}"></div>
  182.  
  183. <div id="descryp">{description}</div>
  184.  
  185.  
  186. <div id="links">
  187. <a href="{text:link1}">{text:link1 title}</a>
  188. <a href="{text:link2}">{text:link2 title}</a>
  189. <a href="{text:link3}">{text:link3 title}</a>
  190. <a href="{text:link4}">{text:link4 title}</a>
  191. </div>
  192.  
  193. </div>
  194.  
  195.  
  196. <div id="entryys">{block:Posts}<div class="posts"><div class="bpostx">
  197.  
  198. <!-- postagem texto-->{block:Text}{/block:IndexPage}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{block:IndexPage}
  199. <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}
  200.  
  201. <!--postagem foto--><div id="cap">{block:Photo}{block:IndexPage}<div class="infoimg"><a href="{ReblogURL}" title="Reblog" target="_blank"><img src="http://static.tumblr.com/qft2cvq/kgLn9bnz0/reblog.png"></a><spam href="{Permalink}" title="Permalink" style="margin-top:-30px;margin-right:3px;">{NoteCount}</spam><a href="{ReblogURL}"><img src="http://static.tumblr.com/qft2cvq/xRqn9bnyk/like.png"></a></div>{/block:IndexPage}{block:IndexPage}<img src="{PhotoURL-400}" width="250">{/block:IndexPage}{/block:Photo}
  202.  
  203. <!--postagem photoset-->
  204. {block:Photoset}{block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-250}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{block:IndexPage}<div class="infoimg"><a href="{ReblogURL}" title="Reblog" target="_blank"><img src="http://static.tumblr.com/qft2cvq/kgLn9bnz0/reblog.png"></a><spam href="{Permalink}" title="Permalink" style="margin-top:-30px;margin-right:3px;">{NoteCount}</spam><a href="{ReblogURL}"><img src="http://static.tumblr.com/qft2cvq/xRqn9bnyk/like.png"></a></div>{/block:IndexPage}{/block:Photoset}
  205.  
  206. <!--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}
  207.  
  208. <!--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}
  209.  
  210. <!--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}
  211.  
  212. <!--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}
  213.  
  214. <!--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}
  215.  
  216. <!--ask-->{block:Answer}<div id="balaoask"> {Asker} perguntou: {Question}</div><div id="answer">{Answer}</div>{/block:answer}</div>
  217.  
  218. <div class="vsanna">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  219. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div></div></div>{/block:Posts}
  220.  
  221.  
  222.  
  223.  
  224. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  225. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  226. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  227. <script type="text/javascript">
  228. $(window).load(function(){
  229. var $wall = $('#entryys');
  230. $wall.imagesLoaded(function(){
  231. $wall.masonry({
  232. itemSelector: '.posts',
  233. isAnimated : true
  234. });
  235. });
  236. $wall.infinitescroll({
  237. navSelector : "div#navigation",
  238. nextSelector : "div#navigation a#nextPage",
  239. itemSelector : '.posts',
  240. loadingImg : "http://static.tumblr.com/8yo5xxv/3Tum7rjpo/loader.gif",
  241. loadingText : "",
  242. donetext : " ",
  243. extraScrollPx : 1000,
  244. bufferPx : 10100,
  245. debug : false,
  246. errorCallback: function() {
  247. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  248. }},
  249. function( newElements ) {
  250. var $newElems = $( newElements );
  251. $newElems.hide();
  252. $newElems.imagesLoaded(function(){
  253. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 25, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  254. });
  255. }); $('#entryys').show(500);
  256. });
  257. </script>
  258. <div class="column navigation" id="navigation">
  259. {block:Pagination}
  260. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  261. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  262. </div>
  263. {/block:IndexPage}
  264.  
  265. </div></div></div></div></div>
  266. </div></div></div></div></div></div></div></div></div>
  267.  
  268. <a style="display:block; z-index:999; position:fixed; white-space:nowrap; position:fixed;top:20px;background:#dcdcdc;left:10px;font-family: 'calibri', sans-serif; padding:3px;font-size:10px;opacity:1; color:696969;
  269. " href="http://sarradona.tumblr.com" target="_blank" title="theme by sarradona">SARRADONA</a>
  270.  
  271.  
  272.  
  273. </body>
  274. </html>
  275.  
  276. <!-- THEME POR SARRADONA, DON'T COPY -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement