API tools faq
paste
Advertisement
nicoliveeira

Theme 33

nicoliveeira
Jan 31st, 2015
232
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.64 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"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2.  
  3.  
  4. <!--
  5.  
  6.  
  7.  
  8.  
  9. BASE FCKRAW TOTALMENTE ADAPTADA POR BRUTEIRA + SEUMAR
  10.  
  11.  
  12. JAMAIS RETIRE OS CREDITOS
  13.  
  14. -->
  15.  
  16.  
  17.  
  18.  
  19.  
  20.  
  21.  
  22.  
  23.  
  24. <html><head>
  25.  
  26.  
  27.  
  28. <meta name="color:background" content="#ffffff" />
  29. <meta name="color:hover" content="#000" />
  30. <meta name="color:text" content="#000" />
  31. <meta name="color:links" content="#fff" />
  32. <meta name="color:descri" content="#fff" />
  33. <meta name="color:lhover" content="#fb35ee" />
  34. <meta name="color:border" content="#ddd" />
  35.  
  36.  
  37.  
  38. <meta name="image:sidebar" content="" />
  39. <meta name="image:favicon" content="" />
  40. <meta name="image:simbolo" content="http://3.bp.blogspot.com/-2h_GhkF_qO4/UL-UHz7CCLI/AAAAAAAAE0c/u98KN0b_eXc/s400/13.gif" />
  41. <meta name="if:Rolagem infinita" content="1"/>
  42. <meta name="image:background" content=""/>
  43.  
  44.  
  45.  
  46. <meta name="text:Link1" content="/" />
  47. <meta name="text:Link1 Title" content="" />
  48. <meta name="text:Link2" content="/" />
  49. <meta name="text:Link2 Title" content="" />
  50. <meta name="text:Link3" content="/" />
  51. <meta name="text:Link3 Title" content="" />
  52. <meta name="text:Link4" content="/" />
  53. <meta name="text:Link4 Title" content="" />
  54.  
  55.  
  56.  
  57.  
  58.  
  59.  
  60. <title>{Title}</title>
  61.  
  62.  
  63. <link rel="shortcut icon" href="{image:favicon}">
  64.  
  65. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  66. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  67.  
  68. {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>{/block:IndexPage}
  69.  
  70. <style type="text/css">
  71.  
  72.  
  73.  
  74. body {background-color:#fff; background-image:url('x'); color: #696969; font-family:calibri; font-size:12px; text-align: justify; line-height:15px;}
  75.  
  76.  
  77.  
  78.  
  79.  
  80.  
  81.  
  82. a {color: #696969; text-decoration: none; text-transform: none;}
  83. a:hover {color: #666;}
  84.  
  85. p {margin: 6px 0 0 0}
  86.  
  87. blockquote {margin: 0px; padding-left: 0px; }
  88. blockquote img{width: 400px!important; text-align:justify;}
  89.  
  90.  
  91.  
  92.  
  93. #container {width:640px; margin-top:42px; margin-left: 470px;}
  94.  
  95.  
  96.  
  97.  
  98.  
  99.  
  100.  
  101.  
  102. .posts {-webkit-transition: all 0.4s ease-out; -moz-transition: all .4s ease-out; width:250px; padding:10px; margin-top:15px; margin-right:25px;position:relative; float:left; {block:PermalinkPage} width:400px;{/block:PermalinkPage};padding:3px;border:0px solid #000;}
  103. .posts img {max-width:250px;min-width:5px;{block:PermalinkPage}max-width:500px;{/block:PermalinkPage};}
  104. .posts:hover {opacity:1;-webkit-filter: grayscale(0%);}
  105.  
  106.  
  107.  
  108.  
  109.  
  110.  
  111.  
  112. h1 {font-family:calibri;text-align:center;color:{color:text};line-height:18px; font-size: 12px;{block:PermalinkPage}padding:0px; {/block:PermalinkPage};padding:0px;font-weight: normal;}
  113. h1 a {color: #000;}
  114.  
  115.  
  116.  
  117.  
  118.  
  119.  
  120.  
  121. .photoset {width:250px;}
  122. .source {display: none; color:transparent;}
  123.  
  124.  
  125.  
  126.  
  127.  
  128. .quote {font-family: calibri; font-size: 11px; letter-spacing:0px; line-height: 15px; text-align: justify; color: #000; background-color:transparent; padding:5px; font-weight: normal;}
  129.  
  130. .sorc {font-family: calibri; font-size: 9px; line-height: 9px; padding:3px; text-align: justify; color: #000; text-transform: lowercase; background-color:transparent; font-weight: normal;}
  131. .sorc a {text-transform: lowercase; color:#000}
  132.  
  133.  
  134.  
  135.  
  136.  
  137. .posts .pergunta {font-family:arial; text-align: justify; color:{color:text};; font-size:12px;padding:1px; margin-left: 9px; margin-top: -7px;}
  138. .posts .pergunta a {{color:links}}
  139. .resposta {font-family:calibri; font-size:12px;}
  140. .resposta img {max-width:400;height:auto;}
  141.  
  142.  
  143.  
  144. #nic {-ms-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;position:fixed; font:10px arial;color:#000; padding: 0px; letter-spacing:0px;opacity:1;width:50px;text-align:center;margin-left:-300px;background-color:#dddddd;margin-top:540px;}
  145. #nic:hover {text-shadow: 0px 0px 1px #000}
  146.  
  147.  
  148.  
  149.  
  150. #permalinks {width:400px; padding:18px; z-index:10; text-align:left; -webkit-transition: all 0.4s ease-out; -moz-transition: all .4s ease-out; }
  151.  
  152. .sorce {text-transform:lowercase;padding:0px; width:258px; height:auto; background-color:#fff; font-size:9px; text-align:right; position: absolute; color:#696969; opacity:0;font-family:verdana; display:block; -webkit-transition: all 0.4s ease-out; -moz-transition: all .4s ease-out;margin-top:4px; margin-left:-4px;}
  153. .sorce a{font-size:9px; font-family:verdana;color:{text:text};}
  154. .posts:hover .sorce {opacity:1; z-index:9; font-size:9px; text-transform:lowercase; -webkit-transition: all 0.4s ease-out; -moz-transition: all .4s ease-out;margin-top:4px;}
  155.  
  156.  
  157.  
  158.  
  159.  
  160. ::-webkit-scrollbar{width:5px;height:5px;}
  161. ::-webkit-scrollbar-button:start:decrement
  162. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:#fff;}
  163. ::-webkit-scrollbar-track-piece{background-color: transparent; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  164. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: #f8f8f8;-webkit-border-radius:px;}
  165. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: #f8f8f8;-webkit-border-radius:px;}
  166.  
  167. </style><script type="text/javascript">
  168. $(window).load(function(){
  169. var $wall = $('#container');
  170. $wall.imagesLoaded(function(){
  171. $wall.masonry({
  172. itemSelector: '.posts',
  173. isAnimated : true
  174. });
  175. });
  176. $wall.infinitescroll({
  177. navSelector : "div#navigation",
  178. nextSelector : "div#navigation a#nextPage",
  179. itemSelector : '.posts',
  180. loadingImg : "http://static.tumblr.com/kwz90l7/bIdlst7ub/transparent.png",
  181. loadingText : " ",
  182. donetext : " ",
  183. extraScrollPx : 9000,
  184. bufferPx : 10000,
  185. debug : false,
  186. errorCallback: function() {
  187. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  188. }},
  189. function( newElements ) {
  190. var $newElems = $( newElements );
  191. $newElems.hide();
  192. $newElems.imagesLoaded(function(){
  193. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 750, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  194. });
  195. }); $('#container').show(500);
  196. });
  197. </script><style>
  198.  
  199. .tumblrAutoPager_page_separator,
  200. .tumblrAutoPager_page_info {display: none;}
  201.  
  202. #tumblr_controls{position: fixed!important}
  203. #tumblr_controls{position: fixed!important}
  204. #tumblr_controls{position: fixed!important}
  205. #tumblr_controls{position: fixed!important}
  206.  
  207. iframe#tumblr_controls{top: 2px !important; position: fixed !important; right: 5px !important; margin: 0 0 0 0;}
  208.  
  209.  
  210.  
  211.  
  212.  
  213. #gogoho {margin-left:-44px; text-align:left; font-size: 10px; font-family: calibri; width:100px;height: auto; text-transform:lowercase;}
  214. #gogoho a {text-transform:lowercase; font-style:normal}
  215. #gogoho a:hover {color:#777;}
  216. .notes {width:550px; padding:0px; margin-top:1px; margin-bottom:1px; font-size:10px; text-align:center} ol.notes {list-style: none; margin: 0 20px 0 0px; padding:0px; bord00er-bottom: 1px sólida # ccc; z-index:6;} ol.notes li {background-color:;margin-bottom:1px; padding:5px;}.notes img{display:none; border:0px}
  217.  
  218.  
  219.  
  220. #sidebar {position:fixed; width: auto; height:auto; margin-left:300px;margin-top:-60px;}
  221.  
  222.  
  223. #foto {margin-top:60px; margin-left:-65px; margin-bottom:0px; padding:9px;border-left:0px solid {color:border}; height:auto; width:150px; -webkit-transition: all 1.2s ease-out; -moz-transition: all 1.2s ease-out;}
  224. #foto img {display: inline; height:auto; height:auto; width:150px; border-top:px solid #eee;border-right:px solid #000; ; border-left:px solid #000; padding:3px; }
  225. #sidebar:hover #foto {webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;all 0.3s ease-out;-moz-transition:All 1s ease; -o-transition:All 1s ease; -webkit-filter: grayscale(0.0) blur(1px);-webkit-transition:All 1s ease;}
  226.  
  227.  
  228. #fro{-ms-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;position:fixed;margin-left:75px;margin-top:-35px;}
  229. #fro img{width:15px;}
  230. #sidebar:hover #fro {margin-left:-50px;}
  231.  
  232.  
  233. #descri { -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;position:fixed; font: 13px calibri;color:{color:descri}; padding: 0px; letter-spacing:px;opacity:1;width:150px;text-align:center;margin-left:-65px;margin-top:-40px; text-shadow:0px 0px 1px {color:descri};}
  234. #sidebar:hover #descri {-khtml-opacity: 1.0; opacity: 1.0; -webkit-transition: all 0.5s linear; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear; margin-top:-10px;color:#000;}
  235.  
  236.  
  237. #links {opacity:1;width:150px;position:fixed;margin-top:-100px; margin-left:800px;-ms-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;text-align:center;text-align:center;opacity:0;}
  238. #links a {font-size:13px;font-family:calibri; color:{color:links};-webkit-transition: all 0.5s ease-out;-webkit-transition: all 0.6s ease-in-out;letter-spacing:0px;text-shadow:0px 0px 1px {color:links}}
  239. #links a:hover{color:{color:lhover}; text-shadow: 0px 0px 5px {color:lhover}}
  240. #sidebar:hover #links {opacity:1;margin-left:-48px;}
  241.  
  242.  
  243.  
  244.  
  245.  
  246.  
  247. </style>
  248.  
  249.  
  250.  
  251.  
  252.  
  253.  
  254.  
  255.  
  256.  
  257.  
  258.  
  259. <body>
  260.  
  261.  
  262.  
  263.  
  264.  
  265.  
  266.  
  267.  
  268.  
  269.  
  270.  
  271.  
  272. </center>
  273. </div>
  274. </div>
  275.  
  276.  
  277.  
  278.  
  279.  
  280.  
  281.  
  282. <div id="sidebar">
  283.  
  284. <div id="foto"><img src="{image:sidebar}"></div>
  285.  
  286. <div id="descri">{description}</div>
  287.  
  288. <div id="fro"><img src="{image:simbolo}"></div>
  289.  
  290.  
  291. <div id="links">
  292. <p><a href="{text:link1}">{text:link1 title} </a></p>
  293. <p><a href="{text:link2}">{text:link2 title} </a></p>
  294. <p><a href="{text:link3}">{text:link3 title} </a></p>
  295. <a href="{text:link4}">{text:link4 title} </a>
  296. </div></div>
  297.  
  298.  
  299.  
  300. <div id="container">{block:Posts}
  301.  
  302.  
  303.  
  304.  
  305.  
  306. {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> / <span class="heart" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></span> <a href="{Permalink}">{block:NoteCount}{block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel} {block:IndexPage} {/block:IndexPage}</div> {/block:IndexPage}</div><!-- permalink --->{/block:Text}
  307.  
  308.  
  309.  
  310.  
  311. {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> / {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} {block:IndexPage} {/block:IndexPage}</div> {/block:IndexPage}</div><!-- permalink --->{/block:Photo}
  312.  
  313.  
  314.  
  315.  
  316.  
  317.  
  318. {block:Photoset}<div class="posts"><center>{Photoset-250}</center>{block:IndexPage}<!-- permalink --->{block:IndexPage}<div class="sorce"><a href="{ReblogURL}" title="Reblog" target="_blank">reblog</a> / {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} {block:IndexPage} {/block:IndexPage}</div> {/block:IndexPage}</div><!-- permalink --->{/block:Photoset}
  319.  
  320.  
  321. {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> / <a href="{Permalink}">{block:NoteCount}{block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel} {block:IndexPage} {/block:IndexPage}</div> {/block:IndexPage}</div><!-- permalink --->{/block:Quote}
  322.  
  323.  
  324.  
  325. {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> / {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} {block:IndexPage} {/block:IndexPage}</div><br>{/block:IndexPage}<!-- permalink --->{/block:IndexPage}</div>{/block:Link}
  326.  
  327.  
  328. {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> / {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} {block:IndexPage} {/block:IndexPage}</div> {/block:IndexPage}<!-- permalink --->{/block:IndexPage}</div>{/block:Chat}
  329.  
  330.  
  331.  
  332. {block:Audio}<div class="posts"><center>{block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}{block:Caption}{Caption} Played {PlayCount} times</center>{/block:Caption}<p>{block:IndexPage}<!-- permalink --->{block:IndexPage}<div class="sorce"><a href="{ReblogURL}" title="Reblog" target="_blank">reblog</a> / {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} {block:IndexPage} {/block:IndexPage}</div> {/block:IndexPage}<br></div><!-- permalink --->{/block:Audio}
  333.  
  334.  
  335.  
  336. {block:Video}<div class="posts">{Video-250}{block:IndexPage}<!-- permalink --->{block:IndexPage}<div class="sorce"><a href="{ReblogURL}" title="Reblog" target="_blank">reblog</a> / {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} {block:IndexPage} {/block:IndexPage}</div> {/block:IndexPage}<br></div><!-- permalink --->{/block:Video}
  337.  
  338.  
  339. {block:Answer}<div class="posts"><div class="pergunta" style="margin-left:0px;"><a href="/" style="text-transform:lowercase;"><b>{Asker}:</b></a> {Question}</div><div class="resposta" style=" margin-left:0px;">{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} / <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage} </div><!-- permalink ---></div>{/block:Answer}
  340.  
  341.  
  342.  
  343.  
  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. <div id="nic">theme by
  351. <a href="http://seumar.tumblr.com"><b>seumar</b></a></div>
  352.  
  353.  
  354.  
  355.  
  356. </body>
  357.  
  358.  
  359. </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!