Advertisement
heartsuffix

THEME APPY

Jun 1st, 2012
5,041
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.37 KB | None | 0 0
  1. <!--
  2. theme by heartsuffix, don't copy.
  3. respeite meu trabalho, não use como base,
  4. afinal, existem denuncias.
  5.  
  6. e você que copia: sempre vai ser um zero a esquerda, eu criei e você copiou.
  7.  
  8. xx
  9. -->
  10.  
  11.  
  12.  
  13. <head>
  14.  
  15.  
  16. <meta name="color:background" content="#F5f5f5" />
  17. <meta name="color:font" content="#999999" />
  18. <meta name="color:entry" content="#ffffff" />
  19. <meta name="color:sidebar" content="#ffffff" />
  20. <meta name="color:fontsidebar" content="#ffffff" />
  21. <meta name="image:sidebar" content=""/>
  22. <meta name="text:frase" content="" />
  23. <meta name="image:Background" content=""/>
  24. <meta name="text:Link1" content="" />
  25. <meta name="text:Link1 Title" content="" />
  26. <meta name="text:Link2" content="" />
  27. <meta name="text:Link2 Title" content="" />
  28. <meta name="text:Link3" content="" />
  29. <meta name="text:Link3 Title" content="" />
  30. <meta name="text:Link4" content="" />
  31. <meta name="text:Link4 Title" content="" />
  32.  
  33.  
  34.  
  35. <title>{Title}</title>
  36. <link rel="shortcut icon" href="{Favicon}">
  37. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  38. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  39. </head>
  40.  
  41.  
  42.  
  43. <style type="text/css">
  44.  
  45. body{color:{color:Font}; background-color:{color:Background}; background-image:url("{image:Background}"); background-position:top right; background-repeat: no-repeat; background-attachment:fixed; font-family:georgia; font-size:10px; line-height: 100%; text-align:justify;}
  46.  
  47. a:link, a:active, a:visited{ color: {color:Font}; text-decoration:none; -webkit-transition-duration: 0.4s; background-color:;}
  48.  
  49. a:hover{color:{color:Link Hover};}
  50.  
  51.  
  52. ::-webkit-scrollbar {width: 6px; height: 6px;}
  53. ::-webkit-scrollbar-track-piece {background-color: #f5f5f5; repeat scroll 0 0 transparent;}
  54. ::-webkit-scrollbar-thumb:vertical {height: 5px;background-color: #fff; border-right: 0px solid #eee}
  55. ::-webkit-scrollbar-thumb:horizontal {width: 5px;background-color: #000;}
  56.  
  57.  
  58.  
  59. #container {overflow: hidden;width:603px;margin-right: auto; margin-left: auto; margin-bottom:auto;}
  60.  
  61. #entry { width:400px; margin-bottom:1px; background-color:; padding:4px; top:0px; border: 0px solid #E1CCB9; background-color: {color:entry}; float:right; }
  62.  
  63. #entry img{opacity:1; -webkit-transition-duration:.5s;}
  64.  
  65. #entry img:hover{opacity:1; -webkit-transition: 0.5s ease-in;}
  66.  
  67. #titlee {font-family: georgia; font-size: 14px; font-weight:; font-style: none; letter-spacing:0px; line-height: 13px;text-align: center;}
  68.  
  69. #titlee a{background-color:transparent;}
  70.  
  71.  
  72. .bigquote{font-size: 0px; color: transparent; line-height: 90px; font-family: georgia; margin-left: 85px;}
  73. .pquote{font-size: 10px; font-family: georgia; letter-spacing: 0px; serif; line-height: 10px;
  74. text-transform: none; margin-top: -90px; text-indent: 6px; text-align: justify; font-style: none; padding-left: 0px}
  75. .source{margin-top: 5px; text-align: left;font-size: 9px}
  76.  
  77.  
  78. blockquote {padding-left:2px;border-left:1px solid {color:font}; margin-left: -1px}
  79.  
  80.  
  81. .notes {width: 400px; padding: 0px; margin-top: 1px; margin-bottom: 1px; font-size: 9px; text-align: left; float:right}
  82.  
  83. ol.notes {list-style: none; margin: 0 0px 0 0px; padding: 0px; z-index: 11;}
  84. ol.notes li {background-color: transparent; margin-bottom: 2px; padding: 5px; }
  85. .notes img{display: none; border:0px}
  86.  
  87.  
  88. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  89.  
  90.  
  91. /* ANSWER */
  92. .question {color: {color:PostFont}; padding: 6px; font-size: 10px; background-color: #ff; margin-bottom: -10px; font-style: none; border-bottom: 0px solid #ddd; margin-left: 0px; margin-top: 3px;}
  93.  
  94. .asker {text-transform: lowercase; }
  95.  
  96. .asker a:link, .asker a:visited, .asker a:active {margin-left: 0px; color: {color:font}; text-decoration: none;}
  97. .asker a:hover {background-color: {colorbackground};}
  98. .tip {color: {color:background}; font-size: 20px; padding-left: 40px;}
  99.  
  100.  
  101. .chat{line-height: px; list-style: none; margin-top: -8px}
  102. .chat ul {line-height: 10px; list-style: none; padding: 0px; line-height: 10px;}
  103. .person1 {background-color: {color:entry}; color: {color:text} }
  104. .person1 .label { font-weight: bold; padding: 0px; margin-left: 0px; color: {color:text} }
  105. .person2 {background-color: {color:entry}; color: {color:text} }
  106. .person2 .label { font-weight: bold; padding: 0px; margin-left: 0px; color: {color:text} }
  107.  
  108.  
  109.  
  110. .notas{margin-left: 405px; background-color: #f; font-size: 9px; text-align: left; position: absolute; margin-top: -4px; text-transform: lowercase; padding: 2px; opacity:0;-webkit-transition-duration: 0.7s;}
  111. #entry:hover .notas{opacity: 1}
  112.  
  113. .foto{width: 182px; padding:4px; border:2px solid {color:sidebar}; position: fixed; -webkit-transition-duration: 0.7s; margin-top: 40px; -webkit-transform: translate3D(0, 0, 0);
  114. -webkit-transform-style: preserve-3d;
  115. }
  116. .img img{width:100%; height: 350px;}
  117.  
  118.  
  119.  
  120. #cred {position: fixed; margin-top:405px; margin-left: 184px;font-size: 9px}
  121.  
  122. #links {width: 172px; padding: 5px; padding-top: 80px; position:fixed; background: {color:sidebar}; -webkit-transition-duration: 0.7s; opacity: 0; text-align:center;}
  123. .foto:hover #links {padding-top: 20px; background: url(http://static.tumblr.com/kwaqeuc/cbCm42wjc/bg.png); opacity: 1; color: {color:fontsidebar}}
  124.  
  125. #links a{color: {color:fontsidebar}; text-shadow: 1px 0px 1px #eee}
  126.  
  127. #frase {width: 172px; padding:5px; position:fixed; background: {color:sidebar}; margin-top: 145px; padding-bottom: 70px; -webkit-transition-duration: 0.7s; text-align:center;font-size: 14px; color: {color:fontsidebar}; opacity: 0}
  128.  
  129. .foto:hover #frase{padding-bottom: 10px; background: url(http://static.tumblr.com/kwaqeuc/cbCm42wjc/bg.png); margin-top: 190px; text-align:center;font-size: 14px; color: {color:font:sidebar}; opacity: 1; text-shadow: 1px 0px 1px #eee;
  130. }
  131.  
  132. .xcima {position:fixed; font-size: 14px; font-family:georgia; background-color: {color:sidebar}; padding: 6px; width: 182px; text-align: center; margin-top: 17px;}
  133. </style>
  134. <body>
  135.  
  136.  
  137.  
  138.  
  139.  
  140. <div id="container">
  141.  
  142. <div class="xcima">{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage} {text:frase}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}</div>
  143.  
  144. <div id="cred"><a href="http://heartsuffix.tumblr.com/" title="all theme heartsuffix, don't copy">© </a></div>
  145.  
  146. <div class="foto"><div id="links"> {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title} </a>{/block:ifLink1}
  147. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title} </a>{/block:ifLink2}
  148. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title} </a>{/block:ifLink3}
  149. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}</div>
  150.  
  151. <div id="frase">{description}</div>
  152.  
  153. <div class="img"> <img src="{image:sidebar}"></div>
  154.  
  155.  
  156. </div>
  157.  
  158. {block:Posts}<div id="entry">
  159.  
  160. {block:Answer}
  161. <div class="notas"><a href="/ask"> <b>ask me</b> →</a> <br> {TimeAgo}</div>
  162. <div class="asker"><b>{Asker}</b><br> "{Question}"</div>
  163. {Answer}{/block:Answer}
  164.  
  165.  
  166. {block:Text}
  167. <div class="notas">{block:NoteCount} <a href="{Permalink}"> {NoteCountWithLabel}</a><br>{/block:NoteCount} <a href="{ReblogUrl}" target="_blank"> <b>reblog</b> →</a> <br> {TimeAgo}</div>
  168. <div id="titlee">{block:Title}<a href="{Permalink}">{Title}</a>{/Block:Title}</div>{Body}{/block:Text}
  169.  
  170. {block:Photo}
  171. <div class="notas">{block:NoteCount} <a href="{Permalink}"> {NoteCountWithLabel}</a><br>{/block:NoteCount} <a href="{ReblogUrl}" target="_blank"> <b>reblog</b> →</a> <br> {TimeAgo}</div>
  172.  
  173. <img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400px" />{block:Caption}{Caption}{/block:Caption}
  174. {/block:Photo}
  175.  
  176. {block:Photoset}
  177. <div class="notas">{block:NoteCount} <a href="{Permalink}"> {NoteCountWithLabel}</a><br>{/block:NoteCount} <a href="{ReblogUrl}" target="_blank"> <b>reblog</b> →</a> <br> {TimeAgo}</div>
  178.  
  179. {block:ContentSource} <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --> {/block:ContentSource}{Photoset-400}{block:Caption}{Caption}{/block:Caption}
  180. {/block:Photoset}
  181.  
  182. {block:Quote}
  183. <div class="notas">{block:NoteCount} <a href="{Permalink}"> {NoteCountWithLabel}</a><br>{/block:NoteCount} <a href="{ReblogUrl}" target="_blank"> <b>reblog</b> →</a> <br> {TimeAgo} {block:RebloggedFrom} <br><a href="{ReblogParentURL}" title="{ReblogParentTitle}"><font color="#fff">.</font></a>{/block:RebloggedFrom}</div>
  184.  
  185. <b class="bigquote">“</b><div class="pquote">"{Quote}" </div>{block:Source}<div class="source"><b>{Source}</b></div>{/block:Source}
  186. {/block:Quote}
  187.  
  188.  
  189. {block:Link}
  190. <div class="notas">{block:NoteCount} <a href="{Permalink}"> {NoteCountWithLabel}</a><br>{/block:NoteCount} <a href="{ReblogUrl}" target="_blank"> <b>reblog</b> →</a> <br> {TimeAgo}</div>
  191.  
  192. <a href="{URL}" class="link" {Target}><div id="titlee">{Name}</div></a>{block:Description}{Description}{/block:Description}
  193. {/block:Link}
  194.  
  195. {block:Chat}
  196. <div class="notas">{block:NoteCount} <a href="{Permalink}"> {NoteCountWithLabel}</a><br>{/block:NoteCount} <a href="{ReblogUrl}" target="_blank"> <b>reblog</b> →</a> <br> {TimeAgo}</div>
  197.  
  198. {block:Title}<titlee><center><a href="{Permalink}">{Title}</a></center></titlee>{/block:Title}
  199. <div class="chat"><ul>{block:Lines}
  200. <li class="person{UserNumber}">{block:Label}
  201. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  202. {/block:Chat}
  203.  
  204. {block:Video}
  205. <div class="notas">{block:NoteCount} <a href="{Permalink}"> {NoteCountWithLabel}</a><br>{/block:NoteCount} <a href="{ReblogUrl}" target="_blank"> <b>reblog</b> →</a> <br> {TimeAgo}</div>
  206.  
  207. {Video-400}{block:Caption}{Caption}{/block:Caption}
  208. {/block:Video}
  209.  
  210. {block:Audio}
  211. <div class="notas">{block:NoteCount} <a href="{Permalink}"> {NoteCountWithLabel}</a><br>{/block:NoteCount} <a href="{ReblogUrl}" target="_blank"> <b>reblog</b> →</a> <br> {TimeAgo}</div>
  212.  
  213. <div style="width:500px;background-color:;">{AudioPlayer}</div>{block:Caption}{Caption}{/block:Caption}
  214. {/block:Audio}
  215.  
  216. </div>
  217.  
  218. {/block:Posts}
  219.  
  220. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  221. </div>
  222. </div>
  223.  
  224.  
  225.  
  226.  
  227. </body>
  228. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement