Advertisement
fn-themes

theme-07

Aug 9th, 2012
130
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.82 KB | None | 0 0
  1. <head>
  2.  
  3. <!-- theme feito por p-rinceso (eu) kk.
  4. ja sabe todas as regras e tau, ne?
  5. conferindo: não plagei, não tire os creditos,
  6. e se modificar, não dispo, use somente pra voce.
  7. obrigado e bom uso, esse theme é o que eu mais gosto u-u !-->
  8.  
  9.  
  10. <link href='http://fonts.googleapis.com/css?family=Port+Lligat+Sans' rel='stylesheet' type='text/css'>
  11. <link href='http://fonts.googleapis.com/css?family=The+Girl+Next+Door' rel='stylesheet' type='text/css'>
  12. <meta name="font:text" content="calibri" />
  13. <meta name="color:background" content="#ffffff" />
  14. <meta name="color:post" content="#ffffff" />
  15. <meta name="color:posttxt" content="#000000" />
  16. <meta name="color:sidebar" content="#fde1e5" />
  17. <meta name="color:sidebartext" content="#000000" />
  18. <meta name="color:scrollbar" content="#000000" />
  19. <meta name="color:linksid" content="#000000" />
  20. <meta name="color:bglink1" content="#ffffff" />
  21. <meta name="color:bglink2" content="#fde1e5" />
  22. <meta name="color:frase" content="#000000" />
  23. <meta name="color:frase2" content="#ffffff" />
  24. <meta name="image:bg" content="">
  25. <meta name="image:sidebar" content="http://static.tumblr.com/yhfuno6/ER5m8itha/tumblr_m7zn2qelzy1r1vezro1_5001.jpg"/>
  26.  
  27. <meta name="if:Mostrar tags" content="0"/>
  28.  
  29. <meta name="text:btitulo" content="FRASE LINDA TA?" />
  30. <meta name="text:btitulo2" content="ESCREVE ALGO AQUI" />
  31.  
  32. <meta name="text:Link1" content="/" />
  33. <meta name="text:Link1 Title" content="link1" />
  34. <meta name="text:Link2" content="/" />
  35. <meta name="text:Link2 Title" content="link2" />
  36. <meta name="text:Link3" content="/" />
  37. <meta name="text:Link3 Title" content="link3" />
  38. <meta name="text:Link4" content="/" />
  39. <meta name="text:Link4 Title" content="link4" />
  40. <meta name="text:Link5" content="/" />
  41. <meta name="text:Link5 Title" content="link5" />
  42. <meta name="text:Link6" content="/" />
  43. <meta name="text:Link6 Title" content="link6" />
  44.  
  45.  
  46. <title>{Title}</title>
  47.  
  48. <style type="text/css">
  49. body {background-color:{color:background}; font-family: {font:text}; color: {color:posttxt}; background-image:url('{image:bg}'); font-size: 12px; background-position:bottom left; background-attachment:fixed; background-repeat:repeat;}
  50. a {color:{color:posttxt}; text-decoration:none; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  51. a:hover {opacity:0.5;}
  52.  
  53. ::-webkit-scrollbar-thumb:vertical {background-color: {color:scrollbar}; height: 50px;}
  54. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:scrollbar}; height: 10px;}
  55. ::-webkit-scrollbar {height: 5px; width: 5px; background-color: {color:scrollbarbg}; }
  56.  
  57. blockquote {margin: 5px 5px 5px 5px; border-left: 4px solid {color:background}; padding-left: 5px; }
  58.  
  59. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:background};}
  60.  
  61. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:background}; }
  62.  
  63. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:background}; }
  64.  
  65.  
  66.  
  67. blockquote img{max-width: 470px!important}
  68.  
  69. blockquote blockquote img{max-width: 450px!important}
  70.  
  71. blockquote blockquote blockquote img{max-width: 430px!important}
  72.  
  73. blockquote blockquote blockquote blockquote img{max-width: 410px!important}
  74.  
  75. #content {}
  76.  
  77. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  78.  
  79.  
  80. #posts {margin-left: 350px; margin-top:-3px; z-index:999; width:520px; border-top:0px solid transparent; }
  81.  
  82. .post {width: 500px; background-color: {color:post}; padding: 10px; text-align: justify; font-family: {font:text}; font-size: 11px; position: relative; opacity:1; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; z-index:999; border-bottom:1px solid {color:background}; border-right:1px solid {color:background};}
  83.  
  84. .post img {opacity:0.9; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out}
  85. .post img:hover {opacity:1;}
  86.  
  87. .chat {line-height: 12px; list-style: none; }
  88. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height:20px;}
  89.  
  90. .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px;}
  91.  
  92. .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px;}
  93.  
  94. .smbluc {position:absolute; left:-42px; top:-15px; color:{color:posttext}; font-size:80px; font-family:arial;}
  95.  
  96. .quote {font-size:13px; text-align:justify; font-family:calibri; width:463px; position:relative; left:37px;}
  97. .quote small {font-size:14px;}
  98.  
  99. .sourcequote {text-align:right;}
  100. .title {font-size:13px; text-align:left; font-weight:bold;}
  101.  
  102. .asker {width:400px; text-align:right; text-transform:lowercase; color:{color:text};}
  103. .asker a {color:{color:text} font-family:calibri; font-size:13px;;}
  104. .asker img {float:left; margin-left:400px; vertical-align:top; margin-right:3px; max-height:15px; border-radius:5px;}
  105.  
  106. .asking {text-align:center; color:{color:text}; font-size:9px; font-family:calibri; text-transform:none;}
  107. .asking a{color:{color:text};}
  108. .asking img {width:58px; vertical-align:middle; background-color:{color:background}; padding:3px; border-radius:5px; }
  109.  
  110. .answer{text-align:left; color:{color:text}; font-size:11px; font-family:calibri; text-transform:none;}
  111.  
  112.  
  113. .tags {font-family:tinytots; font-size:8px; text-transform:uppercase}
  114. .tags a {color:{color:posttxt};}
  115.  
  116.  
  117.  
  118. #date {font-size:8px; text-align:right;font-family:tinytots; text-transform:uppercase; overflow:hidden; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; margin-top:4px;}
  119. #date a{ opacity:0.4;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  120. #date a:hover{opacity:1;}
  121.  
  122. .notecount {font-family:verdana;}
  123. .tag {}
  124.  
  125. #notess {margin-left: 0px; width:500px; font-size:8px; text-transform:none; font-family:{font:text}}
  126. #notess a {}
  127.  
  128. ol.notes {list-style: none; margin-bottom:1px; padding: 0px; z-index:999; border-top:1px solid {color:background};}
  129.  
  130. ol.notes li {background-color:{color:post}; border-bottom: 1px solid {color:bg}; padding: 5px; font-size:10px; z-index:999;}
  131.  
  132. ol.notes img {display:none}
  133.  
  134. #cap {position:relative;}
  135. .source {display: none; position:absolute;}
  136.  
  137.  
  138. #linkss .oslinks a {text-align:center; line-height:9px; display:block; padding:5px; font-size:8px; text-transform:uppercase; width:30px; height:7px; font-family:tinytots; background-color:{color:bglink1}; color:{color:linksid}; opacity:1; border-bottom:1px solid {color:background};}
  139.  
  140. #linkss .oslinks a:hover { width:100px; background-color:{color:bglink2}; color{color:background};}
  141.  
  142. #linkss .cred a {font-size:8px; text-transform:lowercase; font-family:tinytots; font-size:8px}
  143.  
  144. #linkss {position:fixed; top:238px; left:175px; width:auto; z-index:3; background-color:transparent;}
  145.  
  146. #linkss .oslinks {width:auto; position:relative; left:79px;}
  147.  
  148. #crd {width: 20; height: auto; padding:0px; margin-top:600px; margin-left:1200px; position: fixed;z-index: 9999999999;}
  149. #crd a {float: left; display: block; width: 10px; height:11px; line-height: 5px; padding: 3px; font-family: Agency FB; font-size: 18px; text-align: center; background-color: {color:posttxt}; color:{color:sidebar};opacity:1;-webkit-border-radius: 10px 10px 10px 10px;}
  150. #crd a:hover {opacity: 1; background-color:{color:sidebar}; color:{color:posttxt};}
  151.  
  152.  
  153. #sidebar {position:fixed; left:113px; margin-top:0px; height:100%; width:139px; background-color:{color:sidebar}; color:{color:sidebartext}; border-right:0px solid transparent; z-index:20; border-right:0px solid transparent; border-left:1px solid transparent;}
  154.  
  155.  
  156.  
  157. .frase {letter-spacing:1px; margin-left:0px; margin-top:150px;width:310px; line-height:15px; color:{color:frase}; background-color:transparent;font-size:13px;padding:3px; font-size:px; font-family:"The girl next door"; text-align:left; font-style:normal; height:15px;}
  158. .frase2 {letter-spacing:1px; margin-left:-30px; margin-top:0px;width:160px; line-height:15px; color:{color:frase2}; background-color:transparent;font-size:10px;padding:3px; font-family:"The girl next door"; text-align:right; font-style:normal; height:15px; opacity:0.5}
  159. .img {border: 0px solid #000; margin-left:-1px;margin-top:0px;width:140px; height:180px; overflow:hidden;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out; -webkit-transition: all 0.8s ease-out; z-index:50000;}
  160.  
  161. .img:hover {opacity:0.9;}
  162.  
  163. .pag {position:absolute; bottom:270px; right:-21px;}
  164.  
  165.  
  166. .active_page {font-size:7px; padding:0px; font-family:verdana; opacity:0.7; background-color:{color:background}; color:{color:posttxt};}
  167.  
  168. .jump_page {font-size:7px; padding:4px; font-family:verdana; opacity:1; background-color:{color:background}; color:{color:posttxt};}
  169. .jump_page:hover {opacity:0.7;}
  170.  
  171.  
  172. #description {width:100px; left:128px; position:fixed; top:390px; padding:4px; text-align:center; font-size:9px; background-color:{color:sidebar}; color:{color:sidebartext}; margin-top:0px; border-top:0px solid {color:bg}; padding-top:1px; -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out; z-index:5000; border-right:0px solid {color:bg};}
  173.  
  174.  
  175. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.6;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out; z-index:999;}
  176.  
  177.  
  178.  
  179. 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; }
  180.  
  181. </style>
  182. <link rel="shortcut icon" href="{Favicon}">
  183. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  184. {block:Description}
  185. <meta name="description" content="{MetaDescription}" />
  186. {/block:Description}
  187. </head>
  188.  
  189. <body>
  190. <div id="content">
  191.  
  192.  
  193. <div id="sidebar">
  194.  
  195. <div class="frase">
  196. {text:btitulo}
  197. </div>
  198. <div class="frase2">
  199. {text:btitulo2}
  200. </div>
  201. <div class="img">
  202. <div style="height:305px; overflow:hidden;">
  203. <img src="{image:sidebar}" width="100%"/>
  204. </div>
  205. <div class="pag">
  206. {block:JumpPagination length="3"}{block:CurrentPage}<span><a href="#" class="active_page">{PageNumber}</a></span> {/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a> {/block:JumpPage}{/block:JumpPagination}
  207. </div>
  208.  
  209. </div>
  210. <div id="description">
  211. {Description}
  212. </div>
  213.  
  214. </div>
  215.  
  216. <div id="linkss">
  217. <div class="oslinks">
  218. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  219. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a> {/block:ifLink2}
  220. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a> {/block:ifLink3}
  221. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a> {/block:ifLink4}
  222. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a> {/block:ifLink5}
  223. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a> {/block:ifLink6}
  224. </div>
  225. </div>
  226. <div id="crd"><a href="http://pr-inceso.tumblr.com">c</a></div>
  227.  
  228. </div>
  229. </div>
  230.  
  231. <div id="posts">
  232. {block:Posts}
  233. <div class="post">
  234.  
  235.  
  236. {block:Text}{block:Title}<div class="title">{Title}</div>{/block:Title}{Body}{/block:Text}
  237. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  238.  
  239. {block:Photoset}{Photoset-500}{/block:Photoset}
  240. {block:Quote}
  241.  
  242. <div class="quote">“{Quote}"</div>
  243. {block:Source}<div class="sourcequote"> — {Source}</div>
  244. {/block:Source}
  245. {/block:Quote}
  246.  
  247. {block:Link}
  248. <div class="title"><a href="{URL}" {Target}>{Name}</a></div>
  249. {block:Description}{Description}{/block:Description}
  250. {/block:Link}
  251.  
  252. {block:Chat}
  253. {block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  254. <div class="chat"><ul>{block:Lines}
  255. <li class="person{UserNumber}">{block:Label}
  256. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  257. {/block:Chat}
  258.  
  259. {block:Audio}
  260. <div class="player">{AudioPlayerBlack}</div>
  261. {block:Caption}{Caption}{/block:Caption}
  262. {/block:Audio}
  263.  
  264. {block:Video}{Video-500}{/block:Video}
  265.  
  266. {block:Answer}
  267. <table width="400px" cellspacing="0" cellpadding="0">
  268. <tr>
  269. <td width="450px" class="question">{Question}</td>
  270. <td width="30px"><span class="questionarrow">
  271. </span></td>
  272. <td width="50px" class="asking"><img src="{AskerPortraitURL-64}"><br>{Asker}</td>
  273. </tr>
  274. </table>
  275. <div class="answer">{Answer}</div>
  276. {/block:answer}
  277.  
  278.  
  279. {block:Photo}<div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Photo}
  280. {block:Video}<div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Video}
  281. {block:Photoset}<div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Photoset}
  282.  
  283.  
  284.  
  285. <div class="source">
  286. {block:ContentSource}<a href="{SourceURL}" target="_blank">Source</a>{/block:ContentSource}
  287. </div>
  288.  
  289. <div id="date">
  290. {block:IfMostrartags}{block:HasTags}<div class="tags"><strong>Taged as:</strong> {block:Tags}<font class="tag">#</font><a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}{/block:IfMostrartags}
  291. {block:Date}
  292. <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} · <a href="{Permalink}">{NoteCount}</a> {/block:NoteCount} {block:IndexPage} · <a href="{ReblogUrl}" target="_blank">reblog this</a>{/block:IndexPage}
  293. {block:RebloggedFrom}<div><a href="{ReblogRootURL}" title="{ReblogRootTitle}"></a>{/block:RebloggedFrom}{block:RebloggedFrom}<a href="{ReblogParentURL}"></a></div>
  294. {/block:RebloggedFrom}
  295. {block:PostNotes}<div id="notess">{PostNotes}</div>{/block:PostNotes}
  296. </div>
  297.  
  298.  
  299. </div>
  300. {/block:Date}
  301. {/block:Posts}
  302.  
  303.  
  304. </div>
  305. </div>
  306.  
  307. <div style="display:none">
  308.  
  309.  
  310. </div>
  311.  
  312.  
  313.  
  314. </body>
  315. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement