Advertisement
poesificada-thmx

Theme 87 (uma coluna)

Oct 31st, 2014
322
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.11 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4.  
  5.  
  6.  
  7. <!-- THEME POR POESIFICADA / BASE FCKRAW/ NÃO RETIRE OS CRÉDITOS NEM MOVA-OS DE LUGAR -->
  8.  
  9.  
  10.  
  11.  
  12.  
  13. <html><head>
  14. <meta name="color:background permalink" content="#fff" />
  15. <meta name="color:Texts" content="#444" />
  16. <meta name="color:Border" content="#eee" />
  17. <meta name="color:Scrollbar" content="#444" />
  18.  
  19.  
  20. <meta name="image:background" content=""/>
  21.  
  22. <meta name="if:Opacidade" content="1" />
  23.  
  24. <meta name="text:frase" content="Vous me manquez" />
  25. <meta name="color:frase" content="#bc6e78" />
  26.  
  27.  
  28.  
  29.  
  30. <meta name="text:Link1" content="url 1" />
  31. <meta name="text:Link1 Title" content="Início" />
  32. <meta name="text:Link2" content="url 2" />
  33. <meta name="text:Link2 Title" content="Mensagem" />
  34. <meta name="text:Link3" content="url 3" />
  35. <meta name="text:Link3 Title" content="Autorias" />
  36. <meta name="text:Link4" content="url 4" />
  37. <meta name="text:Link4 Title" content="Projetos" />
  38. <meta name="text:Link5" content="url 5" />
  39. <meta name="text:Link5 Title" content="Adeus" />
  40.  
  41.  
  42. <title>{Title}</title>
  43. <link rel="shortcut icon" href="{favicon}">
  44. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  45. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  46.  
  47. <link type="text/css" href="csshake.css">
  48.  
  49. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Josefin+Sans|Baumans' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Poiret+One|Waiting+for+the+Sunrise' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=PT+Serif|Inconsolata' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Permanent+Marker|Maiden+Orange|Oranienbaum|Kreon|Tulpen+One|Graduate|Pacifico|Squada+One' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Playfair+Display|Kreon:300,400|Old+Standard+TT' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  50. {block:IndexPage}<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/me5sfsd/12Qlmj66n/script.js"></script></script>{/block:IndexPage}
  51.  
  52.  
  53.  
  54.  
  55. <link href='http://fonts.googleapis.com/css?family=Indie+Flower|Gloria+Hallelujah|Dancing+Script|Courgette|Marck+Script|Satisfy|Pinyon+Script|Reenie+Beanie|Niconne|Tangerine|Great+Vibes|Sacramento|Love+Ya+Like+A+Sister|Parisienne|Allura|Montez|Zeyada|Arizonia|Clicker+Script|Old+Standard+TT' rel='stylesheet' type='text/css'>
  56.  
  57. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro|Baumans|Lora:400italic|Rouge+Script' rel='stylesheet' type='text/css'>
  58.  
  59. <link href='http://fonts.googleapis.com/css?family=Oswald|Josefin+Sans|Fjalla+One|Francois+One|Inconsolata|Anton' rel='stylesheet' type='text/css'>
  60.  
  61. <link href='http://fonts.googleapis.com/css?family=Exo|Pathway+Gothic+One|Josefin+Slab|Voltaire' rel='stylesheet' type='text/css'>
  62.  
  63.  
  64. <link href='http://fonts.googleapis.com/css?family=Rochester|Just+Me+Again+Down+Here|Alex+Brush|Sue+Ellen+Francisco|Engagement|Dawning+of+a+New+Day|Italianno|Qwigley|Mr+De+Haviland|Bilbo+Swash+Caps|Seaweed+Script|Lovers+Quarrel|Ruthie|Herr+Von+Muellerhoff|Mrs+Saint+Delafield|Monsieur+La+Doulaise|Stalemate|Ruge+Boogie' rel='stylesheet' type='text/css'>
  65.  
  66. <link href='http://fonts.googleapis.com/css?family=Amatic+SC:400,700|BenchNine|Special+Elite|Cookie' rel='stylesheet' type='text/css'>
  67.  
  68.  
  69. <style type="text/css">
  70.  
  71.  
  72.  
  73.  
  74.  
  75.  
  76. /*** corpo básico ***/
  77.  
  78.  
  79.  
  80.  
  81. body {background-color:{color:background}; font-family:georgia; font-size:11px; color:{color:texts};background:url('{image:background}'); background-attachment: fixed; background-repeat: no-repeat;background-size:100% 100%; background-position: fixed;}
  82.  
  83.  
  84. a {color: {color:texts}; text-decoration: none; text-transform: none;}
  85. a:hover {color: {color:texts};}
  86.  
  87. p {margin: 6px 0 0 0}
  88.  
  89. blockquote {margin: 0px; padding-left: 0px; }
  90. blockquote img{width: 400px!important; text-align:justify;}
  91.  
  92. /*** posts e container ***/
  93.  
  94. #container {width:400px; margin-top:10px; margin-left: 470px;}
  95.  
  96. .posts {margin-bottom:20px;width:350px; padding:5px; position:relative; float:left; {block:PermalinkPage} width:350px;{/block:PermalinkPage};{block:IfOpacidade}opacity:0.8; -webkit-filter: grayscale(0%){/block:IfOpacidade}; border:1px solid {color:border}; margin-left:10px;}
  97.  
  98.  
  99. .posts img{width:350px; {block:PermalinkPage}width:350px; {/block:PermalinkPage};}
  100.  
  101. h1 {font-family:'georgia';text-align:center;padding:0px;color:{color:frase};line-height:18px;font-weight: normal; font-size: 12px;{block:PermalinkPage}padding:0px; {/block:PermalinkPage}}
  102. h1 a {color: {color:frase};}
  103.  
  104. .photoset {width:160px;{block:IfOpacidade}opacity:0.8; -webkit-filter: grayscale(0%){/block:IfOpacidade};}
  105. .source {display: none; color:#000;}
  106.  
  107. .quote {font-family:georgia; font-size: 11px; letter-spacing:0px; line-height: 15px; padding:5px; text-align: justify; font-weight: normal;color: {color:texts}; background-color:transparent;}
  108. .quote:first-letter {font-style:none;font-family: Georgia;font-size: 15px;line-height:15px; font-weight:bold;color:{color:frase};}
  109.  
  110. .sorc {font-family: georgia; font-size: 11px; line-height: 9px; padding:3px; text-align: center; font-weight: normal;color: {color:frase}; text-transform: bold; background-color:transparent; opacity:1;border-top:1px solid {color:border};}
  111. .sorc a {text-transform: bold; color:{color:frase}}
  112.  
  113.  
  114.  
  115.  
  116.  
  117.  
  118. .posts .pergunta {background-color:transparent; padding:5px; color:{color:texts}; width:auto;line-height:10px;} .pergunta img {width:30px; float:left; padding-right:5px;padding-bottom:1px;} .posts .pergunta a {color:{color:texts};} .resposta {color:{color:texts};} .resposta img {max-width:100%;height:auto;} .pergunta img {border-radius: 10px;width:30px; float:left; padding-right:5px;padding-bottom:5px;}
  119.  
  120.  
  121. .album img { width:100px; height:100px; opacity:0.9; -webkit-filter: grayscale(40%);float:left; padding-right:10px;border:none}
  122. .pplayer1 {width:30px; height:25px; overflow:hidden; margin-top:137px; margin-left:140;}
  123. .pplayer2 {width:130px; height:27px; overflow:hidden; margin-top:-120px; margin-left:140; background-color:transparent;}
  124.  
  125.  
  126.  
  127.  
  128.  
  129.  
  130.  
  131.  
  132. /*** info e tags ***/
  133.  
  134. #permalinks {width:400px; padding:18px; z-index:10; text-align:left; -webkit-transition: all 0.4s ease-out; -moz-transition: all .4s ease-out; }
  135.  
  136. .sorce {text-transform:uppercase;width:350px; height:auto; text-transform: lowercase; background-color:transparent; font-size:11px; line-height:12px; text-align:center; position: absolute; margin-left:0px; opacity:0; display:block; -webkit-transition: all 0.4s ease-out; -moz-transition: all .4s ease-out;color:{color:texts}; font-family:georgia;text-transform:none;margin-top:10px; }
  137.  
  138. .sorce a{font-size:11px; font-family:georgia;color:{color:texts}; text-transform:none;}
  139.  
  140. .posts:hover .sorce {opacity:1; z-index:9; font-size:11px; text-transform:lowercase; -webkit-transition: all 0.1s ease-out; -moz-transition: all .1s ease-out;text-transform:none;margin-top:-12px;background:{color:background permalink}}}
  141.  
  142.  
  143. .posts:hover .sorc {opacity:0;}
  144.  
  145.  
  146.  
  147.  
  148.  
  149.  
  150.  
  151.  
  152.  
  153. </style>
  154.  
  155. <script type="text/javascript">
  156. $(window).load(function(){
  157. var $wall = $('#container');
  158. $wall.imagesLoaded(function(){
  159. $wall.masonry({
  160. itemSelector: '.posts',
  161. isAnimated : true
  162. });
  163. });
  164. $wall.infinitescroll({
  165. navSelector : "div#navigation",
  166. nextSelector : "div#navigation a#nextPage",
  167. itemSelector : '.posts',
  168. loadingImg : "http://static.tumblr.com/kwz90l7/bIdlst7ub/transparent.png",
  169. loadingText : " ",
  170. donetext : " ",
  171. extraScrollPx : 9000,
  172. bufferPx : 10000,
  173. debug : false,
  174. errorCallback: function() {
  175. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  176. }},
  177. function( newElements ) {
  178. var $newElems = $( newElements );
  179. $newElems.hide();
  180. $newElems.imagesLoaded(function(){
  181. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 750, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  182. });
  183. }); $('#container').show(500);
  184. });
  185. </script>
  186. <style>
  187.  
  188. /*** barra de rolagem ***/
  189.  
  190. 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; }
  191.  
  192. ::-webkit-scrollbar{width:5px;height:5px;}
  193. ::-webkit-scrollbar-button:start:decrement
  194. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  195. ::-webkit-scrollbar-track-piece{background-color: transparent; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  196. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color:{color:scrollbar};-webkit-border-radius:px;}
  197. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:{color:scrollbar};-webkit-border-radius:px;}
  198.  
  199. iframe#tumblr_controls{top: 2px !important; position: fixed !important; right: 5px !important; margin: 0 0 0 0;}
  200.  
  201.  
  202.  
  203.  
  204.  
  205.  
  206.  
  207. ::-moz-selection
  208.  
  209. {color: {color:frase};
  210.  
  211. background: transparent;}
  212.  
  213.  
  214.  
  215.  
  216.  
  217.  
  218. /*** topbar ***/
  219.  
  220. /*** sidebar ***/
  221.  
  222. #sidebar {position:fixed; width: auto; height:auto; margin-left:200px;margin-top:48px;}
  223.  
  224. #frufru {-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;height:auto; z-index:9;margin-top:100px; margin-left:80px; position:fixed;}
  225.  
  226.  
  227. #frufru img { width:150px; opacity:1;height:100px;}
  228.  
  229.  
  230.  
  231.  
  232. #description {position:fixed;margin-top:0px;font-family:georgia;font-size:11px;color:{color:texts};margin-left:55px;width:180px;height:auto; background-color:transparent; text-align:justify;z-index:1000;{block:IfOpacidade}opacity:0.8; -webkit-filter: grayscale(0%){/block:IfOpacidade}; }
  233.  
  234.  
  235.  
  236.  
  237.  
  238.  
  239.  
  240.  
  241.  
  242.  
  243.  
  244. #links{-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;display:navigate; height:25px; width:150px; background-color:transparent; margin-top:0px; margin-left:270px;font-size:9px;text-align:right;line-height:25px;opacity:1;position:fixed;}
  245.  
  246.  
  247.  
  248. #links a {-webkit-transition: all 0.4s ease-out; -moz-transition: all .4s ease-out;line-height:20px; text-align:right; padding:2px; background-color:transparent; border: 0px solid {color:border}; color:{color:descricao}; font-size:12px;font-family:capita; }
  249. #links img {width:17px; margin-top:12px;margin-right:5px; }
  250.  
  251.  
  252. #links a:hover{text-decoration: underline;
  253. }
  254.  
  255.  
  256.  
  257.  
  258.  
  259.  
  260.  
  261.  
  262.  
  263.  
  264.  
  265.  
  266.  
  267. #topbar {position:fixed; margin-top:-150px; margin-left:470px; width:450px; background-color:{color:topbar}; height:150px;z-index:8; opacity:.9;}
  268.  
  269. #title {-webkit-transition: all 0.4s ease-out; -moz-transition: all .4s ease-out;z-index:10; position:fixed; width:505px; margin-top:350px; margin-left:95px; font-family: 'Sacramento', cursive; background-color:transparent;font-size:25px; text-align:center; color:{color:frase};}
  270.  
  271.  
  272. img {-webkit-filter:grayscale(.6); opacity:.7; transition:all 1s ease;} img:hover {-webkit-filter:grayscale(0); opacity:1;}
  273.  
  274.  
  275.  
  276.  
  277.  
  278.  
  279. </style>
  280.  
  281.  
  282.  
  283. <body>
  284.  
  285.  
  286.  
  287.  
  288. <a style="position:fixed; right:45px; bottom:45px; font-family:ARIAL; font-size:9px; color:#6E6E6E; background:transparent; " href="http://poesificada.tumblr.com/" title=""> POESIFICADA</a>
  289.  
  290.  
  291.  
  292. <div id="title">{text:frase}</div>
  293.  
  294.  
  295. <div id="links">
  296.  
  297. <a href="{text:Link1}" title="{text:Link1 Title}"><img src="http://static.tumblr.com/5u1fog0/H4Dn5ty5l/1.png"></a>
  298. <a href="{text:Link2}" title="{text:Link2 Title}"><img src="http://static.tumblr.com/5u1fog0/Nxun5ty7u/2.png"></a>
  299. <a href="{text:Link3}" title="{text:Link3 Title}"><img src="http://static.tumblr.com/5u1fog0/aLHn5ty85/3.png"></a>
  300. <a href="{text:Link4}" title="{text:Link4 Title}"><img src="http://static.tumblr.com/5u1fog0/R82n5ty8o/4.png"></a>
  301. <a href="{text:Link5}" title="{text:Link5 Title}"><img src="http://static.tumblr.com/n9fwjwu/8qGneu27f/183.png"></a>
  302.  
  303. </center></div></div>
  304.  
  305.  
  306. <div id="sidebar">
  307.  
  308. <div id="frufru"></div>
  309.  
  310.  
  311. <div id="description">{description}</div>
  312.  
  313.  
  314.  
  315.  
  316. </div>
  317.  
  318.  
  319. <div id="container">{block:Posts}
  320.  
  321. {block:Text}<div class="posts">{block:Title}<h1>{Title}</h1>{/block:Title}{body}<!-- permalink --->{block:IndexPage}<div class="sorce"><a href="{ReblogURL}" title="Reblog" target="_blank">reblog</a> <font color={color:frase}>♥</font> <span class="heart" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like">like</span> / <a href="{Permalink}">{block:NoteCount}{block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel} {block:IndexPage} {/block:IndexPage}</div> {/block:IndexPage}</div><!-- permalink --->{/block:Text}
  322.  
  323. {block:Photo}<div class="posts"><img src="{PhotoURL-500}">{block:IndexPage}<!-- permalink --->{block:IndexPage}<div class="sorce"><a href="{ReblogURL}" title="Reblog" target="_blank">reblog</a> <font color={color:frase}>♥</font> {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} {block:IndexPage} {/block:IndexPage}</div> {/block:IndexPage}</div><!-- permalink --->{/block:Photo}
  324.  
  325. {block:Photoset}<div class="posts">{Photoset}{block:IndexPage}<!-- permalink --->{block:IndexPage}<div class="sorce"><a href="{ReblogURL}" title="Reblog" target="_blank">reblog</a> <font color={color:frase}>♥</font> {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} {block:IndexPage} {/block:IndexPage}</div> {/block:IndexPage}</div><!-- permalink --->{/block:Photoset}
  326.  
  327.  
  328.  
  329. {block:Quote}<div class="posts"><div class="quote">{Quote}</div><div class="sorc">{Source}</div>{block:IndexPage}<!-- permalink --->{block:IndexPage}<div class="sorce"><a href="{ReblogURL}" title="Reblog" target="_blank"> reblog</a> <font color={color:frase}>♥</font> <a href="{Permalink}">{block:NoteCount}{block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel} {block:IndexPage} {/block:IndexPage}</div> {/block:IndexPage}</div><!-- permalink --->{/block:Quote}
  330.  
  331.  
  332.  
  333.  
  334.  
  335. {block:Link}<div class="posts">{block:IndexPage}<h1><a href="{URL}">{Name}</h1></a>{block:Description}{Description}{/block:Description}<!-- permalink --->{block:IndexPage}<div class="sorce"><a href="{ReblogURL}" title="Reblog" target="_blank">reblog</a> <font color={color:frase}>♥</font> {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} {block:IndexPage} {/block:IndexPage}</div><br>{/block:IndexPage}<!-- permalink --->{/block:IndexPage}</div>{/block:Link}
  336.  
  337. {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}<!-- permalink --->{block:IndexPage}<div class="sorce"><a href="{ReblogURL}" title="Reblog" target="_blank">reblog</a> <font color={color:frase}>♥</font> {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} {block:IndexPage} {/block:IndexPage}</div> {/block:IndexPage}<!-- permalink --->{/block:IndexPage}</div>{/block:Chat}
  338.  
  339. {block:Audio}<div class="posts">{block:AlbumArt}<div class ="album"><img src="{AlbumArtURL}" /><p>{/block:AlbumArt}</div><div class="pplayer1">{AudioPlayerGrey}</div><div class="pplayer2"></div>{block:Caption}{Caption}{PlayCount}{/block:Caption}<p>{block:IndexPage}<!-- permalink --->{block:IndexPage}<div class="sorce"><a href="{ReblogURL}" title="Reblog" target="_blank">reblog</a> <font color={color:frase}>♥</font> {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} {block:IndexPage} {/block:IndexPage}</div> {/block:IndexPage}<br></div><!-- permalink --->{/block:Audio}
  340.  
  341. {block:Video}<div class="posts">{Video-250}{block:IndexPage}<!-- permalink --->{block:IndexPage}<div class="sorce"><a href="{ReblogURL}" title="Reblog" target="_blank">reblog</a> <font color={color:frase}>♥</font> {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} {block:IndexPage} {/block:IndexPage}</div> {/block:IndexPage}<br></div><!-- permalink --->{/block:Video}
  342.  
  343. {block:Answer}<div class="posts"><div class="pergunta" style="font-family:georgia; border-bottom:1px solid #{color:posts border};line-height:12px;"><a href="/" style="text-transform:none; font-weight:bold;"><b><img src="{AskerPortraitURL-128}">{Asker}:</b></a> {Question}</div><div class="resposta">{Answer}</div><!-- permalink ---><div class="sorce"><a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom} <a href="{ReblogParentURL}"><a href="{ReblogParentURL}"></a>{/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}"></a>{/block:ContentSource} {block:IndexPage} <font color={color:frase}>♥</font> <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage} </div><!-- permalink ---></div>{/block:Answer}
  344.  
  345. {block:PostNotes}<div id="permalinks">{TimeAgo}{NoteCountWithLabel}{block:HasTags}{block:Tags}<a href="{TagURL}" style="margin-right:5px;">{Tag}</a>{/block:Tags}{/block:HasTags}</div>{/block:PostNotes}{/block:posts}
  346.  
  347. {block:IndexPage}<div class="column navigation" id="navigation">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}</div>{/block:IndexPage}
  348.  
  349.  
  350.  
  351.  
  352. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement