Advertisement
fn-themes

theme-01

Jul 30th, 2012
88
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.38 KB | None | 0 0
  1. <!-- theme por pr-inceso | não copie. se customizar para uso proprio, NUNCA disponibilize! Obrigado :] !-->
  2.  
  3. <html>
  4.  
  5. <head> <!-- DEFAULT VARIABLES -->
  6.  
  7. <meta name="font:text" content="calibri" />
  8. <meta name="color:background" content="#000000" />
  9. <meta name="color:link" content="#000000" />
  10. <meta name="color:sidebar" content="#ffffff" />
  11. <meta name="color:xdolink" content="#fff" />
  12. <meta name="color:linksid" content="#fff" />
  13. <meta name="color:text" content="#000000" />
  14. <meta name="color:post" content="#ffffff" />
  15. <meta name="if:ShowTags" content="0"/>
  16. <meta name="color:scrollbar" content="#fff8f8" />
  17. <meta name="image:background" content="" />
  18. <meta name="image:sidebarimage" content="http://24.media.tumblr.com/tumblr_m433eiYxfa1qjnw5jo1_400.jpg" />
  19. <meta name="text:titulo" content="frase curta aqui" />
  20. <meta name="text:Link1" content="/" />
  21. <meta name="text:Link1 Title" content="link1" />
  22. <meta name="text:Link2" content="/" />
  23. <meta name="text:Link2 Title" content="link2" />
  24. <meta name="text:Link3" content="/" />
  25. <meta name="text:Link3 Title" content="link3" />
  26. <meta name="text:Link4" content="/" />
  27. <meta name="text:Link4 Title" content="link4" />
  28. <meta name="text:Link5" content="/" />
  29. <meta name="text:Link5 Title" content="link5" />
  30.  
  31. <title>{Title}</title>
  32. <link rel="shortcut icon" href="{Favicon}">
  33. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  34. {block:Description}
  35. <meta name="description" content="{MetaDescription}" />
  36. {/block:Description}
  37.  
  38.  
  39. <style type="text/css">
  40.  
  41. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.5;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  42.  
  43. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  44.  
  45.  
  46. 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; }
  47.  
  48. a {color: {color:link}; text-decoration: none; text-transform: none;}
  49. a:hover {color: {color:text}; background-color: transparent; text-decoration: none;}
  50.  
  51. p {margin: 6px 0 0 0}
  52.  
  53. blockquote {margin: 5px 5px 5px 5px; border-left: 4px solid {color:background}; padding-left: 5px; }
  54. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:background};}
  55. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:background}; }
  56. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:background}; }
  57.  
  58. blockquote img{max-width: 470px!important}
  59. blockquote blockquote img{max-width: 450px!important}
  60. blockquote blockquote blockquote img{max-width: 430px!important}
  61. blockquote blockquote blockquote blockquote img{max-width: 410px!important}
  62.  
  63. #box {text-align: center; width: 935px; margin: 20px auto 20px auto; padding: 0px; z-index: 1;}
  64.  
  65. #xpost {float: left; margin-left: 276px; margin-top: -6px;}
  66.  
  67. .xxpost {width: 400px; background-color: {color:post}; padding: 15px; margin-bottom: 1px; text-align: justify; font-family: {font:text}; font-size: 11px; position: relative;}
  68.  
  69. .xxpost:hover .xxxpost {opacity:1;}
  70.  
  71. .xxxpost {position:absolute; opacity:0; margin-left:416px; background-color:{color:post}; color:{color:text}; padding:2px 10px 2px 5px;font:9px verdana; margin-top: -15px; width: 100px; -webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out; text-align: left; padding: 3px;}
  72. .xxxpost a {color:{color:text};opacity:1;}
  73. .xxxpost a:hover {opacity:1;}
  74.  
  75. h1 {font-family: {font:text}; text-align: center; font-size: 14px; color: {color:text}; font-weight: normal; line-height: 18px;}
  76. h1 a {text-align: center; font-size: 16px; color: {color:text}; font-weight: normal; line-height: 18px;}
  77. h1 a:hover {text-align: center; font-size: 16px; color: {color:text}; font-weight: normal; line-height: 18px;}
  78.  
  79. .image {text-align: center; border: 0px}
  80. .image img {max-width: 400px; margin-bottom: 2px; opacity:1; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  81. .image img:hover {opacity: 0.8;}
  82.  
  83. .quote {font-family: {font:text}; text-align: center; font-size: 13px; line-height: 15px; padding: 3px;}
  84. .xqsource {text-align: center; text-transform: none; margin-bottom: 5px;}
  85. .xqsource a, a:hover{text-transform: none;}
  86.  
  87. .chat {line-height: 13px; list-style: none }
  88. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  89. .person1 {color: {color:text}; padding: 2px; }
  90. .person1 .label {font-weight: bold; color:{color:text}}
  91. .person2 {color: {color:text}; padding: 2px; }
  92. .person2 .label {font-weight: bold; color:{color:text}}
  93.  
  94. .player {background-color: #000; text-align: left; display:block;}
  95.  
  96. #asker {font-size: 11px; font-family: {font:text}; text-align: justify;}
  97. .answer {padding: 2px}
  98. .answer img {max-width: 370px;}
  99.  
  100.  
  101. #xdate {text-align: center; font-size: 9px; font-family: {font:text}; text-transform: lowercase; z-index: 11;}
  102. #xdate a {font-size: 9px;}
  103.  
  104. .tags {color: {color:text}; font-size: 9px; font-family: {font:text}; display: inline; list-style: none; text-transform: lowercase;}
  105. .tags a {font-size: 9px; color: {color:text}; display: inline; list-style: none; text-transform: lowercase;}
  106.  
  107. #cap {width: 400px; margin-top: -2px;}
  108. .source {display: none;}
  109.  
  110. .notes {width: 400px; padding: 0px; margin-top: 5px; margin-bottom: 10px; font-size: 9px; text-align: right}
  111. ol.notes {list-style: none; margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  112. ol.notes li {background-color: {color:post}; margin-bottom: 5px; padding: 5px; }
  113. .notes img{display: none; border:0px}
  114.  
  115. #sidebar {position: fixed; margin-left: 161px; margin-top: 102px;}
  116.  
  117. #ContainerImage{ float: left;margin-top: 0px; margin-left: -80px; width:0px; height: 0px; padding: 2px; background-color:transparent; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; border-bottom: 0px dotted transparent;}
  118.  
  119. #ImageContainer img{width: 206px; height: 261px; margin-top:-2px; opacity:1; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  120. #ImageContainer img:hover{opacity:0.9;}
  121.  
  122.  
  123. #sidebartitulo{font-size: 9px; font-family: verdana; position: relative; margin-left: -80px; width: 186px; background-color:{color:sidebar}; padding: 5px; margin-top: 148px; height:60px; border-bottom: 0px dotted {color:text};}
  124.  
  125. #titulo {text-align: center; margin-top:-4px; font-family: Agency FB; font-size: 24px; color:{color:text}; letter-spacing: 0px; text-transform: uppercase;}
  126. #titulo a{opacity: 1;-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  127. #titulo a:hover{opacity:0.8;}
  128.  
  129. #titulo2 {text-align: center; margin-top:2px; margin-bottom:1px; font-family: {font:text}; font-size: 9px; color: {color:text}; letter-spacing: 0px; text-transform: ;}
  130.  
  131. .sidelinks {margin-top: 0px; margin-left: -76px; height: 260px; width: 190px; padding: 1px 2px 0px 2px; background-color:transparent; border-bottom: 0px dotted: transparent;}
  132.  
  133. .links {position: relative; margin-top: 244px;}
  134.  
  135. .links a{ padding: 1px;opacity:1; font-size: 9px;text-align: center; background-color:transparent; color:{color:linksid}; line-height: 1px; margin-left: 0px; text-transform: none; letter-spacing:1px; font-family:tahoma; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  136. .links a:hover{opacity:0.8; letter-spacing:1px;}
  137.  
  138. .credito {width: 30px; height:20px; color:{color:linksid}; background-color:#transp; font-weight: normal; text-align: center; font-face: verdana; letter-spacing: 0px; font-size: 10px; position: fixed; margin-left: -100px; margin-top: -260px; line-height:20px; -webkit-transition: all 0.4s ease-out; }
  139.  
  140. .pagination {font-family: georgia; position: fixed; margin-left: 75px; margin-top: -500px; font-size: 38px; z-index: 0;}
  141. .pagination a {color:{color:text}; background-color: transparent;}
  142. .pagination a:hover {color:{color:text};}
  143.  
  144. .pagination2 {font-family: georgia; position: fixed; margin-left: 45px; margin-top: -500px; font-size: 38px; z-index: 0;}
  145. .pagination2 a {color:{color:text}; background-color: transparent;}
  146. .pagination2 a:hover {color:{color:text};}
  147.  
  148. ::-webkit-scrollbar{width:4px;height:5px;}
  149. ::-webkit-scrollbar-button:start:decrement
  150. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  151. ::-webkit-scrollbar-track-piece{background-color:{color:background};}
  152. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color:{color:scrollbar}; -webkit-border-radius: 1px 1px 1px 1px;}
  153. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:{color:scrollbar}; -webkit-border-radius: 1px 1px 1px 1px;}
  154.  
  155. </style>
  156.  
  157. <body>
  158. <div id="box">
  159. <div id="sidebar">
  160. <div id="sidebartitulo"> <div id="titulo"><a href="#" title="back to top">{text:titulo}</a></div><div id="titulo2">{Description}</div></div>
  161.  
  162. <div id="ContainerImage">
  163. <div id="ImageContainer"><img src="{image:sidebarimage}"></div></div>
  164.  
  165. <div class="sidelinks">
  166. <div class="links">
  167. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1} <font color="{color:xdolink}">x </font>
  168. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a> {/block:ifLink2} <font color="{color:xdolink}">x </font>
  169. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a> {/block:ifLink3}<font color="{color:xdolink}">x </font>
  170. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a> {/block:ifLink4}
  171. </div>
  172. </div>
  173.  
  174. <div class="credito"><font color:'{color:linksid}'><a href="http://pr-inceso.tumblr.com/">©</a></font></div>
  175.  
  176. <div class="pagination">{block:NextPage}<a href="{NextPage}">+</a>{/block:NextPage}</div>
  177.  
  178. <div class="pagination2">{block:PreviousPage}<a href="{PreviousPage}">-</a>{/block:PreviousPage}</div>
  179.  
  180. </div>
  181.  
  182.  
  183. <div id="xpost">
  184. {block:Posts}
  185. <div class="xxpost">
  186. {block:Text}
  187.  
  188. <span class="xxxpost">
  189. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}<br>
  190. <a href="{ReblogURL}" target="_blank">reblog</a><br>
  191. {block:IfShowTags}<div class="tags">{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}<br>{/block:HasTags}</div>{/block:IfShowTags}
  192. </span>
  193.  
  194. {block:Title}<h1>{Title}</h1>{/block:Title}{Body}
  195.  
  196. {/block:Text}
  197.  
  198. {block:Photo}
  199.  
  200. <span class="xxxpost">
  201. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}<br>
  202. <a href="{ReblogURL}" target="_blank">reblog</a><br>
  203. {block:IfShowTags}<div class="tags">{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}<br>{/block:HasTags}</div>{/block:IfShowTags}
  204. </span>
  205.  
  206. {LinkOpenTag}<div class="image"><img src="{PhotoURL-400}"></div>{LinkCloseTag}
  207. {block:Caption}{Caption}{/block:Caption}
  208. {/block:Photo}
  209.  
  210. {block:Photoset}
  211.  
  212. <span class="xxxpost">
  213. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}<br>
  214. <a href="{ReblogURL}" target="_blank">reblog</a><br>
  215. {block:IfShowTags}<div class="tags">{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}<br>{/block:HasTags}</div>{/block:IfShowTags}
  216. </span>
  217.  
  218. {Photoset-400}
  219. {block:Caption}{Caption}{/block:Caption}
  220. {/block:Photoset}
  221.  
  222. {block:Quote}
  223.  
  224. <span class="xxxpost">
  225. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}<br>
  226. <a href="{ReblogURL}" target="_blank">reblog</a><br>
  227. {block:IfShowTags}<div class="tags">{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}<br>{/block:HasTags}</div>{/block:IfShowTags}
  228. </span>
  229.  
  230. <div class="quote">“{Quote}”</div>
  231. {block:Source}<div class="xqsource"> — {Source}</div>
  232. {/block:Source}
  233.  
  234. {/block:Quote}
  235.  
  236. {block:Link}
  237.  
  238. <span class="xxxpost">
  239. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}<br>
  240. <a href="{ReblogURL}" target="_blank">reblog</a><br>
  241. {block:IfShowTags}<div class="tags">{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}<br>{/block:HasTags}</div>{/block:IfShowTags}
  242. </span>
  243.  
  244. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  245. {block:Description}{Description}{/block:Description}
  246.  
  247. {/block:Link}
  248.  
  249. {block:Chat}
  250.  
  251. <span class="xxxpost">
  252. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}<br>
  253. <a href="{ReblogURL}" target="_blank">reblog</a><br>
  254. {block:IfShowTags}<div class="tags">{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}<br>{/block:HasTags}</div>{/block:IfShowTags}
  255. </span>
  256.  
  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.  
  262. {/block:Chat}
  263.  
  264. {block:Audio}
  265.  
  266. <span class="xxxpost">
  267. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}<br>
  268. <a href="{ReblogURL}" target="_blank">reblog</a><br>
  269. {block:IfShowTags}<div class="tags">{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}<br>{/block:HasTags}</div>{/block:IfShowTags}
  270. </span>
  271.  
  272. <div class="player">{AudioPlayerBlack}</div>
  273.  
  274. {/block:Audio}
  275.  
  276. {block:Video}
  277.  
  278. <span class="xxxpost">
  279. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}<br>
  280. <a href="{ReblogURL}" target="_blank">reblog</a><br>
  281. {block:IfShowTags}<div class="tags">{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}<br>{/block:HasTags}</div>{/block:IfShowTags}
  282. </span>
  283.  
  284. {Video-400}
  285. {block:Caption}{Caption}{/block:Caption}
  286. {/block:Video}
  287.  
  288.  
  289. {block:Answer}
  290. <div id="asker">{Asker} <b>asked:</b> {Question}</div>
  291. <div class="answer">{Answer}</div>
  292. {/block:Answer}
  293.  
  294. </div>
  295.  
  296. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  297. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  298. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  299. {/block:ContentSource}</div>
  300.  
  301. {/block:Posts}
  302. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  303.  
  304.  
  305.  
  306.  
  307. </div>
  308. </div>
  309. </div>
  310. </div>
  311. </div>
  312.  
  313.  
  314. </body>
  315. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement