Advertisement
fn-themes

theme-15

Aug 27th, 2012
69
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.42 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html>
  3.  
  4. <!-- html feito por pr-inceso!
  5. não retire nada dessa porra.
  6. se modificar nao disponibilize ok?
  7. e pelo amor de deus, nao tire o caralho dos creditos.
  8. não ligue pros palavroes, mas é porque dá raiva.
  9. bom uso, cuide bem do meu theme :( s2-->
  10.  
  11. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  12.  
  13. <head>
  14.  
  15.  
  16.  
  17.  
  18.  
  19.  
  20.  
  21. <link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light+Two' rel='stylesheet' type='text/css'>
  22. <link href='http://fonts.googleapis.com/css?family=Advent+Pro' rel='stylesheet' type='text/css'>
  23. <link href='http://fonts.googleapis.com/css?family=Quantico' rel='stylesheet' type='text/css'>
  24. <link href='http://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope' rel='stylesheet' type='text/css'>
  25. <!-- DEFAULT VARIABLES -->
  26. <meta name="color:background" content="#ececec" />
  27. <meta name="color:faixa" content="#696969" />
  28. <meta name="color:post" content="#ffffff" />
  29. <meta name="color:ask" content="#ececec" />
  30. <meta name="color:text" content="#696969" />
  31. <meta name="color:link" content="#696969" />
  32. <meta name="color:links" content="#ffffff" />
  33. <meta name="color:textofrase" content="#3f3e3e" />
  34. <meta name="color:descricao" content="#696969" />
  35. <meta name="color:scrollbg" content="#eeeeee" />
  36. <meta name="color:scroll" content="#696969" />
  37. <meta name="color:bglink" content="#a09f9f" />
  38.  
  39.  
  40.  
  41. <meta name="image:background" content="" />
  42. <meta name="image:sidebar" content="http://static.tumblr.com/yhfuno6/flNm9eal4/tumblr_m7zn2qelzy1r1vezro1_5001.jpg" />
  43.  
  44. <meta name="text:Link1" content="/" />
  45. <meta name="text:Link1 Title" content="link1" />
  46. <meta name="text:Link2" content="/" />
  47. <meta name="text:Link2 Title" content="link2" />
  48. <meta name="text:Link3" content="/" />
  49. <meta name="text:Link3 Title" content="link3" />
  50. <meta name="text:Link4" content="/" />
  51. <meta name="text:Link4 Title" content="link4" />
  52. <meta name="text:Link5" content="/" />
  53. <meta name="text:Link5 Title" content="link5" />
  54. <meta name="text:Link6" content="/" />
  55. <meta name="text:Link6 Title" content="link6" />
  56. <meta name="text:Link7" content="/" />
  57. <meta name="text:Link7 Title" content="link7" />
  58.  
  59. <meta name="text:frase" content="frase lecal aqui" />
  60.  
  61. <title>{Title}</title>
  62. <link rel="shortcut icon" href="{Favicon}">
  63. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  64. {block:Description}
  65. <meta name="description" content="{MetaDescription}" />
  66. {/block:Description}
  67.  
  68. <link href='http://fonts.googleapis.com/css?family=Megrim' rel='stylesheet' type='text/css'>
  69.  
  70. <style type="text/css">
  71.  
  72. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  73. body {background-color: {color:background}; font-family: verdana; color: {color:text}; text-align: center; font-size: 11px; background-image:url('{image:background}'); background-attachment: fixed; }
  74.  
  75. a {color: {color:link}; text-decoration: none; text-transform: none;}
  76. a:hover {color: {color:link hover}; background-color: transparent; text-decoration: none;}
  77.  
  78. p {margin: 6px 0 0 0}
  79.  
  80. blockquote {margin: 5px 5px 5px 5px; border-left: 6px solid {color:background}; padding-left: 5px; }
  81. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 5px solid {color:background};}
  82. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:background}; }
  83. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:background}; }
  84.  
  85. blockquote img{text-align: center;max-width: 470px!important}
  86. blockquote blockquote img{max-width: 450px!important}
  87. blockquote blockquote blockquote img{max-width: 430px!important}
  88. blockquote blockquote blockquote blockquote img{max-width: 410px!important} padding-left:0px; border-bottom:0px;}
  89.  
  90. #all {text-align: center; width: 1635px; margin: 20px auto 20px auto; padding: 0px; }
  91.  
  92. #allboxes {float: left; margin-left: 281px; margin-top:-1.5px; }
  93.  
  94. .entry {width:470px; background-color: {color:post}; padding: 8px; margin-bottom: 1px; text-align: justify; font-family: verdana; font-size: 11px; position: relative; z-index:1000}
  95. .entry:hover #info {opacity:1; margin-left:0px;}
  96.  
  97. h1 {font-family: calibri; text-align: center; font-size: 16px; text-transform: normal; color: {color:text}; font-weight: normal; line-height: 18px;}
  98. h1 a {text-align: center; font-size: 16px; text-transform: normal; color: {color:text}; font-weight: normal; line-height: 18px;}
  99. h1 a:hover {text-align: center; font-size: 16px; text-transform: normal; color: {color:text}; font-weight: normal; line-height: 18px;}
  100.  
  101. .image {text-align: center; border: 0px;}
  102. .image img {text-align: center;max-width: 400px; opacity:1;margin-bottom: 2px; -webkit-transition: all 5s ease-out; -moz-transition: all 5s ease-out; }
  103. .image img:hover{opacity:.7;}
  104. .quote {font-family: calibri; text-align: justify; font-size: 12px; line-height: 15px; padding: 3px;}
  105. .quotesource { font-size: 9px; text-align: right; text-transform: none; margin-bottom: 5px;}
  106. .quotesource a{opacity:1;text-transform: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;}
  107. .quotesource a:hover{opacity: 0.8;}
  108.  
  109. .chat {line-height: 13px; list-style: none }
  110. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  111. .person1 {color: {color:text}; padding: 2px; }
  112. .person1 .label {font-weight: bold; color:{color:text}}
  113. .person2 {color: {color:text}; padding: 2px; }
  114. .person2 .label {font-weight: bold; color:{color:text};}
  115.  
  116. .player {background-color: #000; text-align: left; display:block;}
  117.  
  118. .video {width:400px}
  119.  
  120. .question {width:10450px; font-size: 11px; font-weight: normal; font-family: calibri; line-height:100%; ; position: relative; min-height:40px; padding:10px; margin-bottom:2px; margin-right:-10px; color:{color:text}; background: {color:ask};}
  121.  
  122. .questionarrow {font-size:30px; color:{color:ask}; vertical-align:middle; margin-left:-10px!important;}
  123.  
  124. .asking {text-align:center; color:{color:text}; font:9px verdana; text-transform:none;}
  125. .asking a{color:{color:text}; margin-left:-480px;}
  126. .asking img{width:auto;float: left;margin: 0px 4px 2px 0; -webkit-border-radius: 100px; -moz-border-radius: 100px; height: auto;-webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  127. .asking img:hover{-webkit-border-top-right-radius: 0px;
  128. border-top-right-radius: 0px;}
  129.  
  130. #info {font-family:tahoma; margin-top:-15px; margin-left:100px;height:auto; text-transform:uppercase; opacity:0; text-align: left; color:{color:link}; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out;}
  131. #info a {font-size: 8px;border-bottom:-1px solid #fff;font-family: Quantico; text-transform:uppercase; color:{color:link}; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out;}
  132. #info a:hover{text-shadow:1px 1px 2px {color:link};}
  133.  
  134. .tags {color: {color:text}; font-size:0px; font-family:calibri; text-transform:uppercase; display: inline; list-style: none}
  135. .tags a {font-size:0px; display: inline; list-style: none;}
  136.  
  137. #cap {width: 400px; margin-top: -2px;}
  138. .source {display: none;}
  139.  
  140. .notes {width: 400px; padding: 0px; margin-top: 1px; margin-bottom: 1px; font-size: 9px; text-align: left}
  141. ol.notes {list-style: none; margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  142. ol.notes li {background-color: {color:post}; margin-bottom: 1px; padding: 5px; }
  143. .notes img{display: none; border:0px}
  144.  
  145. #sidebar {position: fixed; margin: 0px 0px 0px 100px;}
  146.  
  147. #sidebar img { position:fixed; margin-top:-2px; margin-left:-10px; z-index:0; height:200px; width:150px; opacity:1 ;z-index:300; border:4px solid transparent; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; border:0px solid {color:sidebar} ;}
  148. #sidebar img:hover{opacity: 1;}
  149.  
  150.  
  151. #credit {width: auto; margin-left: 1240px; height: auto; margin-top:580px; text-align: center; font-size: 9px; position:fixed; padding: 4px; font-family:Quantico; color:#fff; background-color:#000;-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; }
  152. #credit a{color:#fff; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.1s ease-out;}
  153. #credit a:hover{text-shadow:1px 1px 2px #fff;}
  154. .credit {margin-top: -2px;letter-spacing: 0px; text-align: center; font-family: tahoma; font-size: 10px; color:#000; }
  155. .credit a{color:opacity:1;{color:frasefoto}; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  156. .credit a:hover{opacity:0.7;}
  157. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  158. #faixa{width: 1000%;
  159.  
  160. height: 0px;
  161.  
  162. left:292px;
  163.  
  164. top:207px;
  165.  
  166. z-index:0;
  167.  
  168. color: #000000;
  169.  
  170. position: fixed;
  171.  
  172. float: center;
  173.  
  174. font-size: 9px;
  175.  
  176. padding: 2px;
  177.  
  178. font-family: verdana;
  179.  
  180. box-shadow: 0px 5px 20px rgba(0,0,0,0.10);background-color: {color:faixa};}
  181.  
  182. .link {float: left;margin-top: 92px; text-align: center; position: fixed; margin-left:-116px;z-index:1500; background-color:{color:bglink}; -webkit-transform: rotate(270deg); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;}
  183.  
  184. .link a {float: left; width: 66.5px; text-transform:uppercase;height:12px; font-family:quantico; padding:0px;line-height:11px; text-align:center; font-size:9px; opacity:1;z-index:1500; color:{color:links};-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;}
  185.  
  186. .link a:hover {opacity:1;background-color:{color:links}; text-shadow:1px 1px 2px {color:bglink}; color:{color:bglink};}
  187.  
  188. .link2 {float: left;margin-top: 92px; text-align: center; position: fixed; margin-left:46px;z-index:1500; background-color:{color:bglink}; -webkit-transform: rotate(-270deg); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;}
  189.  
  190. .link2 a {float: left; width: 66.5px; text-transform:uppercase;height:12px; font-family:quantico; padding:0px;line-height:11px; text-align:center; font-size:9px; opacity:1;z-index:1500; color:{color:links}; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}
  191.  
  192. .link2 a:hover {opacity:1;background-color:{color:links}; text-shadow:1px 1px 2px {color:bglink}; color:{color:bglink};}
  193.  
  194.  
  195.  
  196.  
  197.  
  198.  
  199. .link3 {float: left;margin-top: 198px; text-align: center; position: fixed; margin-left:-22px;z-index:1500; background-color:{color:background};; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;}
  200.  
  201. .link3 a {font-weight:bold;float: left; width:174px; text-transform:uppercase;height:12px; font-family:quantico; padding:0px;line-height:11px; text-align:center; font-size:9px; opacity:1;z-index:1500; color:{color:bglink};-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;}
  202.  
  203. .link3 a:hover {opacity:1;background-color:{color:bglink}; text-shadow:1px 1px 2px {color:links}; color:{color:links};}
  204.  
  205.  
  206.  
  207.  
  208.  
  209.  
  210. #justin {position:fixed; opacity:1; letter-spacing:1px;font-family:Daniel; font-size:15px; text-transform:none; margin-top:177px; margin-left:966px; width:200px; height:20px; line-height:20px; z-index:999300; overflow:hidden; background-color:{color:background}; color:{color:textofrase}; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;}
  211.  
  212. .descr {text-align: center; height: auto; font-size: 10px; font-family: calibri; position: fixed; margin-left:964px; line-height: 16px; width: 194px; background-color: {color:background}; color: {color:descricao}; padding: 5px; margin-top: 204px; background-attachment: fixed; z-index:9999999999;}
  213.  
  214.  
  215. .oizinho {position:fixed; font-family: 'Agency FB'; height:0px; margin-left: 160px; margin-top: 450px; font-size: 40px; z-index: 5330; }
  216. .oizinho a {background-color: transparent }
  217. .oizinho a:hover {color: ;}
  218.  
  219. .oizinho2 {position:fixed; font-family: 'Agency FB'; height:0px; margin-left: 180px; margin-top: 450px; font-size: 40px; z-index: 5330; }
  220. .oizinho2 a {background-color: transparent}
  221. .oizinho2 a:hover {color: ;}
  222.  
  223. .pag {position:fixed; bottom:451px; right:521px;}
  224.  
  225.  
  226. .active_page {font-size:7px; padding:2px; font-family:verdana; opacity:0.7; background-color:{color:bglink}; color:{color:links};}
  227.  
  228. .jump_page {font-size:7px; padding:2px; font-family:verdana; opacity:1; background-color:{color:bglink}; color:{color:links};}
  229. .jump_page:hover {opacity:0.7;}
  230. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  231. #tumblr_controls{position: fixed!important}
  232. #tumblr_controls{position: fixed!important}
  233. #tumblr_controls{position: fixed!important}
  234. #tumblr_controls{position: fixed!important}
  235.  
  236. ::-webkit-scrollbar{width:6px;height:5px;}
  237. ::-webkit-scrollbar-button:start:decrement
  238. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  239. ::-webkit-scrollbar-track-piece{background-color: {color:scrollbg}; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  240. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:scroll};-webkit-border-radius:px;}
  241. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: {color:scroll};-webkit-border-radius:px;}
  242.  
  243. </style>
  244.  
  245. <body>
  246.  
  247. <div id="all">
  248. <div id="sidebar">
  249.  
  250. <div id="sid">
  251.  
  252. <div id="sibimg" ><img src="{image:sidebar}" >
  253. </div>
  254. </div>
  255.  
  256. <div class="link">
  257. <a href="{text:Link1}">{text:Link1 Title}</a>
  258. <a href="{text:Link2}">{text:Link2 Title}</a>
  259. <a href="{text:Link3}">{text:Link3 Title}</a>
  260. </div>
  261. <div class="link2">
  262. <a href="{text:Link4}">{text:Link4 Title}</a>
  263. <a href="{text:Link5}">{text:Link5 Title}</a>
  264. <a href="{text:Link6}">{text:Link6 Title}</a>
  265.  
  266. </div>
  267.  
  268. <div class="link3">
  269. <a href="{text:Link7}">{text:Link7 Title}</a>
  270.  
  271.  
  272. </div>
  273.  
  274. <div id="justin">{text:frase}
  275. </div>
  276. <div class="descr">{Description}</div>
  277.  
  278. </div>
  279. <div id="faixa"></div>
  280. <div class="pag">
  281. {block:JumpPagination length="5"}{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}
  282. </div>
  283.  
  284. </div>
  285.  
  286.  
  287.  
  288. <div id="credit"><div class: "credit"><a href="http://pr-inceso.tumblr.com/" title="don't copy or fuck this."> THEME BY PR-INCESO </a></div>
  289.  
  290. </div>
  291. </div>
  292.  
  293. <div id="allboxes">
  294.  
  295. {block:Posts}
  296.  
  297. <div class="entry">
  298.  
  299. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  300.  
  301. {block:Photo}<div class="image"><img src="{PhotoURL-400}">{/block:Caption}</div>{/block:Photo}
  302.  
  303. {block:Photoset}<div class="image">{Photoset-400}</div>{/block:Photoset}
  304.  
  305. {block:Quote}
  306. <big><div class="quote"><big>“</big>{Quote}<big>”</big></div>
  307. {block:Source}<div class="quotesource">— {Source}</div></big>
  308. {/block:Source}
  309. {/block:Quote}
  310.  
  311. {block:Link}
  312. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  313. {block:Description}{Description}{/block:Description}
  314. {/block:Link}
  315.  
  316. {block:Chat}
  317. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  318. <div class="chat"><ul>{block:Lines}
  319. <li class="person{UserNumber}">{block:Label}
  320. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  321. {/block:Chat}
  322.  
  323. {block:Audio}
  324. <div class="player">{AudioPlayerBlack}</div>
  325. {block:Caption}{Caption}{/block:Caption}
  326. {/block:Audio}
  327.  
  328. {block:Video}
  329. {Video-400}
  330. {block:Caption}{Caption}{/block:Caption}
  331. {/block:Video}
  332.  
  333. {block:Answer}
  334. <table width="400px" cellspacing="0" cellpadding="0">
  335. <tr>
  336. <td width="450px" class="question">{Question}</td>
  337. <td width="30px"><span class="questionarrow">
  338. ◤</span></td>
  339. <td width="74px" class="asking"><a href="{AskerUrl}"><img src="{AskerPortraitURL-48}"></a></td>
  340. </tr>
  341. </table>
  342. <div class="answer">{Answer}</div>
  343. {/block:answer}
  344.  
  345.  
  346. <div id="cap">
  347. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  348. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  349. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  350.  
  351. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  352. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  353. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  354. {/block:ContentSource}</div></div>
  355. <br>
  356.  
  357. <div class="notes">{PostNotes}</div>
  358.  
  359. <div id="info">{block:Date}
  360. {block:NoteCount} <a href="{Permalink}">{TimeAgo}</a><small>•</small><a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}{block:IndexPage}<small>•</small><a href="{ReblogUrl}" target="_blank">reblog this</a>{/block:IndexPage}{block:RebloggedFrom}<a href="{ReblogParentURL}"><a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}"></a>{/block:ContentSource}
  361. <div class="tags">{block:HasTags}{block:Tags}<a href="{TagURL}"> #{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}
  362. {/block:RebloggedFrom}
  363. </div></div>
  364. </div>{/block:Date}
  365.  
  366.  
  367. {/block:Posts}
  368. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  369.  
  370. </div>
  371. </div>
  372. </div>
  373. </div>
  374. </div>
  375. </div>
  376. <script type="text/javascript"> Cufon.now(); </script>
  377.  
  378.  
  379.  
  380.  
  381.  
  382.  
  383.  
  384.  
  385.  
  386.  
  387. </body>
  388. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement