API tools faq
paste
Advertisement
worenow

themes

worenow
Jul 23rd, 2014
256
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.64 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!-- THEME BASE FCKRAW
  3. FEITO POR WORENOW -->
  4.  
  5.  
  6. <!-- DEFAULT VARIABLES -->
  7. <meta name="color:background" content="#ffffff" />
  8. <meta name="color:link" content="#000000" />
  9. <meta name="color:text" content="#000000" />
  10. <meta name="color:sidebar" content="#ffffff" />
  11. <meta name="color:scrollbar" content="#000" />
  12.  
  13. <meta name="image:background" content="" />
  14. <meta name="image:sidebar" content="" />
  15. <meta name="if:Show tags" content="1"/>
  16.  
  17.  
  18. <meta name="text:Link1" content="" />
  19. <meta name="text:Link1 Title" content="UM" />
  20. <meta name="text:Link2" content="" />
  21. <meta name="text:Link2 Title" content="DOIS" />
  22. <meta name="text:Link3" content="" />
  23. <meta name="text:Link3 Title" content="TRES" />
  24. <meta name="text:Link4" content="" />
  25. <meta name="text:Link4 Title" content="QUATRO" />
  26. <meta name="text:Link5" content="" />
  27. <meta name="text:Link5 Title" content="CINCO" />
  28.  
  29. <title>{Title}</title>
  30. <link rel="shortcut icon" href="{Favicon}">
  31. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  32. {block:Description}
  33. <meta name="description" content="{MetaDescription}" />
  34. {/block:Description}
  35.  
  36.  
  37. <link href='http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic' rel='stylesheet' type='text/css'>
  38.  
  39. <link href='http://fonts.googleapis.com/css?family=Homenaje' rel='stylesheet' type='text/css'>
  40.  
  41.  
  42. <style type="text/css">
  43.  
  44. /*** CORPO BÁSICO
  45.  
  46.  
  47. ***/
  48.  
  49.  
  50. body {background-color: {color:background}; font-family: calibri; color: {color:text}; text-align: center; font-size: 10px; background-image:url('{image:background}'); background-attachment: fixed; }
  51.  
  52. a {color: {color:link}; text-decoration: none; text-transform: none;}
  53. a:hover {color: {color:lhover}; background-color: transparent; text-decoration: none;}
  54.  
  55. p {margin: 6px 0 0 0}
  56.  
  57. blockquote {margin: 5px 5px 5px 5px; border-left: 6px solid {color:background}; padding-left: 5px; }
  58. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 5px solid {color:background};}
  59. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:background}; }
  60. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:background}; }
  61.  
  62. blockquote img{max-width: 470px!important}
  63. blockquote blockquote img{max-width: 450px!important}
  64. blockquote blockquote blockquote img{max-width: 430px!important}
  65. blockquote blockquote blockquote blockquote img{max-width: 410px!important}
  66.  
  67.  
  68.  
  69.  
  70. /*** CONFIGURAÇÕES DOS POSTS
  71.  
  72. ***/
  73.  
  74. #entryys {position:absolute; margin:auto; margin-top:50px; margin-bottom:30px; margin-left:520px; width:700px;}
  75.  
  76. #everytg {margin:0px auto 20px auto; width:auto;}
  77.  
  78. .posts {background:#fff; border:px solid #eee; 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;}
  79. .posts:hover {width:250px;opacity:1; -webkit-transition:all 0.66s linear;-moz-transition:all 0.66s linear;transition:all 0.66s linear;}
  80. .posts:hover .infoimg{opacity:9;}
  81.  
  82. .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; }
  83. .bpostx:hover {width:250px; opacity:9; -webkit-transition:all 0.66s linear;-moz-transition:all 0.66s linear;transition:all 0.66s linear;}
  84.  
  85.  
  86. /*** CONFIGURAÇÕES DAS FONTES
  87.  
  88.  
  89.  
  90. ***/
  91.  
  92. h1 {font-family:calibri;text-align:center; font-size: 14px; letter-spacing:1px; font-weight: normal; line-height: 14px;color: #000;}
  93. h1 a {text-align: center;color: #000; }
  94.  
  95.  
  96.  
  97.  
  98.  
  99. /*** CONFIGURAÇÕES DOS QUOTES
  100.  
  101.  
  102. ***/
  103.  
  104. .quote {font-family: calibri; text-align: justify; font-size: 11px; line-height: 15px; padding: 0px;
  105. }
  106. .sc {text-align: center; padding:1px; border-bottom:1px solid #ee; font-size:11px; font-family:calibri;text-transform: none; margin-bottom: 0px;}
  107. .sc a, a:hover{text-transform: none; }
  108.  
  109.  
  110.  
  111.  
  112.  
  113. /*** CONFIGURAÇÕES DOS CHATS
  114.  
  115. ***/
  116.  
  117. .chat .lines{
  118. font:10px {font:Body};
  119. background-color:{color:chat1};
  120. margin: 0 0 1px;
  121. padding: 2px;
  122. }
  123. .chat .lines.odd{ background-color:{color:chat2};}
  124.  
  125. .label {font-weight:bold; color:{color:bold}}
  126.  
  127.  
  128.  
  129. /*** CONFIGURAÇÕES DAS PERGUNTAS-RESPOSTAS
  130.  
  131. ***/
  132.  
  133. #balaoask {margin-left:0px; font-size: 10px; font-family: calibri; text-align: justify;}
  134. .answer {margin-left:0px; padding: 0px}
  135. .askker img {max-width: 370px;}
  136.  
  137.  
  138.  
  139. /*** INFORMAÇOES DOS POSTS
  140.  
  141.  
  142. ***/
  143.  
  144. .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;}
  145. .infoimg .notess{font-size:18px; color:#fff; font-family:calibri; padding-left: 10px; padding-right: 10px; }
  146. .infoimg a:hover{text-decoration:none;}
  147. .infoimg .rebblog img{width:13px; margin-top:3px;}
  148. .heart img{width:13px; margin-top:3px;}
  149.  
  150.  
  151. .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;}
  152. .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;}
  153.  
  154. .source {display: none;} .vsanna{display: none;}
  155.  
  156.  
  157.  
  158.  
  159.  
  160. /*** BARRA DE ROLAGEM
  161.  
  162.  
  163. ***/
  164.  
  165. ::-webkit-scrollbar{width:7px;height:0px;}
  166. ::-webkit-scrollbar-button:start:decrement
  167. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  168. ::-webkit-scrollbar-track-piece{background-color: {color:post}; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  169. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:scrollbar};-webkit-border-radius:px;}
  170. ::-webkit-scrollbar-thumb:horizontal{width:0px; background-color: {color:sidebar};-webkit-border-radius:px;}
  171.  
  172. #pagination {font-family:calibri; font-size:11px; margin-left:510px; margin-top:350px; text-transform:none}
  173.  
  174. .tumblrAutoPager_page_separator, .tumblrAutoPager_page_info {display: none;}
  175.  
  176. #tumblr_controls{position: fixed!important}
  177. #tumblr_controls{position: fixed!important}
  178. #tumblr_controls{position: fixed!important}
  179. #tumblr_controls{position: fixed!important}
  180.  
  181.  
  182. #sidebar {float:left; position:fixed; width:210px; bottom:85px; height:8px;top:130px; left:270px; position: fixed;}
  183.  
  184. #foto {margin-top:10px; margin-left:10px; margin-bottom:0px; padding:9px;border:px solid {color:border}; height:auto; width:px; -webkit-transition: all 1.2s ease-out; -moz-transition: all 1.2s ease-out;}
  185. #foto img {display: inline; height:auto; height:280px; width:195px; border-top:px solid #eee;border-right:px solid #000; ; border-left:px solid #000; padding:3px; }
  186. #foto img {opacity:1;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;all 0.3s ease-out;}
  187. #foto img:hover {opacity:1;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;all 0.3s ease-out; -webkit-filter: grayscale(50%)}
  188.  
  189. #links {opacity:0;width:175px;border-radius:10px 10px 10px 10px;position: fixed;font-weight:bold; font-family:cambria; font-size:9px; line-height:auto; height:px;text-align:center; color:#fff;background-image:url('http://fc03.deviantart.net/fs70/f/2012/209/9/5/seamless_pattern_swirly_pink_by_mynimi94-d58wt7k.png'); padding:0px;margin-top:-30px;margin-left:30px;border-bottom:1px solid #ddd;border:1px solid #ddd;border-left:1px 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:;}
  190. #sidebar:hover #links {opacity:10; margin-top:-5px}
  191.  
  192.  
  193.  
  194.  
  195.  
  196. #descri {opacity:0;width:175px;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:#; padding:0px;margin-top:-200px;margin-left:32px;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:;}
  197. #sidebar:hover #descri {opacity:10; margin-top:15px}
  198.  
  199.  
  200.  
  201.  
  202. #oizinho2 {opacity:10;margin-left:18px; margin-top:300px; 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}
  203. #oizinho2 img { width:210px; height:auto;}
  204. #sidebar:hover #oizinho2 {margin-top:0px;margin-left:15px;opacity:10}
  205.  
  206.  
  207. #oizinho3 {opacity:10;margin-left:-25px; margin-top:206px; 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}
  208. #oizinho3 img { width:60px; height:auto}
  209. #sidebar:hover #oizinho3 {margin-top:40px;margin-left:47px;opacity:0.9; -webkit-transform:rotate(435deg)}
  210.  
  211.  
  212.  
  213.  
  214.  
  215. </style>
  216.  
  217.  
  218.  
  219. <style type="text/css"></style>
  220.  
  221.  
  222.  
  223.  
  224. <body>
  225.  
  226.  
  227.  
  228. <div id="container">
  229. <div id="sidebar">
  230. <div id="oizinho2"><img src="http://38.media.tumblr.com/8f7aec120b7cfb30d190239840ab4146/tumblr_n88sfjtnj91rsn66yo1_400.jpg"/></div>
  231. <div id="oizinho3"><img src="https://38.media.tumblr.com/a97c44313742a4e6c2c935362bde77b8/tumblr_n89dlcNUDI1tdxaldo1_250.png"/></div>
  232. <div id="foto"><img src="{image:sidebar}"/></div>
  233. <div id="descri">mina nós era só clima</div>
  234. <div id="links">
  235. <b><a href="{text:link1}">{text:link1 title}</a></b>
  236. <b><a href="{text:link2}">{text:link2 title}</a></b>
  237. <b><a href="{text:link3}">{text:link3 title}</a></b>
  238. <b><a href="{text:link4}">{text:link4 title}</a></b>
  239. <b><a href="{text:link5}">{text:link5 title}</a></b>
  240.  
  241.  
  242.  
  243.  
  244. </div>
  245. </div>
  246. </div>
  247.  
  248.  
  249.  
  250. <div id="entryys">{block:Posts}<div class="posts"><div class="bpostx">
  251.  
  252. <!-- postagem texto-->{block:Text}{/block:IndexPage}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{block:IndexPage}
  253. <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}
  254.  
  255. <!--postagem foto--><div id="cap">{block:Photo}{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}<img src="{PhotoURL-400}" width="250">{/block:IndexPage}{/block:Photo}
  256.  
  257. <!--postagem photoset-->
  258. {block:Photoset}{block:IndexPage}{Photoset-400}{/block:IndexPage}{block:PermalinkPage}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{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:Photoset}
  259.  
  260. <!--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}
  261.  
  262. <!--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}
  263.  
  264. <!--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}
  265.  
  266. <!--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}
  267.  
  268. <!--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}
  269.  
  270. <!--ask-->{block:Answer}<div id="askker"><a href="/" title="{Asker}"><img src="{AskerPortraitURL-24}"></a></div><div id="balaoask">{Question}</div><div id="answer">{Answer}</div>{/block:answer}</div>
  271.  
  272. <div class="vsanna">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  273. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div></div></div>{/block:Posts}
  274.  
  275.  
  276.  
  277.  
  278. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  279. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  280. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  281. <script type="text/javascript">
  282. $(window).load(function(){
  283. var $wall = $('#entryys');
  284. $wall.imagesLoaded(function(){
  285. $wall.masonry({
  286. itemSelector: '.posts',
  287. isAnimated : true
  288. });
  289. });
  290. $wall.infinitescroll({
  291. navSelector : "div#navigation",
  292. nextSelector : "div#navigation a#nextPage",
  293. itemSelector : '.posts',
  294. loadingImg : "http://static.tumblr.com/8yo5xxv/3Tum7rjpo/loader.gif",
  295. loadingText : "",
  296. donetext : " ",
  297. extraScrollPx : 1000,
  298. bufferPx : 10100,
  299. debug : false,
  300. errorCallback: function() {
  301. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  302. }},
  303. function( newElements ) {
  304. var $newElems = $( newElements );
  305. $newElems.hide();
  306. $newElems.imagesLoaded(function(){
  307. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 25, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  308. });
  309. }); $('#entryys').show(500);
  310. });
  311. </script>
  312. <div class="column navigation" id="navigation">
  313. {block:Pagination}
  314. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  315. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  316. </div>
  317. {/block:IndexPage}
  318.  
  319. </div></div></div></div></div>
  320. </div></div></div></div></div></div></div></div></div>
  321. </body>
  322.  
  323. <a style="position:fixed;right:10px;bottom:30px;font-family:consolas;padding:5px;font-size:10px;font-style:;opacity:0.8;color:#020200;background:; border-top-left-radius: 20px; border-bottom-right-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius:25px;" href="http://worenow.tumblr.com" title="theme by worenow">
  324. WORENOW </a>
  325.  
  326. </html>
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!