FuturaSuicida

Theme 5 Futura Suicida .

Mar 23rd, 2012 (edited)
2,123
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.21 KB | None | 0 0
  1. <html>
  2.  
  3. <head> <!-- Theme de Futura Suicida por favor nao copie, e nem retire os creditos. -->
  4.  
  5.  
  6. <link href='https://fonts.googleapis.com/css?family=Homenaje' rel='stylesheet' type='text/css'>
  7.  
  8. <meta name="color:background" content="#ffffff" />
  9. <meta name="color:link" content="#000000" />
  10. <meta name="color:text" content="#000000" />
  11. <meta name="color:post" content="#ffffff" />
  12. <meta name="color:sidebartext" content="#ffffff" />
  13. <meta name="image:background" content="" />
  14. <meta name="color:bglinks" content="#ff8dc8"/>
  15. <meta name="color:bglinkshover" content="#fff"/>
  16. <meta name="color:linkshover" content="#000"/>
  17. <meta name="color:links" content="#ffffff" />
  18. <meta name="color:sidebar" content="#ffffff" />
  19. <meta name="color:letrasidebar" content="#000" />
  20.  
  21. <meta name="image:sidebar" content=""/>
  22.  
  23. <meta name="text:titulo" content="Mude no appearance" />
  24. <meta name="text:subtitulo" content="Mude no appearance" />
  25. <meta name="text:Link1" content="/" />
  26. <meta name="text:Link1 Title" content="link 1" />
  27. <meta name="text:Link2" content="/" />
  28. <meta name="text:Link2 Title" content="link 2" />
  29. <meta name="text:Link3" content="/" />
  30. <meta name="text:Link3 Title" content="link 3" />
  31. <meta name="text:Link4" content="/" />
  32. <meta name="text:Link4 Title" content="link 4" />
  33.  
  34. <meta name="text:Link5" content="/" />
  35. <meta name="text:Link5 Title" content="link 5" />
  36. <meta name="text:Link6" content="/" />
  37. <meta name="text:Link6 Title" content="link 6" />
  38. <meta name="text:Link7" content="/" />
  39. <meta name="text:Link7 Title" content="link 7" />
  40. <meta name="text:Link8" content="/" />
  41. <meta name="text:Link8 Title" content="link 8" />
  42.  
  43. <meta name="text:Link9" content="/" />
  44. <meta name="text:Link9 Title" content="link 9" />
  45. <meta name="text:Link10" content="/" />
  46. <meta name="text:Link10 Title" content="link 10" />
  47. <meta name="text:Link11" content="/" />
  48. <meta name="text:Link11 Title" content="link 11" />
  49. <meta name="text:Link12" content="/" />
  50. <meta name="text:Link12 Title" content="link 12" />
  51.  
  52. <title>{Title}</title>
  53. <link rel="shortcut icon" href="{Favicon}">
  54. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  55. {block:Description}
  56. <meta name="description" content="{MetaDescription}" />
  57. {/block:Description}
  58.  
  59. <style type="text/css">
  60.  
  61.  
  62. 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; }
  63.  
  64. a {color: {color:link}; text-decoration: none; text-transform: none;}
  65. a:hover {color: {color:text}; background-color: transparent; text-decoration: none;}
  66.  
  67. p {margin: 6px 0 0 0}
  68.  
  69. blockquote {margin: 5px 5px 5px 5px; border-left: 6px solid {color:sidebar}; padding-left: 5px; }
  70. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 5px solid {color:sidebar};}
  71. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:sidebar}; }
  72. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:sidebar}; }
  73.  
  74. blockquote img{max-width: 470px!important}
  75. blockquote blockquote img{max-width: 450px!important}
  76. blockquote blockquote blockquote img{max-width: 430px!important}
  77. blockquote blockquote blockquote blockquote img{max-width: 410px!important}
  78.  
  79.  
  80.  
  81. #xp {text-align: center; width: 935px; margin: 20px auto 20px auto; padding: 0px; z-index: 1}
  82.  
  83. #xright {float: left; margin-left: 420px; margin-top: 10px;}
  84.  
  85. .postbox {width: 500px; background-color: {color:post}; padding: 15px; margin-bottom: 1px; text-align: justify; font-family: verdana; font-size: 11px; position: relative;}
  86.  
  87. h1 {font-family: georgia; text-align: center; font-size: 16px; text-transform: uppercase; color: {color:text}; font-weight: normal; line-height: 18px;}
  88. h1 a {text-align: center; font-size: 16px; text-transform: uppercase; color: {color:text}; font-weight: normal; line-height: 18px;}
  89. h1 a:hover {text-align: center; font-size: 16px; text-transform: uppercase; color: {color:text}; font-weight: normal; line-height: 18px;}
  90.  
  91. .image {text-align: center; border: 0px}
  92. .image img {max-width: 500px; margin-bottom: 2px }
  93.  
  94. .xquote {font-family: georgia; text-align: center; font-size: 13px; line-height: 15px; padding: 3px;}
  95. .xquotesource {text-align: center; text-transform: none; margin-bottom: 5px;}
  96. .xquotesource a, a:hover{text-transform: none;}
  97.  
  98. .chat {line-height: 13px; list-style: none }
  99. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  100. .person1 {color: {color:text}; padding: 2px; }
  101. .person1 .label {font-weight: bold; color:{color:text}}
  102. .person2 {color: {color:text}; padding: 2px; }
  103. .person2 .label {font-weight: bold; color:{color:text}}
  104.  
  105. .player {background-color: #000; text-align: left; display:block;}
  106.  
  107. #asker {font-size: 11px; font-family: {font:text}; text-align: justify;}
  108. .answer {padding: 2px}
  109. .answer img {max-width: 470px;}
  110.  
  111.  
  112. #xdate {text-align: left; font-size: 9px; font-family: verdana; text-transform: lowercase; z-index: 11;}
  113. #xdate a {font-size: 9px;}
  114.  
  115. .tags {color: {color:text}; font-size: 9px; font-family: verdana; display: inline; list-style: none; text-transform: lowercase;}
  116. .tags a {font-size: 9px; color: verdana; display: inline; list-style: none; text-transform: lowercase;}
  117.  
  118. #cap {width: 500px; margin-top: -2px;}
  119. .source {display: none;}
  120.  
  121. .notes {width: 530px; padding: 0px; margin-top: 1px; margin-bottom: 1px; font-size: 9px; text-align: left}
  122. ol.notes {list-style: none; margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  123. ol.notes li {background-color: {color:post}; margin-bottom: 1px; padding: 5px; }
  124. .notes img{display: none; border:0px}
  125.  
  126.  
  127. .photoend img:hover {opacity:0.8;
  128. -webkit-transition-duration: .70s;;-moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s; }
  129.  
  130.  
  131. .photoend {position:fixed;-webkit-transition: all 1.2s ease-out; -moz-transition: all 1.2s ease-out;}
  132.  
  133. .photoend img {margin-left: 10px; margin-top: 60px; height:290px;width:390px;-webkit-transition: all 1.2s ease-out;-moz-transition: all 1.2s ease-out;}
  134. .photoend img:hover {opacity:0.6;-webkit-transition: all 1.2s ease-out; -moz-transition: all 1.2s ease-out; }
  135.  
  136. #title {
  137. font-size: 35px;
  138. text-align: center;
  139. margin-left: 50px;
  140. text-transform: none;
  141. line-height:25px;
  142. padding:5px;
  143. font-family: georgia;
  144. color: (color:sidebartext);
  145. background-color: {color:background};
  146. position:fixed;}
  147.  
  148. #subtitle {
  149. margin-left: 200px;
  150. font-size: 9px;
  151. line-height:0px;
  152. text-align: center;
  153. text-transform: none;
  154. color: #9e9e9e;
  155. background-color: {color:background};
  156. padding:0px;
  157. font-family: verdana;
  158. margin-top: 45px;
  159. position:fixed;}
  160.  
  161.  
  162. a:link, a:active, a:visited {
  163. color: {color:links};
  164. text-decoration:none;
  165. }
  166.  
  167. a:hover {
  168. color: {color:hover};
  169. -webkit-transition-duration: 0.1s;
  170. -moz-transition-duration: 0.1s;
  171. }
  172.  
  173.  
  174.  
  175.  
  176.  
  177. #desc {position:fixed; width: 380px; height: 50px; font-size: 11px; font-family: calibri; padding: 5px; text-align: justify;color: {color:sidebartext}; background: transp;margin-top: 350px; margin-left:10px; overflow:hidden;}
  178.  
  179. #links1 {width: 400px; float: left; margin-left:3px; margin-top: 427px; padding: 0px; text-align: center; position: fixed; -moz-transition: opacity .9s ease-in-out; -o-transition: opacity .9s ease-in-out; transition: opacity .9s ease-in-out; -webkit-transition: opacity .9s ease-in-out; opacity: 1; -webkit-transition: 1.3s ease-in;
  180. -moz-transition: 1.3s ease-in; transition: 1.3s ease-in; background-color: transparent; height: 80px; z-index:830; }
  181.  
  182. #links1 a {float: left; padding: 0px; margin-top:5px; display: block; letter-spacing: 0px; font-family: Homenaje; font-size: 10px; text-align: center; width: 100px; background-color: {color:bglinks}; color: {color:links}; text-decoration: none; text-transform: uppercase; line-height: 18px; height: 16px; overflow: hidden; border:0px solid {color:background}; margin-left: 0x; }
  183.  
  184. #links1 a:hover{text-align: center; background-color: {color:bglinkshover}; color: {color:linkshover};}
  185.  
  186. #links2 {width: 400px; float: left; margin-left:3px; margin-top: 444px; padding: 0px; text-align: center; position: fixed; -moz-transition: opacity .9s ease-in-out; -o-transition: opacity .9s ease-in-out; transition: opacity .9s ease-in-out; -webkit-transition: opacity .9s ease-in-out; opacity: 1; -webkit-transition: 1.3s ease-in;
  187. -moz-transition: 1.3s ease-in; transition: 1.3s ease-in; background-color: transparent; height: 80px; z-index:830; }
  188.  
  189. #links2 a {float: left; padding: 0px; margin-top:5px; display: block; letter-spacing: 0px; font-family: Homenaje; font-size: 10px; text-align: center; width: 100px; background-color: {color:bglinks}; color: {color:links}; text-decoration: none; text-transform: uppercase; line-height: 18px; height: 16px; overflow: hidden; border:0px solid {color:background}; margin-left: 0x; }
  190.  
  191. #links2 a:hover{text-align: center; background-color: {color:bglinkshover}; color: {color:linkshover};}
  192.  
  193.  
  194. #links3 {width: 400px; float: left; margin-left:3px; margin-top: 461px; padding: 0px; text-align: center; position: fixed; -moz-transition: opacity .9s ease-in-out; -o-transition: opacity .9s ease-in-out; transition: opacity .9s ease-in-out; -webkit-transition: opacity .9s ease-in-out; opacity: 1; -webkit-transition: 1.3s ease-in;
  195. -moz-transition: 1.3s ease-in; transition: 1.3s ease-in; background-color: transparent; height: 80px; z-index:830; }
  196.  
  197. #links3 a {float: left; padding: 0px; margin-top:5px; display: block; letter-spacing: 0px; font-family: Homenaje; font-size: 10px; text-align: center; width: 100px; background-color: {color:bglinks}; color: {color:links}; text-decoration: none; text-transform: uppercase; line-height: 18px; height: 16px; overflow: hidden; border:0px solid {color:background}; margin-left: 0x; }
  198.  
  199. #links3 a:hover{text-align: center; background-color: {color:bglinkshover}; color: {color:linkshover};}
  200.  
  201. #credito {
  202. background-color: {color:sidebar};
  203. color: {color:letrasidebar};
  204. width: 291px;
  205. height: 6px;
  206. padding: 3px 2px 5px 3px;
  207. position: fixed;
  208. float: left;
  209. top: 425px;
  210. left: 11px;
  211. font-family: tinytots;
  212. font-size: 8px;
  213. }
  214.  
  215. #credito a:hover {opacity: 0.7; border-left: 0px;}
  216.  
  217. #paginal {font-family: verdana; font-size: 8px; text-align: center;}
  218. #paginal a {background: {color:sidebar}; margin: 0 1px 0 0; padding: 2px 4px; color: {color:letrasidebar};}
  219. #paginal a:hover {background: {color:letrasidebar}; color: {color:sidebar};}
  220. #paginal span.pagina_atual {background:{color:sidebar}; margin: 0 1px 0 0; padding: 2px 4px;; color: {color:letrasidebar}; font-weight: bold; text-decoration: none;}
  221. .ps {position: fixed; margin-left: 300px; padding: 2px; width: 98px; height: auto; top: 425px; background-color: {color:sidebar}; color: {color:letrasidebar};}
  222.  
  223. @font-face {font-family: "tinytots";src: url('https://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  224.  
  225. ::-webkit-scrollbar{width:3px;height:3px;}
  226.  
  227. ::-webkit-scrollbar-button:start:decrement
  228.  
  229. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  230.  
  231. ::-webkit-scrollbar-track-piece{background-color: {color:sidebar}; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  232.  
  233. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:link};-webkit-border-radius:px;}
  234.  
  235. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: {color:link};-webkit-border-radius:px;}
  236.  
  237.  
  238. #tumblr_controls{position: fixed!important}
  239. #tumblr_controls{position: fixed!important}
  240. #tumblr_controls{position: fixed!important}
  241. #tumblr_controls{position: fixed!important}
  242.  
  243.  
  244. </style>
  245.  
  246. <body>
  247.  
  248.  
  249. <div id="title">{block:iftitulo}{text:titulo}{/block:iftitulo}</div>
  250. <div id="subtitle">{block:ifsubtitulo}{text:subtitulo}{/block:ifsubtitulo}</div>
  251.  
  252. <div class="photoend"><img src="{image:sidebar}"></div>
  253. </div>
  254.  
  255. <div id="desc">{description}</div>
  256.  
  257. <div id="links1">
  258. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  259. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  260. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  261. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}</div>
  262. </div>
  263.  
  264.  
  265. <div id="links2">
  266. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  267. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6}
  268. {block:ifLink7}<a href="{text:Link7}">{text:Link7 Title}</a>{/block:ifLink7}
  269. {block:ifLink8}<a href="{text:Link8}">{text:Link8 Title}</a>{/block:ifLink8}
  270. </div></div>
  271.  
  272. <div id="links3">
  273. {block:ifLink9}<a href="{text:Link9}">{text:Link9 Title}</a>{/block:ifLink9}
  274. {block:ifLink10}<a href="{text:Link10}">{text:Link10 Title}</a>{/block:ifLink10}
  275. {block:ifLink11}<a href="{text:Link11}">{text:Link11 Title}</a>{/block:ifLink11}
  276. {block:ifLink12}<a href="{text:Link12}">{text:Link12 Title}</a>{/block:ifLink12}
  277.  
  278. </div></div>
  279.  
  280.  
  281. <div class="ps"><div id="paginal">
  282. {block:JumpPagination length="4"}
  283. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  284. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  285. {/block:JumpPagination}
  286. </div></div>
  287.  
  288.  
  289. <div id="credito">
  290. theme <a href="https://futurasuicida.tumblr.com/"><font color="{color:letrasidebar}">futurasuicida</a>; base <a href="https://drug-0f-love.tumblr.com"><font color="{color:letrasidebar}">drug-0f-love</a>, dts de <a href="https://late-to-write.tumblr.com"><font color="{color:letrasidebar}">late-to-write</a> e
  291. <a href="https://affectingyou.tumblr.com/"><font color="{color:letrasidebar}">+</a></div>
  292.  
  293. <div id="xright">
  294.  
  295. {block:Posts}
  296. <div class="postbox">
  297.  
  298. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  299.  
  300. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  301.  
  302. {block:Photoset}{Photoset-500}{/block:Photoset}
  303.  
  304. {block:Quote}
  305. <div class="xquote">“{Quote}”</div>
  306. {block:Source}<div class="xquotesource"> — {Source}</div>
  307. {/block:Source}
  308. {/block:Quote}
  309.  
  310. {block:Link}
  311. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  312. {block:Description}{Description}{/block:Description}
  313. {/block:Link}
  314.  
  315. {block:Chat}
  316. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  317. <div class="chat"><ul>{block:Lines}
  318. <li class="person{UserNumber}">{block:Label}
  319. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  320. {/block:Chat}
  321.  
  322. {block:Audio}
  323. <div class="player">{AudioPlayerBlack}</div>
  324. {block:Caption}{Caption}{/block:Caption}
  325. {/block:Audio}
  326.  
  327. {block:Video}{Video-500}{/block:Video}
  328.  
  329.  
  330. {block:Answer}
  331. <div id="asker"><b>{Asker} asked:</b> {Question}</div>
  332. <div class="answer">{Answer}</div>
  333. {/block:Answer}
  334.  
  335.  
  336. <div id="cap">
  337. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  338. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  339. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  340.  
  341. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  342. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  343. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  344. {/block:ContentSource}</div></div>
  345. <br>
  346.  
  347.  
  348. <div id="xdate">
  349. {block:Date}<div class="tags">{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}<br>{/block:HasTags}</div>
  350. <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} · <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:IndexPage} · <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}
  351. {block:RebloggedFrom}<br>originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>{/block:RebloggedFrom}{block:RebloggedFrom} · via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  352. {/block:RebloggedFrom}
  353. </div>
  354. </div>{/block:Date}
  355.  
  356.  
  357. {/block:Posts}
  358. {block:PostNotes}<div class="notes">{PostNotes}{/block:PostNotes}
  359. </div>
  360.  
  361.  
  362.  
  363.  
  364.  
  365.  
  366.  
  367. </div>
  368. </div>
  369. </div>
  370. </div>
  371.  
  372. </body>
  373.  
  374. </html>
Add Comment
Please, Sign In to add comment