API tools faq
paste
Advertisement
H-umanizada

Theme15

H-umanizada
Jul 22nd, 2014
231
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.14 KB | None | 0 0
raw download clone embed print report
  1. <!--           THEME POR {H-UMANIZADA} TUTORIAL E DETALHES
  2.                     POR CONNECTION HTML + DETALHES POR
  3.                     HELP DESINGS E EXPAND HTML
  4.                   NÃO RETIRE OS CRÉDITOS
  5.                   BOM USO, BJUS NA BUNDA <3             -->
  6.  
  7.  
  8. <html>
  9.  
  10. <head>
  11. <title>{Title}</title>
  12. <link rel="shortcut icon" href="{FavIcon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  15.  
  16. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/mFbkoqlkr/tumblrautopager.js"></script>
  17.  
  18. <meta name="color:background" content="#fff"/>
  19. <meta name="color:text" content="#888"/>
  20. <meta name="color:link" content="/"/>
  21. <meta name="color:link hover" content="/"/>
  22. <meta name="color:scroll bar" content="/"/>
  23. <meta name="color:borda notes" content="/"/>
  24. <meta name="image:background" content="/"/>
  25. <meta name="image:sidebar" content="/"/>
  26.  
  27. <meta name="text:frase" content="/">
  28. <meta name="text:Link1" content="/" />
  29. <meta name="text:Link1 Title" content="link 1" />
  30. <meta name="text:Link2" content="/" />
  31. <meta name="text:Link2 Title" content="link 2" />
  32. <meta name="text:Link3" content="/" />
  33. <meta name="text:Link3 Title" content="link 3" />
  34. <meta name="text:Link4" content="/" />
  35. <meta name="text:Link4 Title" content="link 4" />
  36. <meta name="text:Link5" content="/" />
  37. <meta name="text:Link5 Title" content="link 5" />
  38. <meta name="text:Link6" content="/" />
  39. <meta name="text:Link6 Title" content="link 6" />
  40. </head>
  41.  
  42. <style type="text/css">
  43.  
  44.  /*******Por juh - futurasuicida usar credite ao helpdesigns.NÃO REMOVA OS CRÉDITOS **********/
  45. #creditos {width:388px; height: 40px; float: left; margin-left:8px; margin-top:3px; position: fixed;}
  46. #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;}
  47. #creditos a:hover{background-color:transparent; color:{color:link hover};-webkit-transition: all 0.99s ease-in-out;width: 35%;}
  48. @font-face {src: url('http://static.tumblr.com/08l8cbl/bxDmeztw0/pf_arma_five.ttf'); font-family: PF Arma Five;}
  49. /*******NÃO REMOVA OS CRÉDITOS **********/
  50.  
  51. body {background-color:transparent; background-attachment:fixed; background-image:url('{image:background}'); color: {color:text};}
  52.  
  53.  
  54. #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;}
  55. .source {display: none;}
  56. .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};}
  57.  
  58.  
  59. .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);}
  60. .posts img:hover {opacity:1;}
  61.  
  62.  
  63. #h1{font-family: georgia;font-size:11px;text-align: center;color:{color:text};font-style:normal;}
  64.  
  65. #h1 a{color:{color:text};text-decoration:none;}
  66.  #h1 a{color:{color:text};text-decoration:none;}
  67. #h2 { font-family: georgia;font-size:10px;text-align: justify;color:{color:text};font-style:normal;}
  68.  
  69.  
  70. a:visited, a:link, a:active {text-decoration: none; color:{color:link};}
  71.  
  72. a:hover{color:{color:link hover};}
  73.  
  74. /*—-♥—-Efeito Descricao Hover por c4-pacitada pegar credite! [helpdesigns]—-♥—-*/
  75.  
  76.  .imagem {position: absolute; width:100px; height:100px; margin-left:100px; margin-top:100px;position:fixed; padding:5px; padding:10px; -webkit-transform: rotate(-0deg);}
  77.  
  78. .imagem img {position:fixed; -webkit-transition: all 1s ease-in-out; /*—-♥—-by c4-pacitada —-♥——*/webkit-border-radius: 0px 0px 0px 0px; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; display: block; /*—-♥—-by c4-pacitada*/ height:200px; width: 200px;margin-left:0px; margin-top:0px; opacity:1;border:1px dashed #aaa}
  79.  
  80.  .imagem img.top { opacity:1;}
  81.  
  82. .imagem:hover img.top, .cf4.hover_effect img.top {opacity:0; }
  83.  
  84. .imagem:hover img.bottom, .cf4.hover_effect img.bottom {filter:gray;}
  85.  
  86. /*—-♥—- Parte descrição hover ok by c4-pacitada se pegar mesmo isso credite!!! [helpdesigns]—-♥—-*/
  87.  
  88. #desci {position: fixed; /*—-♥—-by c4-pacitada*/margin-left:110px;height:132px; margin-top:110px; width:203px;text-align: center; line-height:20px ; z-index: 999999999999 ;font-family:rochester; font-size:14px;opacity:0;-webkit-transition: all 0.5s ease-out;font-style:/*—-♥—-by c4-pacitada*/italic;padding-top:70px;}
  89.  
  90. #desci:hover {background-color:#fff;opacity:0.7; -webkit-transition: all 0.1s ease-out;}
  91.  
  92.  @font-face {
  93.  
  94.   font-family: ‘Rochester’;
  95.  
  96.   font-style: normal;
  97.  
  98.   font-weight: 400;
  99.  
  100.   src: local(‘Rochester’), local(‘Rochester-Regular’), url(http://themes.googleusercontent.com/static/fonts/rochester/v3/nE50b4-SbQ54pks-8vOplz8E0i7KZn-EPnyo3HZu7kw.woff) format(‘woff’);
  101.  
  102. }
  103.  
  104.  
  105. /* CODE CURSOR POR BLINDAR-TE (EXPAND-HTML) */
  106. BODY, A, A:HOVER {CURSOR: URL('https://31.media.tumblr.com/de973dde2561543f5fd8327b37bbf759/tumblr_inline_mqt2cx6oIs1qz4rgp.png'), PROGRESS;}
  107.  
  108. /*proibida qualquer copia, ou plagios*//*não remova os créditos*/
  109.  
  110.  /*---♥--- Menu Riscado #2 by Revolucionou; Helpdesigns - Se usar Credite ---♥---*/ #riscadohelp {z-index:999999999999999;position: fixed; width:200px; margin-left:120px; margin-top:320px; padding: 0px; text-align: center;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;} #riscadohelp a {float: left; display: block; letter-spacing:0px;font-size:10px; font-family: PF Arma Five; text-align: center; margin-bottom:2px; margin-left:10px; color:{color:link}; text-decoration: none; line-height:20px;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; height:20px;opacity:1;width:35;} #riscadohelp a:hover {-webkit-transition: all 0.3s ease-out;color:{color:link hover}; font-weight:calibri;-webkit-transition: all 0.3s ease-out;text-transform:none;text-decoration: underline ;} @font-face {src: url('http://static.tumblr.com/08l8cbl/bxDmeztw0/pf_arma_five.ttf'); font-family: PF Arma Five;} /*--- Não remover os creditos ---*/
  111.  
  112. /* Estilo de quote por by helpdesigns*/
  113. .quote:first-letter{font-family: Rochester;font-size: 15px;}
  114. .quote {font-family: georgia; font-size: 11px; line-height: 15px; padding: 3px;text-align:justify;}
  115. .quotesource {text-align:right;font-size:11px; font-family:trebuchet ms;
  116. color:{color:text};color:{color:text};font-weight:bold;}
  117. .quotesource a, a:hover{text-transform: none;}
  118.  
  119.  
  120.  
  121. /* chat by i-nsegur-a | usou ? creditou | not copy and inspired */
  122. .chat {line-height: 13px; list-style: none }
  123. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  124. .person1 {color: {color:text};padding: 2px;margin-top:2px;font-family:cambria;font-size:9px;font-style:italic; }
  125. .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;}
  126. .person2 {color:{color:text}; padding: 2px;margin-top:2px;font-family:cambria;font-size:9px;font-style:italic;}
  127. .person2 .ruby {background-color:{color:background};color:{color:text};
  128. 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;}
  129. .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;}
  130. .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};}
  131.  
  132.  
  133. .audio {opacity: 1.0; position:relative; overflow:hidden; min-height:130px; font-size: 8px; margin-bottom:-45px;}
  134. .player {position:absolute; z-index:3; background:transparent; margin-top:45px; margin-left:0px;}
  135. .audioplayer {width:25px; height:18px; overflow:hidden; padding:5px;  margin-right:11px}
  136. .audioinfo {margin-left:110px; line-height:155%; font-family: cambria; font-size:9px!important;}
  137. .audiocaption {margin-left:162px;}
  138. .audiocaption img {width:130px!important}
  139. .audiocaption blockquote img {max-width:320px!important}
  140. .audiocaption blockquote blockquote img {max-width:310px!important}
  141.  
  142.  
  143. /**** ESTILO DE ASK POR BLINDAR-TE ****/
  144. .ASK {BORDER-RADIUS: 200PX;FLOAT:LEFT;BORDER:3PX SOLID #BA94C6;MARGIN-TOP:-4PX;MARGIN-LEFT:-2PX;}
  145.  
  146. .ASKBABY {MARGIN-LEFT:28PX;PADDING:1PX;BACKGROUND-COLOR:#D1B9DF;COLOR:{color:text};FONT-FAMILY: 'CARROIS GOTHIC SC', SANS-SERIF;FONT-SIZE:10PX;}
  147.  
  148. .ASKBABY A{COLOR:{color:text};}
  149.  
  150. .ASSK {BACKGROUND-COLOR:#EEE;MARGIN-LEFT:1PX;MARGIN-TOP:-11PX;FONT-FAMILY:'ARIAL';FONT-SIZE:11PX;PADDING:7PX;COLOR:{color:text};TEXT-INDENT:7PX;}
  151.  
  152. .RESP {MARGIN-LEFT:1PX;MARGIN-TOP:-11PX;FONT-FAMILY:'ARIAL';FONT-SIZE:11PX;PADDING:3PX;COLOR:{color:text};TEXT-INDENT:7PX;TEXT-ALIGN:JUSTIFY;WIDTH:AUTO;}
  153.  
  154.    /* notes por i-nsegur-a | connection html | se usar pf credite !! */
  155. .hehe {opacity: 0.99; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  156. .hehe:hover {opacity: 0.99; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  157. #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} ;}
  158. #info a {font-size:9px; text-transform: lowercase; color:{color:link}; -webkit-transition-duration: 0.4s;}
  159. #info :hover {color: {color:link hover};text-transform: lowercase;}
  160. .posts:hover #info {opacity:9; padding-top:2px;  margin-bottom:0px;text-transform: lowercase;}
  161.  
  162.  
  163. /*—✱— by i-nsegur-a exclusive [ connection html ] se usar credite  —✱—*/
  164. ::-webkit-scrollbar-thumb:vertical {background-color:transparent;height:70px;border:1px dashed {color:scroll bar};}
  165.  
  166. ::-webkit-scrollbar-button:vertical {height:0px;display: block;background:transparent;}
  167.  
  168. ::-webkit-scrollbar {background-color:transparent;height:0px;width:5px;}
  169. /*—✱— by i-nsegur-a exclusive [ connection html ] se usar credite  —✱—*/
  170.  
  171. .tumblrAutoPager_page_separator,
  172. .tumblrAutoPager_page_info {display: none;}
  173.  
  174.  </style>
  175.  
  176.  <body>
  177. <div id="creditos" title="h-umanizada + dlts CH-HP-EP ">
  178. <a href="http://h-umanizada.tumblr.com"> Theme por h-umanizada </a></div>
  179. </div></div></div>
  180.  
  181. <div id="desci">{Description}</div>
  182. <div class="imagem" class="hover">
  183. <img class="bottom shadow" src="{image:sidebar}"style="-webkit-filter: grayscale(70%);" >
  184. <img class="top shadow" src="" /></div>
  185. </div>
  186. <div id="riscadohelp">
  187. <a href="{text:Link1}">{text:Link1 Title}</a>
  188. <a href="{text:Link2}">{text:Link2 Title}</a>
  189. <a href="{text:Link3}">{text:Link3 Title}</a>
  190. <a href="{text:Link4}">{text:Link4 Title}</a>
  191. <a href="{text:Link5}">{text:Link5 Title}</a>
  192. </div>
  193.  
  194.  
  195.  <div class="autopagerize_page_element">
  196. <div id="colums">
  197. {block:Posts}
  198.  
  199. <div class="posts">{block:Text}{block:Title}<div id="h1">{Title}</div>{/block:Title}<div id="h2">{Body}</div>{/block:Text}
  200.  
  201. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" >{LinkCloseTag}{/block:Photo}
  202.  
  203. {block:Photoset}{Photoset-500}{/block:Photoset}
  204.  
  205. {block:Quote}
  206. <div class="quote">{Quote}</div>
  207. {block:Source}<div class="quotesource">{Source}</div>
  208. {/block:Source}
  209. {/block:Quote}
  210.  
  211. {block:Link}
  212. <div id="H1"><a href="{URL}" {Target}>{Name}</a></div>
  213. {block:Description}{Description}{/block:Description}
  214. {/block:Link}
  215.  
  216. {block:Chat}
  217. {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  218. <div class="chat"><ul>{block:Lines}
  219. <li class="person{UserNumber}">{block:Label}
  220. <span class="ruby">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  221. {/block:Chat}
  222.  
  223. {block:Audio}
  224. <div class="player">{AudioPlayerBlack}</div>
  225. {block:Caption}{Caption}{/block:Caption}
  226. {/block:Audio}
  227.  
  228. {block:Video}{Video-500}{/block:Video}
  229.  
  230. {block:Answer}
  231. <IMG SRC="{ASKERPORTRAITURL-30}" CLASS="ASK">
  232. <DIV CLASS="ASKBABY" ALIGN="LEFT"> {ASKER} disse:</DIV><P></P>
  233. <DIV CLASS="ASSK">{QUESTION}</DIV><P></P>
  234. <DIV CLASS="RESP">{ANSWER}</DIV>
  235. {/block:answer}
  236.  
  237.  
  238.  
  239. <div id="cap">
  240. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  241. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  242. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  243.  
  244. <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>
  245.  
  246.  
  247.  
  248. <div class="hehe">
  249. {block:Date}<div id="info">
  250. <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}
  251. {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>
  252. </div>{/block:Date}<left>
  253. </div>
  254. </div>
  255.  
  256.  
  257.  
  258.  
  259.  {/block:Posts}
  260. {block:PostNotes}{PostNotes}{/block:PostNotes}
  261.  
  262.  
  263. </div>
  264. </div>
  265. </div>
  266. </div>
  267.  
  268.  
  269.  
  270. </body>
  271. </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!