API tools faq
paste
Advertisement
H-umanizada

Theme 30

H-umanizada
Apr 11th, 2015
207
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 17.23 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!--             THEME POR {H-UMANIZADA}
  3.                
  4.                   BASE POR FCKRAW    
  5.                
  6.                   DETALHES  POR
  7.                
  8.                 CONNHECTION HTML
  9.                
  10.                   HELP DESIGNS E
  11.                  
  12.                   OFICINA DE HTML
  13.                
  14.      NÃO RETIRE OS CRÉDITOS DE LUGAR NENHUM !!-->
  15.  
  16.  
  17.  
  18.  
  19.  
  20.  
  21. <html>
  22. <head>
  23. <title>{Title}</title>
  24. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_m23125Cy111qfamg6.gif"><link rel="alternate" type="application/rss+xml" href="{RSS}">{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  25.  
  26. <link href='http://fonts.googleapis.com/css?family=IM+Fell+English:400,400italic' rel='stylesheet' type='text/css'> <script src='http://static.tumblr.com/iihcsbj/QUElox2fq/jquery-1.1.3.1.min.js'type='text/javascript'/></script><script src='http://static.tumblr.com/iihcsbj/NTDlox2gu/jquery.easing.min.js' type='text/javascript'/></script>
  27.  
  28.  
  29.  
  30. <meta name="color:background" content="/"/>
  31. <meta name="color:scrollbar" content="/"/>
  32. <meta name="color:link" content="/"/>
  33. <meta name="color:link hover" content="/"/>
  34. <meta name="color:text" content="0"/>
  35. <meta name="image:sidebar" content="/"/>
  36. <meta name="image:background" content=""/>
  37.  
  38. <meta name="text:Link1" content="/" />
  39. <meta name="text:Link1 Title" content="link 1" />
  40. <meta name="text:Link2" content="/" />
  41. <meta name="text:Link2 Title" content="link 2" />
  42. <meta name="text:Link3" content="/" />
  43. <meta name="text:Link3 Title" content="link 3" />
  44. <meta name="text:Link4" content="/" />
  45. <meta name="text:Link4 Title" content="link 4" />
  46. <meta name="text:Link5" content="/" />
  47. <meta name="text:Link5 Title" content="link 5" />
  48.  
  49. </head>
  50.  
  51. <style type="text/css">
  52.  
  53.  
  54. body {font-family:times; font-size: 11px; background-attachment: fixed;background:{color:background};background-image:url(' '); background-repeat:no-repeat;color:{color:text};}
  55.  
  56. body, a, a:hover { cursor:url('http://media.tumblr.com/tumblr_lyovxfnDb71qfoi4t.png'), auto }
  57.  
  58. a {color:{color:text}; text-decoration: none; text-transform: none;}
  59. a:hover {color:{color:link hover};}
  60. p {margin: 6px 0 0 0}
  61.  
  62. blockquote {margin: 0px; padding-left: 0px; }
  63. blockquote img{width: 250px!important; text-align:justify;}
  64.  
  65.  
  66. #desc {position:fixed; width: 280px; height:65px; font-family:calibri;font-size:11px;padding:4px;color: #000; margin-top:-5px; margin-left:210px; overflow:hidden;moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;text-align:center;opacity: 1;line-height: 13px;background:{color:background};border-radius:5px;z-index:99999999999;}
  67. #desc:first-letter{font-family:Always;font-size: 20px;line-height:22px;padding:2px;margin:2px;background:{color:background};}
  68. @font-face {src: url('http://static.tumblr.com/fyc2dbo/eyomvex2r/always_forever.ttf');font-family:Always; }
  69.  
  70. /*-✱— menu por h-umanizada, disponiblizado no help-stuff | base por connection html | se usar credite | —✱-*/
  71. .simpled {width:320px;margin-left:-25px;margin-top:10px;background-image: url('http://static.tumblr.com/4bage8q/4Yhlujrou/77words_patt7_065.gif')}
  72. .simpled a {margin:4px;padding:2px;width:320px;height:14px;text-align:center;font-size:10px;font-family:arial;border: 1px solid #B5B5B5;text-decoration: none;color: #000;background-color: #fff;-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.1s ease-out;}
  73. .simpled a:hover {background:#FFC1C1;color:#4F4F4F;border-top:1px dotted #B5B5B5;border-bottom:1px dotted #B5B5B5;-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.1s ease-out;}
  74. /*-✱— menu por h-umanizada, disponiblizado no help-stuff | base por connection html | se usar credite | —✱-*/
  75.  
  76.  
  77. #entryys {position:absolute; margin:auto; margin-top:5px;  margin-bottom:30px; margin-left:520px; width:400px;}
  78.  
  79. #everytg {margin:0px auto 20px auto; width:auto;}
  80.  
  81. .posts {background-color:transparent;border:1px double #EEA2AD; margin: 4px; width: 250px; -webkit-transition: opacity 1.55s linear;-moz-transition: opacity 1.55s linear;-webkit-transition: all 1.55s ease-in-out;-moz-transition: all 1.55s ease-in-out;-o-transition: all 1.55s ease-in-out; overflow: hidden; float:left; position:relative; padding:5px;}
  82. .posts:hover {width:250px;opacity:1; -webkit-transition:all 0.66s linear;-moz-transition:all 0.66s linear;transition:all 0.66s linear;}
  83. .posts:hover .infoimg{opacity:9;}
  84.  
  85. .bpostx {overflow: hidden; float:left; position:relative;  -webkit-transition: opacity 1.55s linear;-moz-transition: opacity 1.55s linear;-webkit-transition: all 1.55s ease-in-out;-moz-transition: all 1.55s ease-in-out;-o-transition: all 1.55s ease-in-out; width: 250px; }
  86. .bpostx:hover {width:250px; opacity:9; -webkit-transition:all 0.66s linear;-moz-transition:all 0.66s linear;transition:all 0.66s linear;}
  87.  
  88.  
  89. h1 {font-family:tahoma;text-align:center; font-size: 11px; letter-spacing:1px; font-weight: normal; line-height: 14px;color: {color:text};}
  90. h1 a {text-align: center;color: {color:text}; }
  91.  
  92.  
  93. .quote {text-align:justify; font-family:arial; line-height:15px; font-size:11px; color:{color:text}; padding:2px;margin-left:-2px;margin-bottom:3px; margin-top:2px;background-color:transparent;}
  94. .sc {background-color:transparent;font-family:'calibri';font-weight: bold; color:#EEA2AD; text-transform:lowercase; float:left;font-size:11px; margin-top:1px;}
  95.  
  96.  
  97. .chat {font-size:11px; font-family:arial;background:transparent; margin:2px;}
  98. .chat .lines {padding: 0px 0px 0px 0px; background: transparent; color:{color:text};}
  99. .chat .lines span{font-style: italic;}
  100. .person1 {color:{color:text}padding: 2px; }
  101. .person1 .label {color:{color:text};}
  102. .person2 {color:{color:text}; padding: 2px; }
  103. .person2 .label {color:{color:text}}
  104. .player {background-color: #000; text-align: left; display:block;}
  105.  
  106.  
  107. /* ask por ruby exclusive [ connection html ] se usar credite */
  108. .pergunta {background-color:#FFE4E1;}
  109. .perguntou{background-color:#FFF0F5;color:{color:text};font-size:10px;text-align: left;height:20px;line-height:20px;padding-left:6px;font-family:arial;border-left:4px solid #FFC0CB;}
  110. .respondeu {background-color:#FFF0F5;text-decoration: none;font-family: arial; font-size: 11px;padding-left:3px;color:{color:text};}
  111. .respo {text-decoration: none;text-align: left;background-color:#FFF0F5;color:{color:text};padding-left:6px;font-family:arial;border-right:4px solid #FFC0CB;margin-top:2px;font-size:11px;line-height:100%;padding:6px;}
  112.  
  113.  
  114. .infoimg{background-image: linear-gradient(to bottom, transparent, #EEA2AD); height:14px; padding:20px 0 15px 0; width:250px; left:0; bottom:0;position:absolute;-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;text-align:center;opacity:0;transition:All 0.4s ease;-webkit-transition:All 1s ease;-moz-transition:All 1s ease;}
  115. .infoimg .notess{font-size:18px; color:#fff; font-family:calibri; padding-left: 10px; padding-right: 10px; }
  116. .infoimg a:hover{text-decoration:bold;}
  117. .infoimg .rebblog img{width:13px; margin-top:3px;}
  118. .heart img{width:13px; margin-top:3px;}
  119.  
  120.  
  121. .infotxt {font-family:arial; opacity:0; font-size:8px; text-transform: lowercase; text-align:right; color:{color:text}; -webkit-transition: all 0.8s ease-in-out; -moz-transition-duration:0.8s; -webkit-transition-duration:0.8s; -o-transition-duration:0.8s;  margin-bottom:0px;   margin-top:10px;}
  122. .posts:hover .infotxt {-webkit-transition: all 0.8s ease-in-out; -moz-transition-duration:0.8s; opacity:1; font-size:8px; -webkit-transition-duration:0.8s; -o-transition-duration:0.8s;}
  123.  
  124. .source {display: none;} .vsanna{display: none;}
  125.  
  126.  
  127. /****Scrollbar por juh futurasuicida se utilizar credite ao HelpDesigns -  não use como base.****/
  128.  
  129. ::-webkit-scrollbar{width:7px;height:6px;}
  130.  
  131. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:scrollbar};-webkit-border-radius:10px;}
  132.  
  133. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: {color:scrollbar};-webkit-border-radius:10px;}
  134.  
  135.  
  136. 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; }
  137.  
  138. .tumblrAutoPager_page_separator,
  139. .tumblrAutoPager_page_info {display: none;}
  140.  
  141. #tumblr_controls{position: fixed!important}
  142. #tumblr_controls{position: fixed!important}
  143. #tumblr_controls{position: fixed!important}
  144. #tumblr_controls{position: fixed!important}
  145.  
  146.  
  147.  
  148.  
  149. /* estilo de credito by ruby [ i-nsegur-a ], usou ? creditou, bom garoto */
  150. #c1{top:55px;left:15px;position:fixed; color:#aaa; padding:3px;font-family:cambria; font-size: 11px;font-style:italic;}
  151.  
  152.  
  153.    
  154. </style>
  155.  
  156. <body>
  157.  
  158.  
  159.  
  160.  
  161.  
  162. <div id="desc">{description}
  163. <div class="simpled">
  164. <a href="{text:Link1}">{text:Link1 title}</a>
  165. <a href="{text:Link2}">{text:Link2 title}</a>
  166. <a href="{text:Link3}">{text:Link3 title}</a>
  167. <a href="{text:Link4}">{text:Link4 title}</a>
  168. <a href="{text:Link5}">{text:Link5 title}</a>
  169. </div></div>
  170.  
  171. <div style=" background-image: url('http://static.tumblr.com/4bage8q/4Yhlujrou/77words_patt7_065.gif'); border-radius:6px; top: 0px; left:210px; width: 22%; height: 85px; z-index: 100; position: fixed;"></div>
  172.  
  173. <div style=" background-image: url('http://static.tumblr.com/4bage8q/4Yhlujrou/77words_patt7_065.gif'); top: 0px; left: 508px; width: 10px; height: 100%; z-index:100; position: fixed;"></div>
  174.  
  175. <div style=" background-image: url('http://static.tumblr.com/4bage8q/4Yhlujrou/77words_patt7_065.gif'); top: 0px; left: 805px; width: 10px; height: 100%; z-index: 100; position: fixed;"></div>
  176.  
  177.  
  178.  
  179. </div></div>
  180.  
  181.  
  182. <div id="c1"><a href="http://h-umanizada.tumbl.com" title="connection html + help designs + oficina de html"> © h-umanizada</a></div>
  183.  
  184. </div>
  185.  
  186. <div id="entryys">{block:Posts}<div class="posts"><div class="bpostx">
  187.  
  188. <!-- postagem texto-->{block:Text}{/block:IndexPage}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{block:IndexPage}
  189. <div class="infotxt">{block:IndexPage}{block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} | <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} | <a href="{SourceURL}">source</a>{/block:ContentSource}{block:IndexPage} | <a href="{ReblogUrl}" target="_blank">reblog <font color="#f1699e">♥</font></a>{/block:IndexPage}</div>{/block:Text}
  190.  
  191. <!--postagem foto--><div id="cap">{block:Photo}{block:IndexPage}<div class="infoimg"><a href="{ReblogURL}" title="Reblog" target="_blank"><span class="rebblog"><img src="http://media.tumblr.com/tumblr_mboy88Mmjo1qk7o6d.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://media.tumblr.com/tumblr_mbp2zdKVHR1qk7o6d.png"></span></div>{/block:IndexPage}{block:IndexPage}<img src="{PhotoURL-400}" width="250">{/block:IndexPage}{/block:Photo}
  192.  
  193. <!--postagem photoset-->
  194. {block:Photoset}{block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-250}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{block:IndexPage}<div class="infoimg"><a href="{ReblogURL}" title="Reblog" target="_blank"><span class="rebblog"><img src="http://media.tumblr.com/tumblr_mboy88Mmjo1qk7o6d.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://media.tumblr.com/tumblr_mbp2zdKVHR1qk7o6d.png"></span></div>{/block:IndexPage}{/block:Photoset}
  195.  
  196. <!--postagem quote-->{block:Quote}<div class="quote"><img src="https://40.media.tumblr.com/0f9e1d88abc4629f47c995f5d5d31f7e/tumblr_nk5j21HQYB1qk9nuoo1_75sq.jpg"></font> {Quote} <img src="https://40.media.tumblr.com/93c39d00ee8a0b974a23aa0c594cec1a/tumblr_nk5j2uTUKd1qk9nuoo1_75sq.jpg"></div><div class="sc">– {Source}</div>{block:IndexPage}<div class="infotxt"><br>{block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} | <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} | <a href="{SourceURL}">source</a>{/block:ContentSource}{block:IndexPage} | <a href="{ReblogUrl}" target="_blank">reblog <font color="#f1699e">♥</font></a>{/block:IndexPage}</div>{/block:IndexPage}{/block:Quote}
  197.  
  198. <!--postagem links-->{block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{block:IndexPage}<div class="infotxt">{block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} | <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} | <a href="{SourceURL}">source</a>{/block:ContentSource}{block:IndexPage} | <a href="{ReblogUrl}" target="_blank">reblog <font color="#f1699e">♥</font></a>{/block:IndexPage}</div>{/block:IndexPage}{/block:Link}
  199.  
  200. <!--chat-->{block:chat}{block:lines}<div class="chat"><div class="lines">{block:Label}<span>{Label}</span>{/block:Label} {Line}</div></div>{/block:lines}{block:IndexPage}<div class="infotxt">{block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} | <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} | <a href="{SourceURL}">source</a>{/block:ContentSource}{block:IndexPage} | <a href="{ReblogUrl}" target="_blank">reblog <font color="#f1699e">♥</font></a>{/block:IndexPage}</div>{/block:IndexPage}{/block:chat}
  201.  
  202. <!--musica-->{block:Audio}<div class="player">{AudioPlayerBlack}</div>{block:Caption}{Caption}{/block:Caption}{block:IndexPage}<div class="infotxt">{block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} | <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} | <a href="{SourceURL}">source</a>{/block:ContentSource}{block:IndexPage} | <a href="{ReblogUrl}" target="_blank">reblog <font color="#f1699e">♥</font></a>{/block:IndexPage}</div>{/block:IndexPage}{/block:Audio}
  203.  
  204. <!--video-->{block:Video}{block:IndexPage}<div class="infoimg"><a href="{ReblogURL}" title="Reblog" target="_blank"><span class="rebblog"><img src="http://media.tumblr.com/tumblr_mboy88Mmjo1qk7o6d.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://media.tumblr.com/tumblr_mbp2zdKVHR1qk7o6d.png"></span></div>{/block:IndexPage}{block:IndexPage}{Video-400}{/block:IndexPage}{block:PermalinkPage}<center>{Video-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Video}
  205.  
  206. <!--ask-->{block:Answer}<div class="pergunta"><div class="perguntou"><img src="http://stephanielouie.comule.com/material/x1.gif"> {Asker} sussurou:</div><div class="respo">{Question}</div> </div> <div class="respondeu">{Answer}</div><br>{/block:answer}</div>
  207.  
  208. <div class="vsanna">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  209. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div></div></div>{/block:Posts}
  210.  
  211.  
  212.  
  213.  
  214. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  215. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  216. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  217. <script type="text/javascript">
  218. $(window).load(function(){
  219. var $wall = $('#entryys');
  220. $wall.imagesLoaded(function(){
  221. $wall.masonry({
  222. itemSelector: '.posts',
  223. isAnimated : true
  224. });
  225. });
  226. $wall.infinitescroll({
  227. navSelector : "div#navigation",
  228. nextSelector : "div#navigation a#nextPage",
  229. itemSelector : '.posts',
  230. loadingImg : "http://static.tumblr.com/8yo5xxv/3Tum7rjpo/loader.gif",
  231. loadingText : "",
  232. donetext : " ",
  233. extraScrollPx : 1000,
  234. bufferPx : 10100,
  235. debug : false,
  236. errorCallback: function() {
  237. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  238. }},
  239. function( newElements ) {
  240. var $newElems = $( newElements );
  241. $newElems.hide();
  242. $newElems.imagesLoaded(function(){    
  243. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 25, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  244. });
  245. }); $('#entryys').show(500);
  246. });
  247. </script>
  248. <div class="column navigation" id="navigation">
  249. {block:Pagination}
  250. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  251. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  252. </div>
  253. {/block:IndexPage}
  254.  
  255. </div></div></div></div></div>
  256. </div></div></div></div></div></div></div></div></div>
  257. </body>
  258. </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!