API tools faq
paste
Advertisement
H-umanizada

Theme11

H-umanizada
May 29th, 2014
284
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 13.91 KB | None | 0 0
raw download clone embed print report
  1. <!--           THEME POR {H-UMANIZADA} TUTORIAL E DETALHES
  2.                     POR CONNECTION HTML
  3.                   NÃO RETIRE OS CRÉDITOS
  4.                   BOM USO, BJUS NA BUNDA <3             -->
  5.  
  6.  
  7. <html>
  8.  
  9. <head>
  10. <title>{Title}</title>
  11. <link rel="shortcut icon" href="{FavIcon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14.  
  15. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/mFbkoqlkr/tumblrautopager.js"></script>
  16.  
  17. <meta name="color:background" content="#fff"/>
  18. <meta name="color:text" content="#888"/>
  19. <meta name="color:link" content="/"/>
  20. <meta name="color:link hover" content="/"/>
  21. <meta name="color:scroll bar" content="/"/>
  22. <meta name="color:borda notes" content="/"/>
  23. <meta name="image:background" content="/"/>
  24. <meta name="image:sidebar" content="/"/>
  25.  
  26. <meta name="text:frase" content="/">
  27. <meta name="text:Link1" content="/" />
  28. <meta name="text:Link1 Title" content="link 1" />
  29. <meta name="text:Link2" content="/" />
  30. <meta name="text:Link2 Title" content="link 2" />
  31. <meta name="text:Link3" content="/" />
  32. <meta name="text:Link3 Title" content="link 3" />
  33. <meta name="text:Link4" content="/" />
  34. <meta name="text:Link4 Title" content="link 4" />
  35. <meta name="text:Link5" content="/" />
  36. <meta name="text:Link5 Title" content="link 5" />
  37. <meta name="text:Link6" content="/" />
  38. <meta name="text:Link6 Title" content="link 6" />
  39. </head>
  40.  
  41. <style type="text/css">
  42.  
  43.  /*******Por juh - futurasuicida usar credite ao helpdesigns.NÃO REMOVA OS CRÉDITOS **********/
  44. #creditos {width:388px; height: 40px; float: left; margin-left:8px; margin-top:3px; position: fixed;}
  45. #creditos a {display: inline-block;float: left; font: 8px PF Arma Five; height: 23px; width: 8%;color:{color:text}; line-height: 22px;text-transform: none;-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; font-style: normal; background-color:transparent; -webkit-transition: all 0.99s ease-in-out;overflow: hidden;}
  46. #creditos a:hover{background-color:transparent; color:{color:link hover};-webkit-transition: all 0.99s ease-in-out;width: 35%;}
  47. @font-face {src: url('http://static.tumblr.com/08l8cbl/bxDmeztw0/pf_arma_five.ttf'); font-family: PF Arma Five;}
  48. /*******NÃO REMOVA OS CRÉDITOS **********/
  49.  
  50. body {background-color: {color:background}; background-attachment:fixed; background-image:url('{image:background}'); color: {color:text};}
  51.  
  52.  
  53. #colums {margin-left:360px;width:500px;-webkit-transition: opacity 0.9s linear;-moz-transition: opacity 0.9s linear;-webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;}
  54. .source {display: none;}
  55. .posts {width:360px; background-color:{color:background};text-align: justify;padding: 9px;float: left;position: relative;-webkit-transition: opacity 0.9s linear;-moz-transition: opacity 0.9s linear;-webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;float: left;margin:1px;color:{color:text};}
  56.  
  57.  
  58. .posts img{max-width:360px;transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;opacity:0.9; -o-transition-duration: 1s;filter:alpha(opacity=100);}
  59. .posts img:hover {opacity:1;}
  60.  
  61.  
  62. #h1{font-family: georgia;font-size:11px;text-align: center;color:{color:text};font-style:normal;}
  63.  
  64. #h1 a{color:{color:text};text-decoration:none;}
  65.  #h1 a{color:{color:text};text-decoration:none;}
  66. #h2 { font-family: georgia;font-size:10px;text-align: justify;color:{color:text};font-style:normal;}
  67.  
  68.  
  69. a:visited, a:link, a:active {text-decoration: none; color:{color:link};}
  70.  
  71. a:hover{color:{color:link hover};}
  72.  
  73. .image {text-align: left;}
  74. .image img {width: 400px;  opacity:0.9; -webkit-filter: grayscale(40%)}
  75. .image img:hover  {-webkit-transition-duration: .59s; opacity:0;opacity:0.8;margin-left: 2px;margin-top: 1px;opacity:0.6;margin-left: -2px; }
  76. .photoset {width: 400px;opacity:0.9; -webkit-filter: grayscale(40%)}
  77.  
  78. /*—✱— menu por i-nsegur-a | se usar credite | dont copy —✱—*/
  79. #stay{width:auto;height:25px;float: left; margin-left:155px; margin-top:303px; position: fixed;-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.1s ease-out;}
  80. #stay a {display: inline-block;float: left; margin-left: 1px ;height: 20px; width: 20px; -webkit-transition: all .1s ease-out; -moz-transition: all .8s ease-out; -webkit-transition: all .8s ease-out; -moz-transition: all .8s ease-out; background-color: #f3f3f3;overflow:hidden;color:#aaa;font-size:12px;font-family:sofia;line-height:20px;text-align:center;}
  81. #stay a:hover{color: {color:text};box-shadow:inset 0 -105px 0px #b9284a;height: 22px; }
  82.  
  83. /* quote by i-nsegur-a | connection html | usou ? creditou! É DE GRATIS */
  84. .xquote {text-align:justify;line-height:auto;font-size:9px; font-family: trebuchet ms;margin-bottom:3px;margin-top:-24px;color:{color:text};}
  85. .xquotesource {text-align: left ; text-transform: none; margin-top:-2px;
  86. font-size:9px; font-family: trebuchet ms;font-weight:bold;color:#000;border-top:1px dotted {color:borda notes};}
  87. #quote {position:relative; top:0px;font-size:25px;opacity:0.2;font-family:georgia;color:#eee}
  88.  .xquote:first-letter{font-family:script mt bold; font-size: 13px;}
  89.  
  90.  
  91. /* chat by i-nsegur-a | usou ? creditou | not copy and inspired */
  92. .chat {line-height: 13px; list-style: none }
  93. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  94. .person1 {color: {color:text};padding: 2px;margin-top:2px;font-family:cambria;font-size:9px;font-style:italic; }
  95. .person1 .ruby {background-color:{color:background};color:{color:text};font-family:cambria;font-size:9px;font-style:italic;border-right:2px solid {color:borda notes};padding:4px;-webkit-transition: all 0.6s ease-out;}
  96. .person2 {color:{color:text}; padding: 2px;margin-top:2px;font-family:cambria;font-size:9px;font-style:italic;}
  97. .person2 .ruby {background-color:{color:background};color:{color:text};
  98. font-family:cambria;font-size:9px;font-style:italic;border-right:2px solid {color:borda notes};padding:4px;-webkit-transition: all 0.6s ease-out;}
  99. .person2 .ruby:hover{-webkit-transition: all 0.6s ease-out;box-shadow: inset -150px 0px 0px #b9284a;color:{color:text};border-right:2px solid #eee;}
  100. .person1 .ruby:hover{-webkit-transition: all 0.6s ease-out;box-shadow: inset -150px 0px 0px {color:borda notes};color:{color:text};border-right:2px solid {color:borda notes};}
  101.  
  102.  
  103. /*-✱- efeito by i-nsegur-a [connectionhtml] se usar credite ! -✱-*/
  104. #fotinha {position:fixed; width:110px; padding:5px; border:1px solid #eee;overflow: hidden;margin-top:115px;margin-left:150px;}
  105.  
  106. #fotinha img{width:110px; height:115px;}
  107. #fotinha:hover #frase{margin-top:38px;border-bottom:1px solid transparent;border-top:1px solid #eee;}
  108. #fotinha:hover #barbie{margin-top:7px;}
  109.  
  110. #barbie {margin-top:34px; margin-left:-45px;position: fixed;width:180px;line-height:12px;height:15px;text-align: center;opacity:1;color:{color:text};padding:10px;background-color:transparent;font-family:tahoma; font-size:9px;-webkit-transition: all 0.9s ease;-moz-transition: all 0.9s ease; overflow:hidden;padding-top:5px;}
  111.  
  112. #frase{position:fixed;height:25px;width:110px;margin-top:7px;margin-left:-6px;overflow:hidden;font-family:Jenna Sue;font-size:16px;line-height:31px;-webkit-transition:all.8s ease-out;opacity:1;background-color:transparent;padding-left:10px;border-bottom:1px solid #eee;}
  113.  
  114.  
  115. .audio {opacity: 1.0; position:relative; overflow:hidden; min-height:130px; font-size: 8px; margin-bottom:-45px;}
  116. .player {position:absolute; z-index:3; background:transparent; margin-top:45px; margin-left:0px;}
  117. .audioplayer {width:25px; height:18px; overflow:hidden; padding:5px;  margin-right:11px}
  118. .audioinfo {margin-left:110px; line-height:155%; font-family: cambria; font-size:9px!important;}
  119. .audiocaption {margin-left:162px;}
  120. .audiocaption img {width:130px!important}
  121. .audiocaption blockquote img {max-width:320px!important}
  122. .audiocaption blockquote blockquote img {max-width:310px!important}
  123.  
  124.  
  125.  /** Estilo de Ask por ruby [connectionhtml], usou ? creditou ! **/
  126. .pergunta{background:#eee;padding-left:4px;padding:7px;margin-left:0px;margin-right: 0;overflow: hidden;font-size:9px; font-family:trebuchet ms;margin-top:1px;}
  127.  
  128. #simbol1{color:#c25c58;font-size:15px;font-family:tahoma;margin-top:12px;-webkit-transform: rotate(45deg);z-index:9;margin-left:39px;width:15px;height:15px;position:absolute;}
  129.  
  130. .pergunta2{background:transparent;padding-left:4px;margin-left:0px;margin-right:3;overflow: hidden;font-size:9px; font-family:trebuchet ms;margin-top:1px;padding-top:-2px;}
  131.  
  132. .asker{font-family:georgia;font-size:9px;background-color:#eee; overflow:hidden;color:{color:text};margin-left:0px;padding:7px;margin-top:0px;position:relative;line-height:26px;height:26px;font-style:italic;}
  133.  
  134. .asker a {color: {color:text};}
  135. .fotoask {opacity: 1;-webkit-transition: all 0.6s ease-out;float:left;margin-right:1px;border-right:4px solid #c25c58;}
  136. /** efeito por connection html [ i-nsegur-a ] usou ? creditou êeh **/
  137. .fotoask:hover {border-radius:0px 50px 50px 50px;-webkit-transition-duration: .90s}
  138.  
  139.  
  140.    /* notes por i-nsegur-a | connection html | se usar pf credite !! */
  141. .hehe {opacity: 0.99; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  142. .hehe:hover {opacity: 0.99; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  143. #info {text-align: center; margin-top:0px; font-size: 9px; font-family: arial; z-index: 11; letter-spacing:0px;  margin-left:65px; width: 250px; margin-bottom: -19px; color:{color:link};-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;opacity:0; border:2px solid {color:borda notes} ;}
  144. #info a {font-size:9px; text-transform: lowercase; color:{color:link}; -webkit-transition-duration: 0.4s;}
  145. #info :hover {color: {color:link hover};text-transform: lowercase;}
  146. .posts:hover #info {opacity:9; padding-top:2px;  margin-bottom:0px;text-transform: lowercase;}
  147.  
  148.  
  149. /*—✱— by i-nsegur-a exclusive [ connection html ] se usar credite  —✱—*/
  150. ::-webkit-scrollbar-thumb:vertical {background-color:transparent;height:70px;border:1px dashed {color:scroll bar};}
  151.  
  152. ::-webkit-scrollbar-button:vertical {height:0px;display: block;background:transparent;}
  153.  
  154. ::-webkit-scrollbar {background-color:transparent;height:0px;width:5px;}
  155. /*—✱— by i-nsegur-a exclusive [ connection html ] se usar credite  —✱—*/
  156.  
  157. .tumblrAutoPager_page_separator,
  158. .tumblrAutoPager_page_info {display: none;}
  159.  
  160.  </style>
  161.  
  162.  <body>
  163. <div id="creditos" title="h-umanizada + dlts CH  ">
  164. <a href="http://h-umanizada.tumblr.com"> Theme por h-umanizada </a></div>
  165. </div></div></div>
  166.  
  167. <div id="fotinha">
  168. <img src="{image:sidebar}">
  169. <div id="frase">{text:frase}</div><div id="barbie">
  170. {description}
  171. </div></div>
  172.  
  173. <div id="stay">
  174. <a href="{text:Link1}" title="{text:Link1 Title}">♥</a>
  175. <a href="{text:Link2}" title="{text:Link2 Title}">♥</a>
  176. <a href="{text:Link3}" title="{text:Link3 Title}">♥</a>
  177. <a href="{text:Link4}" title="{text:Link4 Title}">♥</a>
  178. <a href="{text:Link5}" title="{text:Link5 Title}">♥</a>
  179.  
  180. </div>
  181.  
  182. </div>
  183.  
  184. </div>
  185. </div>
  186. </div>
  187.  
  188. </div>
  189.  
  190.  <div class="autopagerize_page_element">
  191. <div id="colums">
  192. {block:Posts}
  193.  
  194. <div class="posts">{block:Text}{block:Title}<div id="h1">{Title}</div>{/block:Title}<div id="h2">{Body}</div>{/block:Text}
  195.  
  196. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" >{LinkCloseTag}{/block:Photo}
  197.  
  198. {block:Photoset}{Photoset-500}{/block:Photoset}
  199.  
  200. {block:Quote}
  201. <div id="quote">&#10077;</div><div class="xquote">{Quote}</div>
  202. {block:Source}<div class="xquotesource"> — {Source}</div>
  203. {/block:Source}
  204. {/block:Quote}
  205.  
  206. {/block:Source}
  207. {/block:Quote}
  208.  
  209. {block:Link}
  210. <div id="H1"><a href="{URL}" {Target}>{Name}</a></div>
  211. {block:Description}{Description}{/block:Description}
  212. {/block:Link}
  213.  
  214. {block:Chat}
  215. {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  216. <div class="chat"><ul>{block:Lines}
  217. <li class="person{UserNumber}">{block:Label}
  218. <span class="ruby">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  219. {/block:Chat}
  220.  
  221. {block:Audio}
  222. <div class="player">{AudioPlayerBlack}</div>
  223. {block:Caption}{Caption}{/block:Caption}
  224. {/block:Audio}
  225.  
  226. {block:Video}{Video-500}{/block:Video}
  227.  
  228. {block:Answer}
  229. <img src="{AskerPortraitURL-40}" align="left" class="fotoask">
  230. <div id="simbol1">◥</div>
  231. <div class="asker">{Asker}asked:</div>
  232. <div class="pergunta">{Question} </div>
  233. <div class="pergunta2">{Answer}</div>
  234. {/block:answer}
  235.  
  236.  
  237.  
  238. <div id="cap">
  239. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  240. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  241. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  242.  
  243. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}"/>{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>{/block:ContentSource}</div></div><br>
  244.  
  245.  
  246.  
  247. <div class="hehe">
  248. {block:Date}<div id="info">
  249. <center> <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount}  <font color="{color:tags}">•</font> <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:IndexPage} <font color="{color:tags}">•</font> <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}
  250. {block:RebloggedFrom}<font color="{color:tags}">•</font> <a href="{ReblogParentURL}" title="{ReblogParentTitle}">via</a>{/block:RebloggedFrom}{block:RebloggedFrom} <font color="{color:tags}">•</font> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">source</a>{/block:RebloggedFrom}</center>
  251. </div>{/block:Date}<left>
  252. </div>
  253. </div>
  254.  
  255.  
  256.  
  257.  
  258.  {/block:Posts}
  259. {block:PostNotes}{PostNotes}{/block:PostNotes}
  260.  
  261.  
  262. </div>
  263. </div>
  264. </div>
  265. </div>
  266.  
  267.  
  268.  
  269. </body>
  270. </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!