API tools faq
paste
Advertisement
Guest User

theme 12

a guest
Dec 22nd, 2014
165
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.55 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <html><head>
  3.  
  4. <meta name="color:background" content="#fff" />
  5. <meta name="color:scrollbar" content="#f8f8f8" />
  6. <meta name="color:textos" content="#666" />
  7.  
  8. <meta name="image:sidebar" content=""/>
  9. <meta name="text:Link1" content="" />
  10. <meta name="text:Link1 Title" content="" />
  11. <meta name="text:Link2" content="" />
  12. <meta name="text:Link2 Title" content="" />
  13. <meta name="text:Link3" content="" />
  14. <meta name="text:Link3 Title" content="" />
  15. <meta name="text:Link4" content="" />
  16. <meta name="text:Link4 Title" content="" />
  17. <link href='http://fonts.googleapis.com/css?family=Josefin+Sans' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Alex+Brush' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Raleway:300' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
  18.  
  19. <title>{Title}</title><link rel="shortcut icon" href="{favicon}"><link rel="alternate" type="application/rss+xml" href="{RSS}">{block:Description}<meta name="description" container="{MetaDescription}" />{/block:Description}{block:IndexPage}
  20.  
  21.  
  22. {block:IndexPage}<link href='http://fonts.googleapis.com/css?family=Gafata' rel='stylesheet' type='text/css'><script type="text/javascript">Cufon.now(); </script><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script><script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script><script type="text/javascript" src=""></script><script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  23.  
  24. <script type="text/javascript">
  25. $(window).load(function(){
  26. var $wall = $('#container');
  27. $wall.imagesLoaded(function(){
  28. $wall.masonry({
  29. itemSelector: '.posts',
  30. isAnimated : true
  31. });
  32. });
  33. $wall.infinitescroll({
  34. navSelector : "div#navigation",
  35. nextSelector : "div#navigation a#nextPage",
  36. itemSelector : '.posts',
  37. loadingImg : "http://static.tumblr.com/kwz90l7/bIdlst7ub/transparent.png",
  38. loadingText : " ",
  39. donetext : " ",
  40. extraScrollPx : 9000,
  41. bufferPx : 10000,
  42. debug : false,
  43. errorCallback: function() {
  44. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  45. }},
  46. function( newElements ) {
  47. var $newElems = $( newElements );
  48. $newElems.hide();
  49. $newElems.imagesLoaded(function(){
  50. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 750, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  51. });
  52. }); $('#container').show(500);
  53. });
  54. </script>
  55.  
  56.  
  57.  
  58. {/block:IndexPage} <style type="text/css">
  59.  
  60. /*** corpo básico ***/
  61.  
  62. body {background-color: {color:background}; background-image:url('x'); color: {color:textos}; font:10px arial; text-align: justify; line-height:15px;}
  63.  
  64. a {color: {color:textos}; text-decoration: none; text-transform: none;}
  65. a:hover {color: {color:textos};}
  66.  
  67. p {margin: 6px 0 0 0}
  68.  
  69. blockquote {margin: 0px; padding-left: 0px; }
  70. blockquote img{width: 400px!important; text-align:justify;}
  71.  
  72. /*** posts e container ***/
  73.  
  74. #container {width:650px; margin-top:50px; margin-left:270px;}
  75.  
  76. .posts {width:250px; padding:16px; position:relative; float:left; {block:PermalinkPage}width:500px;{/block:PermalinkPage};}
  77. .posts img{width:250px;opacity:1; -webkit-filter: grayscale(25%);{block:PermalinkPage}width:500px;{/block:PermalinkPage};}
  78.  
  79.  
  80.  
  81. h1 {font-family: calibri;color: {color:textos};font-weight: normal; font-size: 14px;{block:PermalinkPage}padding:10px; text-align:center;{/block:PermalinkPage}}
  82. h1 a {color: {color:textos};}
  83.  
  84. .photoset {width:230px;{block:ifOpacidade}opacity:0.7; -webkit-filter: grayscale(70%){/block:ifOpacidade} }
  85. .source {display: none;}
  86.  
  87. .quote {font-family:corbel;font-size: 14px; line-height:15px; padding: 1px;margin-bottom:2px;}
  88. .sorc {text-align:left;font-size:9px; font-family:cambria; padding:0px; margin-top:0px; text-transform:uppercase;margin-bottom:-6px;
  89. {block:if1column}margin-bottom:5px;{/block:if1column} }
  90. .sorc a {color:{color:textos};}
  91.  
  92.  
  93.  
  94.  
  95. .pergunta {font-family:calibri; font-size: 12px; {block:PermalinkPage}width:400px;{/block:PermalinkPage};position:relative; text-align:left; padding:0px 1px; margin:0; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; clear:both;background-color:;color:{color:textos};}
  96. .abobora {{block:PermalinkPage}width:400px;{/block:PermalinkPage};display:block; position:absolute; bottom:-15px; left:15px; width:0; border-width:15px 15px 0; border-style:solid; border-color: transparent;}
  97. .text {{block:PermalinkPage}width:400px;{/block:PermalinkPage};text-align:justify;}
  98.  
  99. .album img { width:100px; height:100px; opacity:0.9; -webkit-filter: grayscale(40%);float:left; padding-right:10px;border:none;}
  100.  
  101. .pplayer1 {width:30px; height:30px; overflow:hidden; margin-top:0px; margin-left:110;}
  102. .pplayer2 {width:120px; height:27px; overflow:hidden; margin-top:-30px; margin-left:130; background-color:#e4e4e4;}
  103.  
  104. /*** info e tags ***/
  105.  
  106. #biebah {width:400px; padding:18px; z-index:11; text-align:left; -webkit-transition: all 0.4s ease-out; -moz-transition: all .4s ease-out; }
  107.  
  108. .permallink {text-transform:uppercase;width:400px; height:auto; text-transform: lowercase; font-size:9px; line-height:12px; text-align:left; position: absolute; opacity:0; display:block; -webkit-transition: all 0.4s ease-out; -moz-transition: all .4s ease-out; font-family:consolas;text-transform:uppercase;padding-top:10px;}
  109. .permallink a{font-size:9px; font-family:calibri; text-transform:uppercase;padding-top:10px;}
  110. .posts:hover .permallink {opacity:1;padding-top:0px; z-index:9; font-size:9px; text-transform:lowercase; -webkit-transition: all 0.4s ease-out; -moz-transition: all .4s ease-out;text-transform:uppercase;}
  111.  
  112. .infoimg{height:25px;background-color:{color:background}; top:0px; width:80px; left:85px; position:absolute;-webkit-transition-duration: 0.10s; -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;}
  113. .posts:hover .infoimg{{block:PermalinkPage}width:510px;background-image:url('http://static.tumblr.com/qft2cvq/PgTn1xqpx/8.png');{/block:PermalinkPage}; text-align:center;color:#a1a1a1;top:10px; opacity:1;}
  114. .infoimg a:hover{text-align:center;text-decoration:none;}
  115. .infoimg .rebblog img{width:8px; margin-top:10px;}
  116. .heart img{width:8px; margin-top:10px;}
  117. .infoimg .notess{font-size:9px; color:#a1a1a1; padding-left: 10px; padding-right: 10px; font-family:arial, sans-serif;}
  118.  
  119.  
  120.  
  121.  
  122.  
  123.  
  124. /*** barra de rolagem ***/
  125.  
  126. 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; }
  127.  
  128. ::-webkit-scrollbar{width:15px;height:5px;}
  129. ::-webkit-scrollbar-button:start:decrement
  130. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  131. ::-webkit-scrollbar-track-piece{background-color: transparent; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  132. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:scrollbar};-webkit-border-radius:px;}
  133. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: {color:scrollbar};-webkit-border-radius:px;}
  134.  
  135. iframe#tumblr_controls{top: 2px !important; position: fixed !important; right: 5px !important; margin: 0 0 0 0;}
  136.  
  137.  
  138.  
  139.  
  140. /*** sidebarr ***/
  141.  
  142. #pic {margin-top:-30px; margin-left:4px; position:fixed; width: 84px; height: 172px; padding: 30px; opacity:0.8; z-index:2}
  143. #pic img {text-align:center; width: 184px; height: auto; margin-left: -4px; margin-top: 149px; z-index:2; -webkit-transition:opacity 0.9s linear; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out; opacity:1}
  144. #pic img:hover {opacity:0.6; -webkit-transition:opacity 0.8s linear; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
  145. #sideb {background-color: {color:entry}; position:fixed; opacity:1; margin-top:-92px; margin-left:810px; position:absolute;}
  146.  
  147. .links1 {display: block; text-align: left; position: fixed; margin-top:4px; margin-left: -13px; word-spacing:7px; padding: 1px 9px; z-index:2}
  148. .links1 a {font-family:cambria; text-transform:uppercase; font-size: 10px; word-spacing:2px; text-align: left; letter-spacing:1px; background-color:transparent; margin-top: 1px; line-height: 140%; color: {color:text};}
  149. .links1 a:hover {border-bottom: 1px solid {ext};}
  150.  
  151.  
  152.  
  153.  
  154.  
  155. .vsanna{display: none;}
  156.  
  157. </style><body>
  158.  
  159. <div id="sideb">
  160. <div id="pic"><img src="{image:sidebar}"/>
  161. <div class="links1">
  162. <a href="{text:Link1}">{text:Link1 Title}</a><br>
  163. <a href="{text:Link2}">{text:Link2 Title}</a><br>
  164. <a href="{text:Link3}">{text:Link3 Title}</a><br>
  165. <a href="{text:Link4}">{text:Link4 Title}</a><br>
  166. <a href="{text:Link5}">{text:Link5 Title}</a><br>
  167. </div></div>
  168.  
  169. <div id="links"><a href="{text:Link1}">{text:Link1 Title}</a> <a href="{text:Link2}">{text:Link2 Title}</a> <a href="{text:Link3}">{text:Link3 Title}</a> <a href="{text:Link4}">{text:Link4 Title}</a></div>
  170.  
  171. </div>
  172. <!-- Inicio Das postagens --->
  173. <div class="vsanna">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  174. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div>
  175.  
  176. <div id="container">
  177. {block:Posts}
  178.  
  179. {block:Text}<div class="posts">{block:Title}<h1>{Title}</h1>{/block:Title}{Body}<!-- permalink --->{block:IndexPage}<div class="permallink">
  180. <a href="{Permalink}">{Month} {DayOfMonthWithZero} &nbsp;&nbsp;&nbsp;&nbsp; </a> <a href="{Permalink}">{block:NoteCount}{block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel} {block:IndexPage} &nbsp; <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}
  181. </div> {/block:IndexPage}</div><!-- permalink --->{/block:Text}
  182.  
  183. {block:Photo}<div class="posts"><img src="{PhotoURL-500}">{block:IndexPage}<!-- permalink --->{block:IndexPage}<div class="permallink">
  184. <a href="{Permalink}">{Month} {DayOfMonthWithZero} &nbsp; &nbsp;&nbsp; </a> <a href="{Permalink}">{block:NoteCount}{block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel} &nbsp; </a>{/block:ContentSource} {block:IndexPage}<a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}
  185. </div> {/block:IndexPage}</div><!-- permalink --->{/block:Photo}
  186.  
  187. {block:Photoset}<div class="posts"><center>{Photoset-250}</center>{block:IndexPage}<!-- permalink --->{block:IndexPage}<div class="permallink">
  188. <a href="{Permalink}">{Month} {DayOfMonthWithZero} &nbsp;&nbsp; </a> <a href="{Permalink}">{block:NoteCount}{block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel} &nbsp;&nbsp;</a>{/block:ContentSource} {block:IndexPage} <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}
  189. </div> {/block:IndexPage}</div><!-- permalink --->{/block:Photoset}
  190.  
  191. {block:Quote}
  192. <div class="posts">
  193. <div class="quote">"{Quote}"<div class="sorc"><b>—{Source}</b></div></div>
  194. {block:IndexPage}<!-- permalink --->{block:IndexPage}<div class="permallink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}</a> &nbsp; <a href="{Permalink}">{block:NoteCount}{block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}&nbsp;&nbsp; {block:IndexPage} <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div> {/block:IndexPage}</div><!-- permalink --->{/block:Quote}
  195.  
  196. {block:Answer}
  197. <div class="posts">
  198. <div class="pergunta"><i><b>{Asker}:</b> {Question} </i><div class="text"> {Answer}</div></div>
  199. {block:IndexPage}<!-- permalink --->{block:IndexPage}<div class="permallink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}</a>&nbsp; <a href="{Permalink}">{block:NoteCount}{block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel} {block:IndexPage} <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div> {/block:IndexPage}</div><!-- permalink --->{/block:Answer}
  200.  
  201.  
  202. {block:Link}<div class="posts">{block:IndexPage}<div class="permallink">
  203. <a href="{Permalink}">{Month} {DayOfMonthWithZero}</a> &nbsp;&nbsp; <a href="{Permalink}">{block:NoteCount}{block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel} &nbsp;&nbsp; {block:IndexPage} <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}
  204. </div> {/block:IndexPage}<h1><a href="{URL}">{Name}</h1></a>{block:Description}{Description}{/block:Description}</div>{/block:Link}
  205.  
  206. {block:Chat}<div class="posts">{block:Title}<h1>{Title}</h1>{/block:Title}<div id="chat">{block:Lines}{block:Label}<b>{Label}</b> {/block:Label}{Line}<br>{/block:Lines}</div>{block:IndexPage}<div class="permallink"> <a href="{Permalink}">{Month} {DayOfMonthWithZero}</a> &nbsp;&nbsp; <a href="{Permalink}">{block:NoteCount}{block:NoteCount} &nbsp;&nbsp; {block:IndexPage} <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div>{/block:IndexPage}</div>{/block:Chat}
  207.  
  208. {block:Audio}<div class="posts">{block:AlbumArt}
  209. <div class ="album"><img src="{AlbumArtURL}" /><p>{/block:AlbumArt}</div>
  210. <div class="pplayer1">{AudioPlayerGrey}</div><div class="pplayer2"></div>
  211.  
  212. {block:Caption}{Caption}{PlayCount}{/block:Caption}<p>{block:IndexPage}<div class="permallink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}</a> &nbsp;&nbsp; <a href="{Permalink}">{block:NoteCount}{block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel} &nbsp;&nbsp;{block:IndexPage} <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div>{/block:IndexPage}</div>{/block:Audio}
  213.  
  214. {block:Video}<div class="posts">{Video-250}{block:IndexPage}<div class="permallink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}</a> &nbsp;&nbsp; <a href="{Permalink}">{block:NoteCount}{block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}&nbsp;&nbsp; {block:IndexPage} <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div> {/block:IndexPage}</div>{/block:Video}
  215.  
  216. {block:PostNotes}<div id="biebah">{TimeAgo}{NoteCountWithLabel}
  217. {block:HasTags}{block:Tags}<a href="{TagURL}" style="margin-right:5px;">{Tag}</a>{/block:Tags}{/block:HasTags}</div>{/block:PostNotes}{/block:posts}
  218.  
  219.  
  220. {block:IndexPage}
  221. <div class="column navigation" id="navigation">
  222. {block:Pagination}
  223. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  224. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  225. </div>
  226. {/block:IndexPage}
  227.  
  228.  
  229. </div>
  230. </div>
  231. </div>
  232. </div>
  233. <div style="font-size: 10px; font-family:calibri;position:fixed;bottom:29px;right:201px; color:{color:text}">
  234. <a href="http://afrontou.tumblr.com/" title="theme by AFRONTOU (Rafa Nardi) + inspiração fckraw" >THEME</a> +
  235. </center></div>
  236. <div style="font-size: 10px; font-family:calibri;position:fixed;bottom:29px;right:180px; color:{color:text}">
  237. <a href="http://fckraw.tumblr.com/" title="theme by AFRONTOU (Rafa Nardi) + inspiração fckraw" > INSP</a>
  238. </center></div>
  239. </div>
  240. </div>
  241. </div>
  242. </div>
  243. </div>
  244.  
  245.  
  246. </body>
  247. <!-- COLOQUE SUA PLAY LOGO ABAIXO -->
  248.  
  249.  
  250.  
  251. </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!