Don't like ads? PRO users don't see any ads ;-)

ttpm-theme06

By: te-tras-pra-mim on Apr 23rd, 2012  |  syntax: HTML  |  size: 15.26 KB  |  hits: 16  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.  
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7. <head>
  8. <!-- DEFAULT VARIABLES -->
  9. <meta name="color:background" content="#f1f1f1" />
  10. <meta name="color:posts" content="#fff" />
  11. <meta name="color:link" content="#000" />
  12. <meta name="color:linkhover" content="#fff" />
  13. <meta name="color:text" content="#000" />
  14. <meta name="color:chat1" content="#f1f1f1" />
  15. <meta name="color:chat2" content="#f8f8f8" />
  16. <meta name="color:bgmore" content="#fff" />
  17. <meta name="color:textmore" content="#000" />
  18. <meta name="color:bordalinks" content="#fff" />
  19. <meta name="color:bgcredit" content="#fff" />
  20. <meta name="color:textcredit" content="#000" />
  21. <meta name="color:bgdescri" content="#fff" />
  22. <meta name="color:bgballon" content="#000000" />
  23. <meta name="color:textballon" content="#ffffff" />
  24. <meta name="color:bglinks" content="#000000" />
  25. <meta name="color:textlinks" content="#000" />
  26. <meta name="color:bglinkshover" content="#ffffff" />
  27. <meta name="color:textlinkshover" content="#000" />
  28. <meta name="color:bgfrase" content="#fff" />
  29. <meta name="color:textfrase" content="#000" />
  30. <meta name="color:scroll" content="#000" />
  31.  
  32. <meta name="image:sidebar" content="http://25.media.tumblr.com/tumblr_lzg08q08791qdx5sqo1_250.jpg" />
  33. <meta name="image:background" content="" />
  34.  
  35. <meta name="text:frase" content="nem pode ser grande!" />
  36. <meta name="text:fraseposts" content="tudo pelo appearance ok?" />
  37.  
  38. <meta name="text:Link1 Url" content="" />
  39. <meta name="text:Link1 Title" content="links" />
  40. <meta name="text:Link2 Url" content="" />
  41. <meta name="text:Link2 Title" content="pelo" />
  42. <meta name="text:Link3 Url" content="" />
  43. <meta name="text:Link3 Title" content="appearance" />
  44. <meta name="text:Link4 Url" content="" />
  45. <meta name="text:Link4 Title" content="ok?" />
  46. <meta name="text:Link5 Url" content="" />
  47. <meta name="text:Link5 Title" content="ok!" />
  48. <meta name="text:Link6 Url" content="" />
  49. <meta name="text:Link6 Title" content="ooi" />
  50.  
  51. <title>{Title}</title>
  52. <link rel="shortcut icon" href="{Favicon}">
  53. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  54. {block:Description}
  55. <meta name="description" content="{MetaDescription}" />
  56. {/block:Description}
  57.  
  58. {block:IfEnableEndlessScrolling}
  59. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  60. {/block:IfEnableEndlessScrolling}
  61.  
  62.  
  63. <style type="text/css">
  64.  
  65.  
  66. body {background-color: {color:background}; font-family: {font:text}; color: {color:text}; text-align: center; font-size: 11px; background-image:url('{image:background}'); background-attachment: fixed; }
  67.  
  68. a {color: {color:link}; text-decoration: none; text-transform: none;}
  69. a:hover {color: {color:linkhover};text-decoration: none;}
  70.  
  71. p {margin: 6px 0 0 0}
  72.  
  73. blockquote {margin: 5px 5px 5px 5px; border-left: 3px solid {color:background}; padding-left: 5px; }
  74. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:background};}
  75. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 2px solid {color:sidebarlinks}; }
  76. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:sidtext}; }
  77.  
  78. blockquote img{max-width: 470px!important}
  79. blockquote blockquote img{max-width: 450px!important}
  80. blockquote blockquote blockquote img{max-width: 430px!important}
  81. blockquote blockquote blockquote blockquote img{max-width: 410px!important}
  82.  
  83.  
  84.  
  85. #xp {text-align: center; width: 935px; margin: 20px auto 10px auto; padding: 0px; z-index: 1}
  86.  
  87. .posts {width: 520px; margin-left: 350px; margin-top: 0px; background-color: {color:posts}; padding: 10px; margin-bottom: 1px; text-align: justify; font-family: georgia; font-size: 11px;}
  88.  
  89. #xright {position: fixed; margin-top: 0px; margin-left: 440px; overflow: auto; width: 534px; height: 675px;}
  90.  
  91. #entries {margin-top: 150px;}
  92. #estelinha {margin-left: 30px;}
  93.  
  94. #top {margin-top: 200px;}
  95.  
  96. h1 {font-family: georgia; text-align: center; font-size: 14px; color: {color:text}; font-weight: normal; line-height: 16px;}
  97. h1 a {text-align: center; font-size: 14px; color: {color:text}; font-weight: normal; line-height: 16px;}
  98. h1 a:hover {text-align: center; font-size: 14px; color: {color:text}; font-weight: normal; line-height: 16px;}
  99.  
  100. .image {text-align: center; border: 0px}
  101. .image img {max-width: 500px; margin-bottom: 2px }
  102.  
  103. .xquote {font-family: georgia; text-align: center; font-size: 13px; line-height: 15px; padding: 3px;}
  104. .xquotesource {text-align: center; text-transform: none; margin-bottom: 5px;}
  105. .xquotesource a, a:hover{text-transform: none;}
  106.  
  107. .chat {line-height: 12px; list-style: none }
  108. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height:20px;}
  109. .person1 {background-color:{color:background}; color: {color:text}; }
  110. .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:text}}
  111. .person2 {color: {color:text} }
  112. .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:text}}
  113.  
  114. .music{text-align: center; margin-bottom: 2px; width: 100%; background-color: {color:background}; text-align: center;}
  115. .music img{text-align: left; max-width: 250px; height: auto; padding: 20px 0 20px 0}
  116. .capt{text-align: justify; margin-top: 2px; margin-bottom: 7px;}
  117. .source{display:none}
  118.  
  119. .asker {width: 480px; background-color: {color:background}; color:{color:text}; padding: 10px}
  120. .asker img{float: left; margin: 0px 4px 2px 0}
  121. .asker a{font-size: 20px; color:{color:text}; text-transform: lowercase; line-height: 27px; padding: 0; margin: 0; font-family: georgia;}
  122. .asker a:hover{font-size: 20px; #FFBEF7; text-transform: lowercase; line-height:27px; padding: 0; margin: 0; font-family: georgia; background-color: transparent; letter-spacing: 4px;}
  123. .answer {padding: 5px 0 0 0}
  124.  
  125. #cap {width: 500px; margin-top: -2px;}
  126.  
  127. #dda {text-align: left; font-size: 9px; font-family: verdana; z-index: 11;}
  128. #dda a {font-size: 9px;}
  129.  
  130. .tags {color: {color:text}; font-size: 9px; font-family: verdana; display: inline; list-style: none; text-transform: normal;}
  131. .tags a {font-size: 9px; color: verdana; display: inline; list-style: none; text-transform: normal;}
  132.  
  133. #nts {width: 500px; margin-left: 530px; padding: 10px; margin-top: 5px; font-size: 10px; text-align: left}
  134. #nts img{display: none; border:0px}
  135.  
  136. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  137.  
  138.  
  139. #links{font-size: 9px; font-family: verdana; margin-left: 160px; width: 157px; background-color: {color:bordalinks}; text-align: justify; padding: 5px; margin-top: 100px; height: auto; height:55px; border:1px solid {color:background}; position:fixed;}
  140.  
  141. #links a {float: left;  display: block; letter-spacing: 0px; font-family: verdana; font-size: 9px; text-align: center; margin-bottom: 1px; width: 78px; background-color:{color:bglinks}; height: 17px; color:{color:textlinks}; text-decoration: none; text-transform: none; line-height: 17px; -webkit-transition: all 1.4s ease-out; -moz-transition: all 1.4s ease-out;}
  142.  
  143. #links  a:hover {color: {color:textlinkshover}; background-color: {color:bglinkshover}; text-align: center; letter-spacing: 0px;}
  144.  
  145. #sideimg {display: block; margin-left: 380px; float: right; margin-top: 200px; width: auto; height: auto; background-color: transparent; position: fixed; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out;}
  146. .simg img {width: 260px; height: 360px; margin-bottom: 2px; border: 4px solid {color:sidebar};}
  147.  
  148. .credit {background-color: {color:sidebar}; font-size: 8px; color: {color:text}; text-align: center; width: 440px; height : auto; position: relative; padding: 2px 5px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; margin-left: 0px; font-family: tinytots; margin-top: 1px; overflow: hidden;}
  149.  
  150.  
  151. #TROLL {height: 140px; border-bottom: 0px solid #aaa; background-color: {color:background}; margin-top: -150px; margin-left: 350px; position: fixed; z-index:2; padding: 0px; width:540px; color: {color:text}; font-size: 9px; text-align: center; font-family: verdana; line-height:11px; background-image: url('{image:background}');}
  152.  
  153. #TROLL2 {height: 2px; border-bottom: 0px solid #aaa; background-color: {color:background}; margin-top: -2px; margin-left: 350px; position: fixed; z-index:2; width:540px; color: {color:text}; padding: 0px; font-size: 9px; text-align: center; font-family: verdana; line-height:11px; background-image: url('{image:background}');}
  154.  
  155. #estela {height: 50px; border-bottom: 0px solid #aaa; background-color: {color:bgfrase}; margin-top: -25px; margin-left: 350px; position: fixed; z-index:2; width:532px; color: {color:textfrase}; padding: 4px; font-size: 12px; text-align: center; font-family: georgia; line-height:11px;-webkit-border-radius: 20px 20px 0px 0px;}
  156.  
  157.  
  158. #sideimg {display: block; margin-left: 100px; float: right; margin-top: 100px; width: auto; height: auto; background-color: transparent; position: fixed; -webkit-transition: all 1.5s ease-out; -moz-transition: all 1.5s ease-out;}
  159.  
  160. .simg1 img {width:200px; height: 360px; margin-bottom: 2px; border: 4px solid #FFFFFF; -webkit-transition: all 1.5s ease-out; -moz-transition: all 1.5s ease-out;}
  161.  
  162. #sideimg2 {display: block; margin-left: 0px; float: right; margin-top: 0px; width: auto; height: auto; background-color: transparent; position: fixed; -webkit-transition: all 1.5s ease-out; -moz-transition: all 1.5s ease-out;}
  163.  
  164. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  165.  
  166. #oi {margin-top:0px; position:fixed; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out;}
  167. #oi:hover {margin-top:-60px;}
  168.  
  169. #more {margin-left:  180px; margin-top: 84px; width: 60px; font-size: 9px; height:6px; text-align: center; background-color: {color:bgmore}; font-family: tahoma; line-height: 5px;  color: {color:textmore}; position: fixed; padding: 4px; text-transform: normal; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -webkit-border-radius: 7px 7px 0px 0px;}
  170.  
  171.  
  172. ::-webkit-scrollbar{width:5px;height:6px;}
  173.  
  174. ::-webkit-scrollbar-button:start:decrement
  175.  
  176. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  177.  
  178. ::-webkit-scrollbar-track-piece{background-color:{color:background}; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  179.  
  180. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:scroll};-webkit-border-radius:px;}
  181.  
  182. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: {color:scroll};-webkit-border-radius:px;}
  183.  
  184. #lol {width: 23px; position: fixed; padding: 8px; background-color: transparent;  margin-left: 100px; margin-top: 50px; color: {color:bgballon}; font-size: 40px; -webkit-transform: rotate(-30deg); z-index: 1000; }
  185.  
  186. #lol2 {width: 140px; position: fixed; padding: 8px; background-color: {color:bgballon};  margin-left: 25px; margin-top: 10px; color: {color:textballon}; font-size: 18px; -webkit-transform: rotate(-30deg); z-index: 1000; height: 50px; -webkit-border-radius: 20px 20px 20px 20px;}
  187.  
  188.  
  189. .search {letter-spacing: 3px; text-transform: uppercase;}
  190. .search input{font-family: {font:text}; border: none; background-color: {color:sidebarlinks}; color: {color:text}; text-transform: uppercase; font-size: 9px; text-align: center; padding: 3px; width: 210px;}
  191.  
  192. #tumblr_controls{position: fixed!important}
  193. #tumblr_controls{position: fixed!important}
  194. #tumblr_controls{position: fixed!important}
  195. #tumblr_controls{position: fixed!important}
  196.  
  197.  
  198. </style>
  199.  
  200. <body>
  201.  
  202.  
  203. <div id="oi">
  204.  
  205. <div id="more">LINK</div>
  206.  
  207. <div id="links">
  208. {block:ifLink1Title}<a href="{text:Link1 Url}">{text:Link1 Title}</a>{/block:ifLink1Title}
  209. {block:ifLink2Title}<a href="{text:Link2 Url}">{text:Link2 Title}</a>{/block:ifLink2Title}
  210. {block:ifLink3Title}<a href="{text:Link3 Url}">{text:Link3 Title}</a>{/block:ifLink3Title}
  211. {block:ifLink4Title}<a href="{text:Link4 Url}">{text:Link4 Title}</a>{/block:ifLink4Title}
  212. {block:ifLink5Title}<a href="{text:Link5 Url}">{text:Link5 Title}</a>{/block:ifLink5Title}
  213. {block:ifLink6Title}<a href="{text:Link6 Url}">{text:Link6 Title}</a>{/block:ifLink6Title}
  214. </div>
  215.  
  216. </div>
  217.  
  218. <div id="lol2">{text:frase}</div>
  219. <div id="lol"></div>
  220.  
  221. <div id="estelinha">
  222.  
  223.  
  224. <div id="sideimg"><div class="simg1">
  225. <img src="{image:sidebar}"></div></div>
  226.  
  227. <div class="credit">THEME POR TE-TRAS-PRA-MIM</a></div></div>
  228. </div>
  229.  
  230. </body>
  231.  
  232. <div id="TROLL"></div>
  233. <div id="estela">{text:fraseposts}</div>
  234. <div id="TROLL2"></div>
  235. <div id="entries">
  236. {block:Posts}
  237. <div class="posts">
  238.  
  239. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  240.  
  241. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  242.  
  243. {block:Photoset}{Photoset-500}{/block:Photoset}
  244.  
  245. {block:Quote}
  246. <div class="xquote">"{Quote}"</div>
  247. {block:Source}<div class="xquotesource"> {Source}</div>
  248. {/block:Source}
  249. {/block:Quote}
  250.  
  251. {block:Link}
  252. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  253. {block:Description}{Description}{/block:Description}
  254. {/block:Link}
  255.  
  256. {block:Chat}
  257. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  258. <div class="chat"><ul>{block:Lines}
  259. <li class="person{UserNumber}">{block:Label}
  260. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  261. {/block:Chat}
  262.  
  263. {block:Audio}
  264. <br>
  265. <div class="music">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  266. <div class="capt">{AudioPlayerGrey}{block:Caption}{Caption}{/block:Caption}</div>
  267. {/block:Audio}
  268.  
  269. {block:Video}{Video-500}{/block:Video}
  270.  
  271.  
  272. {block:Answer}
  273. <div class="asker"><img src="{AskerPortraitURL-48}"> {Asker}<br> {Question}</div>
  274. <div class="answer">{Answer}</div>
  275. <br>
  276. {/block:Answer}
  277.  
  278. <div id="cap">
  279. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  280. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  281. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  282.  
  283. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  284. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  285. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  286. {/block:ContentSource}</div></div>
  287. <br>
  288. {block:IfShowTags}<div class="tags">in<b>direct</b>: {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</div>{/block:IfShowTags}
  289.  
  290. <div id="dda">
  291.  
  292. <div style="float:left;" class="details">
  293. {block:Date} Posted <a href="{Permalink}">{TimeAgo}</a> {/block:Date} {block:NoteCount}- {NoteCountWithLabel}{/block:NoteCount}<BR>
  294.  
  295. {block:RebloggedFrom}© <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>
  296. </span>{/block:RebloggedFrom}
  297. </div>
  298.  
  299. <div style="float:right;" class="details">
  300. {block:IndexPage}<a href="{ReblogUrl}" target="_blank"><b>reblog</b> this post</a>{/block:IndexPage}
  301. <BR>
  302. {block:RebloggedFrom}rebloguei de: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  303. </div>
  304. </ br>
  305. <br clear="all" /></div></div>
  306.  
  307.  
  308. {/block:Posts}
  309. {block:PostNotes}
  310. <div id="nts"><div id="ntstext">{PostNotes}</div></div>
  311. {/block:PostNotes}
  312.  
  313. </div>
  314. </div>
  315. </div>
  316. </div>
  317. </div>
  318. </div>
  319.  
  320. </body>
  321. </html>