API tools faq
paste
Advertisement
poesificada-thmx

Theme 86

poesificada-thmx
Oct 31st, 2014
443
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.54 KB | None | 0 0
raw download clone embed print report
  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:topbar" content="#fff" />
  15. <meta name="color:Texts" content="#444" />
  16. <meta name="color:Border" content="#eee" />
  17. <meta name="color:Scrollbar" content="#444" />
  18. <meta name="color:Information" content="#444" />
  19.  
  20. <meta name="image:background" content=""/>
  21. <meta name="color:background" content="#fff"/>
  22.  
  23. <meta name="if:Opacidade" content="1" />
  24.  
  25.  
  26. <meta name="text:frase" content="Des mots simples" />
  27. <meta name="color:frase" content="#c8938e" />
  28.  
  29.  
  30.  
  31. <meta name="text:Link1" content="url 1" />
  32. <meta name="text:Link1 Title" content="link 1" />
  33. <meta name="text:Link2" content="url 2" />
  34. <meta name="text:Link2 Title" content="link 2" />
  35. <meta name="text:Link3" content="url 3" />
  36. <meta name="text:Link3 Title" content="link 3" />
  37. <meta name="text:Link4" content="url 4" />
  38. <meta name="text:Link4 Title" content="link 4" />
  39.  
  40.  
  41. <title>{Title}</title>
  42. <link rel="shortcut icon" href="{favicon}">
  43. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  44. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  45.  
  46. <link type="text/css" href="csshake.css">
  47.  
  48. <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'>
  49. {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}
  50.  
  51.  
  52.  
  53.  
  54. <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' rel='stylesheet' type='text/css'>
  55.  
  56. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro|Baumans|Lora:400italic|Rouge+Script' rel='stylesheet' type='text/css'>
  57.  
  58.  
  59.  
  60. <style type="text/css">
  61.  
  62. /*** corpo básico ***/
  63.  
  64.  
  65.  
  66.  
  67. body {background-color:{color:background}; font-family:capita; font-size:12px; color:{color:texts};background:url('{image:background}'); background-attachment: fixed; background-repeat: no-repeat;background-size:100% 100%; background-position: fixed;}
  68.  
  69.  
  70. a {color: {color:texts}; text-decoration: none; text-transform: none;}
  71. a:hover {color: {color:texts};}
  72.  
  73. p {margin: 6px 0 0 0}
  74.  
  75. blockquote {margin: 0px; padding-left: 0px; }
  76. blockquote img{width: 400px!important; text-align:justify;}
  77.  
  78. /*** posts e container ***/
  79.  
  80. #container {width:650px; margin-top:40px; margin-left: 400px;}
  81.  
  82. .posts {margin-bottom:20px;width:250px; padding:5px; position:relative; float:left; {block:PermalinkPage} width:500px;{/block:PermalinkPage};{block:IfOpacidade}opacity:0.8; -webkit-filter: grayscale(0%){/block:IfOpacidade}; border:1px solid {color:border}; margin-left:10px;}
  83.  
  84.  
  85. .posts img{width:250px; {block:PermalinkPage}width:500px; {/block:PermalinkPage};}
  86.  
  87. h1 {font-family:'capita';text-align:center;padding:0px;color:{color:texts};line-height:18px;font-weight: normal; font-size: 13px;{block:PermalinkPage}padding:0px; {/block:PermalinkPage}}
  88. h1 a {color: {color:texts};}
  89.  
  90. .photoset {width:160px;{block:IfOpacidade}opacity:0.8; -webkit-filter: grayscale(0%){/block:IfOpacidade};}
  91. .source {display: none; color:#000;}
  92.  
  93. .quote {font-family:capita; font-size: 12px; letter-spacing:0px; line-height: 15px; padding:5px; text-align: justify; font-weight: normal;color: {color:texts}; background-color:transparent;}
  94.  
  95.  
  96. .quote:first-letter {font-style:none;font-family: Georgia;font-size: 15px;line-height:15px; font-weight:bold;color:{color:frase};}
  97.  
  98. .sorc {font-family: capita; font-size: 12px; 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};}
  99. .sorc a {text-transform: bold; color:{color:frase}}
  100.  
  101.  
  102.  
  103.  
  104.  
  105.  
  106. .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;}
  107.  
  108.  
  109. .album img { width:100px; height:100px; opacity:0.9; -webkit-filter: grayscale(40%);float:left; padding-right:10px;border:none}
  110. .pplayer1 {width:30px; height:25px; overflow:hidden; margin-top:137px; margin-left:140;}
  111. .pplayer2 {width:130px; height:27px; overflow:hidden; margin-top:-120px; margin-left:140; background-color:transparent;}
  112.  
  113.  
  114.  
  115.  
  116.  
  117.  
  118.  
  119.  
  120. /*** info e tags ***/
  121.  
  122. #permalinks {width:400px; padding:18px; z-index:10; text-align:left; -webkit-transition: all 0.4s ease-out; -moz-transition: all .4s ease-out; }
  123.  
  124. .sorce {text-transform:uppercase;width:250px; 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:information}; font-family:capita;text-transform:none;margin-top:10px; }
  125.  
  126. .sorce a{font-size:11px; font-family:capita;color:{color:information}; text-transform:none;}
  127.  
  128. .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:topbar}}}
  129.  
  130.  
  131. .posts:hover .sorc {opacity:0;}
  132.  
  133.  
  134.  
  135.  
  136.  
  137.  
  138.  
  139.  
  140.  
  141. </style>
  142.  
  143. <script type="text/javascript">
  144. $(window).load(function(){
  145. var $wall = $('#container');
  146. $wall.imagesLoaded(function(){
  147. $wall.masonry({
  148. itemSelector: '.posts',
  149. isAnimated : true
  150. });
  151. });
  152. $wall.infinitescroll({
  153. navSelector : "div#navigation",
  154. nextSelector : "div#navigation a#nextPage",
  155. itemSelector : '.posts',
  156. loadingImg : "http://static.tumblr.com/kwz90l7/bIdlst7ub/transparent.png",
  157. loadingText : " ",
  158. donetext : " ",
  159. extraScrollPx : 9000,
  160. bufferPx : 10000,
  161. debug : false,
  162. errorCallback: function() {
  163. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  164. }},
  165. function( newElements ) {
  166. var $newElems = $( newElements );
  167. $newElems.hide();
  168. $newElems.imagesLoaded(function(){
  169. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 750, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  170. });
  171. }); $('#container').show(500);
  172. });
  173. </script>
  174. <style>
  175.  
  176. /*** barra de rolagem ***/
  177.  
  178. 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; }
  179.  
  180. ::-webkit-scrollbar{width:5px;height:5px;}
  181. ::-webkit-scrollbar-button:start:decrement
  182. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  183. ::-webkit-scrollbar-track-piece{background-color: transparent; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  184. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color:{color:scrollbar};-webkit-border-radius:px;}
  185. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:{color:scrollbar};-webkit-border-radius:px;}
  186.  
  187. iframe#tumblr_controls{top: 2px !important; position: fixed !important; right: 5px !important; margin: 0 0 0 0;}
  188.  
  189.  
  190.  
  191.  
  192.  
  193.  
  194.  
  195.  
  196.  
  197.  
  198.  
  199.  
  200. ::-moz-selection
  201.  
  202. {color: {color:frase};
  203.  
  204. background: transparent;}
  205.  
  206.  
  207.  
  208.  
  209.  
  210.  
  211.  
  212.  
  213.  
  214.  
  215. /*** topbar ***/
  216.  
  217. /*** sidebar ***/
  218.  
  219. #sidebar {position:fixed; width: auto; height:auto; margin-left:200px;margin-top:48px;}
  220.  
  221. #frufru1 {height:70px; margin-top:10px; margin-left:-2px; position:fixed; text-align:left;}
  222. #frufru1 img { width:150px; height:185px; {block:IfOpacidade}opacity:0.9; -webkit-filter: grayscale(40%){/block:IfOpacidade};}
  223.  
  224.  
  225.  
  226.  
  227.  
  228.  
  229.  
  230.  
  231.  
  232. #description {position:fixed;width:175px;margin-top:60px;font-family:capita;font-size:12px;color:{color:texts};margin-left:70px;width:120px;height:auto; background-color:transparent; text-align:right;}
  233.  
  234.  
  235.  
  236.  
  237.  
  238.  
  239.  
  240.  
  241.  
  242.  
  243.  
  244.  
  245.  
  246.  
  247.  
  248.  
  249.  
  250.  
  251.  
  252. #links {-webkit-transition: all 0.4s ease-out; -moz-transition: all .4s ease-out;z-index:10; position:fixed; width:520px; font-style:none; margin-top:105px; margin-left:0px; font-family:capita; background-color:{color:topbar}; font-size:12px; line-height:18px; padding:2px; text-align:center; text-transform:none;opacity:1;}
  253. #links a {padding-right:10px; padding-left:10px;color:{color:texts};text-transform:none;}
  254.  
  255.  
  256.  
  257.  
  258.  
  259.  
  260.  
  261.  
  262.  
  263.  
  264.  
  265. #topbar {position:fixed; margin-top:-140px; margin-left:400px; width:550px; background-color:{color:topbar}; height:130px;z-index:8; opacity:.9;}
  266.  
  267. #title {-webkit-transition: all 0.4s ease-out; -moz-transition: all .4s ease-out;z-index:10; position:fixed; width:505px; margin-top:200px; margin-left:-510px; font-family: 'Sacramento', cursive; background-color:transparent;font-size:30px; text-align:right; color:{color:frase};}
  268.  
  269.  
  270.  
  271. img {-webkit-filter:grayscale(.6); opacity:.7; transition:all 1s ease;} img:hover {-webkit-filter:grayscale(0); opacity:1;}
  272.  
  273.  
  274.  
  275.  
  276.  
  277.  
  278. </style>
  279.  
  280.  
  281.  
  282. <body>
  283.  
  284.  
  285.  
  286.  
  287. <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>
  288.  
  289. <div id="topbar">
  290.  
  291. <div id="title">{text:frase}</div>
  292.  
  293.  
  294. <div id="links"><center>
  295.  
  296. <a href="{text:link1}">{text:link1 title}</a><font color={color:frase}>●</font>
  297. <a href="{text:link2}">{text:link2 title}</a><font color={color:frase}>●</font>
  298. <a href="{text:link3}">{text:link3 title}</a><font color={color:frase}>●</font>
  299. <a href="{text:link4}">{text:link4 title}</a> </center></div></div>
  300.  
  301.  
  302. <div id="sidebar">
  303.  
  304. <div id="frufru1"></div>
  305.  
  306.  
  307. <div id="description">{description}</div>
  308.  
  309.  
  310.  
  311.  
  312. </div>
  313.  
  314.  
  315. <div id="container">{block:Posts}
  316.  
  317. {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}
  318.  
  319. {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}
  320.  
  321. {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}
  322.  
  323.  
  324.  
  325. {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}
  326.  
  327.  
  328.  
  329.  
  330.  
  331. {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}
  332.  
  333. {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}
  334.  
  335. {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}
  336.  
  337. {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}
  338.  
  339. {block:Answer}<div class="posts"><div class="pergunta" style="font-family:capita; 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}
  340.  
  341. {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}
  342.  
  343. {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}
  344.  
  345.  
  346.  
  347.  
  348. </body></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!