Advertisement
soliloquiar

theme 159 por fckraw

May 24th, 2014
627
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.17 KB | None | 0 0
  1.  
  2.  
  3.  
  4. <!--
  5.  
  6. theme feito por:
  7.  
  8.  
  9. FFFFFFFFFF CCCCCCC KKK KKKK RRRRRRRRR AAAAAAAAAAA WWW WWW
  10. FFFFFFFFFF CCCCCCC KKK KKKK RRR RRRR AAAAAAAAAAA WWW WWW
  11. FFF CCCCCC KKK KKKK RRR RRRR AAA AAA WWW W WWW
  12. FFF CCCCC KKKKKKK RRR RRRR AAA AAA WWW WWW WWW
  13. FFFFFFFFF CCCCC KKKKKKK RRRRRRRRR AAAAAAAAAAA WWW WWW WWW
  14. FFFFFFFFF CCCCC KKK KKKK RRRRRRRR AAAAAAAAAAA WWWWWWWWWWWWW
  15. FFF CCCCCC KKK KKKK RRR RRR AAA AAA WWWWWW WWWWWW
  16. FFF CCCCCCC KKK KKKK RRR RRR AAA AAA WWWWW WWWWW
  17. FFF CCCCCCC KKK KKKK RRR RRRR AAA AAA WWWW WWWW
  18.  
  19. não copie, não plagie.
  20.  
  21. -->
  22.  
  23.  
  24. <html><head>
  25. <link href='http://fonts.googleapis.com/css?family=Josefin+Sans' rel='stylesheet' type='text/css'>
  26.  
  27. <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
  28.  
  29. <link href='http://fonts.googleapis.com/css?family=Alex+Brush' rel='stylesheet' type='text/css'>
  30.  
  31. <meta name="color:background" content="#fff" />
  32. <meta name="color:scrollbar" content="#f8f8f8" />
  33. <meta name="color:textos" content="#666" />
  34.  
  35. <meta name="color:descryp" content="#000" />
  36. <meta name="color:links" content="#000" />
  37. <meta name="color:frase bg" content="#fff" />
  38. <meta name="color:frase" content="#000" />
  39. <meta name="color:simbolo" content="#000" />
  40.  
  41. <meta name="text:descryp" content="EVERYTHING THAT DOWNS ME MAKES ME WANNA FLY" />
  42. <meta name="text:frase" content="II.XXII.MMXIV." />
  43.  
  44. <meta name="if:Rolagem infinita" content="1"/>
  45. <meta name="if:Opacidade" content="1"/>
  46.  
  47. <meta name="image:sidebar" content="http://24.media.tumblr.com/4e09723c72e92420d89fe9677d4d7da9/tumblr_n4raaiVirw1t0jj16o1_500.jpg"/>
  48. <meta name="image:background" content=""/>
  49.  
  50. <meta name="text:Link1" content="/" />
  51. <meta name="text:Link2" content="/" />
  52. <meta name="text:Link3" content="/" />
  53. <meta name="text:Link4" content="/" />
  54. <meta name="text:Link1 Title" content="link 1" />
  55. <meta name="text:Link2 Title" content="link 2" />
  56. <meta name="text:Link3 Title" content="link 3" />
  57. <meta name="text:Link4 Title" content="link 4" />
  58.  
  59.  
  60.  
  61. <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}
  62.  
  63. <link href='http://fonts.googleapis.com/css?family=Raleway:300' rel='stylesheet' type='text/css'>
  64. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  65. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
  66.  
  67.  
  68. {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="http://static.tumblr.com/qft2cvq/Ipzmzagtt/rolagem.txt"></script><script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  69.  
  70. <script type="text/javascript">
  71. $(window).load(function(){
  72. var $wall = $('#container');
  73. $wall.imagesLoaded(function(){
  74. $wall.masonry({
  75. itemSelector: '.posts',
  76. isAnimated : true
  77. });
  78. });
  79. $wall.infinitescroll({
  80. navSelector : "div#navigation",
  81. nextSelector : "div#navigation a#nextPage",
  82. itemSelector : '.posts',
  83. loadingImg : "http://static.tumblr.com/kwz90l7/bIdlst7ub/transparent.png",
  84. loadingText : " ",
  85. donetext : " ",
  86. extraScrollPx : 9000,
  87. bufferPx : 10000,
  88. debug : false,
  89. errorCallback: function() {
  90. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  91. }},
  92. function( newElements ) {
  93. var $newElems = $( newElements );
  94. $newElems.hide();
  95. $newElems.imagesLoaded(function(){
  96. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 750, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  97. });
  98. }); $('#container').show(500);
  99. });
  100. </script>
  101.  
  102. {/block:IndexPage} <style type="text/css">
  103.  
  104. /*** corpo básico ***/
  105.  
  106. body {background-color: {color:background}; background-image:url('x'); color: {color:textos}; font:10px arial; text-align: justify; line-height:15px;}
  107.  
  108. a {color: {color:textos}; text-decoration: none; text-transform: none;}
  109. a:hover {color: {color:textos};}
  110.  
  111. p {margin: 6px 0 0 0}
  112.  
  113. blockquote {margin: 0px; padding-left: 0px; }
  114. blockquote img{width: 400px!important; text-align:justify;}
  115.  
  116. /*** posts e container ***/
  117.  
  118. #container {width:650px; margin-top:30px; margin-left:390px;}
  119.  
  120. .posts {width:250px; padding:20px; position:relative; float:left; {block:PermalinkPage}width:500px;{/block:PermalinkPage};}
  121. .posts img{width:250px; opacity:1; -webkit-filter: grayscale(0%);{block:PermalinkPage}width:500px;{/block:PermalinkPage};-webkit-filter: grayscale(0%);}
  122.  
  123. h1 {font-family: calibri;color: {color:textos};font-weight: normal; font-size: 14px;{block:PermalinkPage}padding:10px; text-align:center;{/block:PermalinkPage}}
  124. h1 a {color: {color:textos};}
  125.  
  126. .photoset {}
  127. .source {display: none;}
  128.  
  129. .quote {font-family: arial; font-size: 9px; letter-spacing:0px; line-height: 13px; text-align: justify; font-weight: normal;color: {color:textos}; margin-bottom:5px;}
  130. .sorc {font-family: arial; font-size: 9px; line-height: 9px; padding:3px; text-align: right; font-weight: normal;color: {color:textos}; text-transform: uppercase; background-color: transparent; }
  131. .sorc a {text-transform: uppercase; color:{color:textos}}
  132.  
  133. .pergunta {{block:PermalinkPage}width:400px;{/block:PermalinkPage};position:relative; text-align:justify; padding:0px 1px; margin:0; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; clear:both;background-color:;color:{color:textos};}
  134. .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;}
  135. .text {{block:PermalinkPage}width:400px;{/block:PermalinkPage};text-align:justify;}
  136.  
  137. .album img { width:100px; height:100px; opacity:0.9; -webkit-filter: grayscale(40%);float:left; padding-right:10px;}
  138. .pplayer1 {width:30px; height:30px; overflow:hidden; margin-top:0px; margin-left:110;}
  139. .pplayer2 {width:120px; height:27px; overflow:hidden; margin-top:-30px; margin-left:130; background-color:#e4e4e4;}
  140.  
  141. /*** info e tags ***/
  142.  
  143. #biebah {width:400px; padding:18px; z-index:11; text-align:left; -webkit-transition: all 0.4s ease-out; -moz-transition: all .4s ease-out; }
  144.  
  145. .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:calibri light;text-transform:uppercase;}
  146. .permallink a{font-size:9px; font-family:calibri light; text-transform:uppercase;}
  147. .posts:hover .permallink {opacity:1; 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;}
  148.  
  149. .infoimg{height:35px;background-color:{color:background}; top:-20px; width:280px; left:0; 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;}
  150. .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:20px; opacity:0.8;}
  151. .infoimg a:hover{text-align:center;text-decoration:none;}
  152. .infoimg .rebblog img{width:13px; margin-top:10px;}
  153. .heart img{width:13px; margin-top:10px;}
  154. .infoimg .notess{font-size:18px; color:#a1a1a1; padding-left: 10px; padding-right: 10px; font-family:'Gafata', sans-serif;}
  155.  
  156.  
  157.  
  158.  
  159.  
  160.  
  161. /*** barra de rolagem ***/
  162.  
  163. 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; }
  164.  
  165. ::-webkit-scrollbar{width:5px;height:5px;}
  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: transparent; -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: #000;-webkit-border-radius:px;}
  170. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: #000;-webkit-border-radius:px;}
  171.  
  172. iframe#tumblr_controls{top: 2px !important; position: fixed !important; right: 5px !important; margin: 0 0 0 0;}
  173.  
  174.  
  175. /*** sidebar ***/
  176.  
  177. #sidebar {position:fixed; width: auto; height:300px; margin-left:200px;margin-top:100px;}
  178.  
  179. #frufru1 {height:70px; margin-top:0px; margin-left:30px; position:fixed; text-align:left;}
  180. #frufru1 img {z-index:2; width:150px; height:auto; opacity:1; -webkit-filter: grayscale(0%); border:3px solid transparent;}
  181.  
  182. .descryp1 {transition: .8s ease-in-out; -webkit-transition: .8s ease-in;-webkit-transition: .2s ease-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out;color:{color:descryp}; background:transparent;line-height:18px; width:156px; margin-left:31px; font-size:12px;font-family:calibri light; text-align:left;margin-top:5px;text-transform:uppercase; letter-spacing:-1px;opacity:0;}
  183. #sidebar:hover .descryp1 {opacity:1;}
  184.  
  185. #links {transition: .8s ease-in-out; -webkit-transition: .8s ease-in;-webkit-transition: .2s ease-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out;color:{color:links}; background:transparent;line-height:18px; width:156px; margin-left:31px; font-size:12px;font-family:cambria; text-align:left;margin-top:213px; letter-spacing:-1px;opacity:0;}
  186. #links a {font-style:italic;}
  187. #sidebar:hover #links {opacity:1;}
  188.  
  189. .descryp2 {transition: .8s ease-in-out; -webkit-transition: .2s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out;color:{color:frase}; background:{color:frase bg};line-height:18px; width:146px; margin-left:30px; font-size:12px;font-family:consolas; text-align:center;margin-top:-60px;text-transform:uppercase; letter-spacing:-1px;padding:5px;}
  190. #sidebar:hover .descryp2 {margin-top:0px;}
  191.  
  192. .descryp3 {transition: .8s ease-in-out; -webkit-transition: .2s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out;color:{color:simbolo}; background:transparent;line-height:18px; width:146px; margin-left:30px; font-size:22px;font-family:consolas; text-align:center;margin-top:5px;text-transform:uppercase; letter-spacing:-1px;padding:5px;}
  193.  
  194.  
  195. </style><body>
  196.  
  197.  
  198.  
  199. <div id="sidebar">
  200.  
  201.  
  202. <div id="frufru1"><img src="{image:sidebar}"></div>
  203.  
  204. <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></div>
  205.  
  206. <div class="descryp1">{text:descryp}</div>
  207.  
  208. <div class="descryp2">{text:frase}</div>
  209.  
  210. <div class="descryp3">✾ ✽ ✾</div>
  211.  
  212. </div>
  213.  
  214.  
  215.  
  216. <!-- Inicio Das postagens --->
  217.  
  218. <div id="container">
  219. {block:Posts}
  220.  
  221. {block:Text}<div class="posts">{block:Title}<h1>{Title}</h1>{/block:Title}{Body}<!-- permalink --->{block:IndexPage}<div class="permallink">
  222. <a href="{Permalink}">{Month} {DayOfMonthWithZero} &nbsp;&nbsp;&nbsp;&nbsp; </a> <a href="{Permalink}">{block:NoteCount}{block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel} &nbsp;&nbsp;&nbsp;&nbsp; {block:RebloggedFrom} <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via &nbsp;&nbsp;&nbsp;&nbsp; </a>{/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}">source &nbsp;&nbsp;&nbsp;&nbsp; </a>{/block:ContentSource} {block:IndexPage} <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}
  223. </div> {/block:IndexPage}</div><!-- permalink --->{/block:Text}
  224.  
  225. {block:Photo}<div class="posts"><img src="{PhotoURL-500}">{block:IndexPage}<!-- permalink --->{block:IndexPage}<div class="infoimg transition"><a href="{ReblogURL}" title="Reblog" target="_blank"><span class="rebblog"><img src="http://static.tumblr.com/qft2cvq/SmQn1xp70/6.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://static.tumblr.com/qft2cvq/V3gn1xp7g/7.png"></span></div>{/block:IndexPage}{/block:IndexPage}</div><!-- permalink --->{/block:Photo}
  226.  
  227. {block:Photoset}<div class="posts"><center>{Photoset-250}</center>{block:IndexPage}<!-- permalink --->{block:IndexPage}<div class="infoimg transition"><a href="{ReblogURL}" title="Reblog" target="_blank"><span class="rebblog"><img src="http://static.tumblr.com/qft2cvq/SmQn1xp70/6.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://static.tumblr.com/qft2cvq/V3gn1xp7g/7.png"></span></div>{/block:IndexPage}{/block:IndexPage}
  228.  
  229. {block:PermalinkPage}<div style="margin-top:-120px;">{Photoset-500}</div>{/block:PermalinkPage}
  230.  
  231. </div><!-- permalink --->
  232. {/block:Photoset}
  233.  
  234. {block:Quote}
  235. <div class="posts">
  236. <div class="quote">{Quote}<div class="sorc">— {Source}</div></div>
  237. {block:IndexPage}<!-- permalink --->{block:IndexPage}<div class="permallink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}</a> &nbsp;&nbsp;&nbsp;&nbsp; <a href="{Permalink}">{block:NoteCount}{block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel} &nbsp;&nbsp;&nbsp;&nbsp; {block:RebloggedFrom} <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} &nbsp;&nbsp;&nbsp;&nbsp; {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource} &nbsp;&nbsp;&nbsp;&nbsp; {block:IndexPage} <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div> {/block:IndexPage}</div><!-- permalink --->{/block:Quote}
  238.  
  239. {block:Link}<div class="posts">{block:IndexPage}<div class="permallink">
  240. <a href="{Permalink}">{Month} {DayOfMonthWithZero}</a> &nbsp;&nbsp;&nbsp;&nbsp; <a href="{Permalink}">{block:NoteCount}{block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel} &nbsp;&nbsp;&nbsp;&nbsp; {block:RebloggedFrom} <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} &nbsp;&nbsp;&nbsp;&nbsp; {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource} &nbsp;&nbsp;&nbsp;&nbsp; {block:IndexPage} <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}
  241. </div> {/block:IndexPage}<h1><a href="{URL}">{Name}</h1></a>{block:Description}{Description}{/block:Description}</div>{/block:Link}
  242.  
  243. {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;&nbsp;&nbsp; <a href="{Permalink}">{block:NoteCount}{block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel} &nbsp;&nbsp;&nbsp;&nbsp; {block:RebloggedFrom} <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} &nbsp;&nbsp;&nbsp;&nbsp; {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource} &nbsp;&nbsp;&nbsp;&nbsp; {block:IndexPage} <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div>{/block:IndexPage}</div>{/block:Chat}
  244.  
  245. {block:Audio}<div class="posts">{block:AlbumArt}
  246. <div class ="album"><img src="{AlbumArtURL}" /><p>{/block:AlbumArt}</div>
  247. <div class="pplayer1">{AudioPlayerGrey}</div><div class="pplayer2"></div>
  248.  
  249. {block:Caption}{Caption}{PlayCount}{/block:Caption}<p>{block:IndexPage}<div class="permallink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}</a> &nbsp;&nbsp;&nbsp;&nbsp; <a href="{Permalink}">{block:NoteCount}{block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel} &nbsp;&nbsp;&nbsp;&nbsp; {block:RebloggedFrom} <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} &nbsp;&nbsp;&nbsp;&nbsp; {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource} &nbsp;&nbsp;&nbsp;&nbsp; {block:IndexPage} <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div>{/block:IndexPage}</div>{/block:Audio}
  250.  
  251. {block:Video}<div class="posts">{Video-250}{block:IndexPage}<div class="permallink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}</a> &nbsp;&nbsp;&nbsp;&nbsp; <a href="{Permalink}">{block:NoteCount}{block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel} &nbsp;&nbsp;&nbsp;&nbsp; {block:RebloggedFrom} <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} &nbsp;&nbsp;&nbsp;&nbsp; {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource} &nbsp;&nbsp;&nbsp;&nbsp; {block:IndexPage} <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div> {/block:IndexPage}</div>{/block:Video}
  252.  
  253. {block:Answer}
  254. <div class="posts">{block:IndexPage}
  255. <div class="pergunta"><p><b>{Asker}:</b> {Question}<p><div class="abobora"></div></div>
  256. <p>
  257. <div class="text"><p>{Answer}</p></div>
  258. {/block:IndexPage}
  259. </div>
  260. {/block:Answer}
  261.  
  262. {block:PostNotes}<div id="biebah">{TimeAgo}{NoteCountWithLabel}
  263. {block:HasTags}{block:Tags}<a href="{TagURL}" style="margin-right:5px;">{Tag}</a>{/block:Tags}{/block:HasTags}</div>{/block:PostNotes}{/block:posts}
  264.  
  265.  
  266. {block:IndexPage}
  267. <div class="column navigation" id="navigation">
  268. {block:Pagination}
  269. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  270. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  271. </div>
  272. {/block:IndexPage}
  273.  
  274.  
  275.  
  276. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement