FuturaSuicida

Theme Futura Suicida 60 - uma coluna

Oct 21st, 2012 (edited)
8,358
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.40 KB | None | 0 0
  1. <html>
  2.  
  3. <!-------------------------------------------------------------------------THEME FUTURA SUICIDA NÃO USE COMO BASE E NEM COPIE, THEME FUTURA SUICIDA NÃO USE COMO BASE E NEM COPIE, THEME FUTURA SUICIDA NÃO USE COMO BASE E NEM COPIE . THEME FUTURA SUICIDA NÃO USE COMO BASE E NEM COPIE. THEME FUTURA SUICIDA NÃO USE COMO BASE E NEM COPIE. THEME FUTURA SUICIDA NÃO USE COMO BASE E NEM COPIE.THEME FUTURA SUICIDA NÃO USE COMO BASE E NEM COPIE.THEME FUTURA SUICIDA NÃO USE COMO BASE E NEM COPIE.THEME FUTURA SUICIDA NÃO USE COMO BASE E NEM COPIE.
  4. <!---------------------------------------------------------->
  5.  
  6. <head>
  7. <link href='https://fonts.googleapis.com/css?family=Snippet|Sue+Ellen+Francisco|Andika|Delius+Swash+Caps|Lobster|Redressed|Tangerine|Rancho|Rochester|Lobster+Two|Dancing+Script|Pacifico|Crafty+Girls' rel='stylesheet' type='text/css'>
  8.  
  9. <meta name="color:background" content="#f8f8f8" />
  10. <meta name="color:links" content="#000000" />
  11. <meta name="color:link" content="#000000" />
  12. <meta name="color:post" content="#ffffff" />
  13. <meta name="color:text" content="#696969" />
  14. <meta name="color:scrollbar" content="#000" />
  15. <meta name="color:frase" content="#666666" />
  16. <meta name="color:textsidebar" content="#fff" />
  17. <meta name="color:sidetxt" content="#ffffff" />
  18. <meta name="color:boderfrase" content="#ffffff" />
  19.  
  20. <meta name="image:background" content=""/>
  21. <meta name="image:foto" content="https://static.tumblr.com/f7alngw/YBPmc9fvc/tumblr_m9ff9lortf1rny9qso1_400.jpg" />
  22. <meta name="image:sidebarfundo" content=""/>
  23. <meta name="text:frase" content="Ei mo... just stay with me ." />
  24.  
  25. <meta name="text:Link1" content="/" />
  26. <meta name="text:Link1 Title" content="refresh," />
  27. <meta name="text:Link2" content="/" />
  28. <meta name="text:Link2 Title" content="link" />
  29. <meta name="text:Link3" content="/" />
  30. <meta name="text:Link3 Title" content="link" />
  31. <meta name="text:Link4" content="/" />
  32. <meta name="text:Link4 Title" content="link" />
  33. <meta name="text:Link5" content="/" />
  34. <meta name="text:Link5 Title" content="link" />
  35. <meta name="text:Link6" content="/" />
  36. <meta name="text:Link6 Title" content="link" />
  37. <meta name="text:Link7" content="/" />
  38. <meta name="text:Link7 Title" content="link" />
  39.  
  40. <title>{Title}</title>
  41. <link rel="shortcut icon" href="{Favicon}">
  42. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  43. {block:Description}
  44. <meta name="description" content="{MetaDescription}" />
  45. {/block:Description}
  46.  
  47. {block:IfEnableEndlessScrolling}
  48. <script type="text/javascript" src="https://codysherman.com/tools/infinite-scrolling/code"></script>
  49. {/block:IfEnableEndlessScrolling}
  50.  
  51. <style type="text/css">
  52. 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; }
  53.  
  54. a {color: {color:link}; text-decoration: none; text-transform: none;}
  55. a:hover {color: {color:lhover}; background-color: transparent; text-decoration: none;}
  56.  
  57. p {margin: 6px 0 0 0}
  58.  
  59. blockquote {margin: 5px 5px 5px 5px; border-left: 6px solid {color:background}; padding-left: 5px; }
  60. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 5px solid {color:background};}
  61. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:background}; }
  62. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:background}; }
  63.  
  64. blockquote img{max-width: 470px!important}
  65. blockquote blockquote img{max-width: 450px!important}
  66. blockquote blockquote blockquote img{max-width: 430px!important}
  67. blockquote blockquote blockquote blockquote img{max-width: 410px!important}
  68.  
  69.  
  70. #container {text-align: center; width: 935px; margin: 20px auto 20px auto; padding: 0px; z-index: 1}
  71.  
  72. #entry {float: left; margin-left: 450px; margin-top: 0px; }
  73.  
  74. .posts {width: 500px; background-color: {color:post}; padding: 10px; margin-bottom: 2px; text-align: justify; font-family: verdana; font-size: 11px; position: relative;}
  75.  
  76. h1 {font-family: georgia; text-align: center; font-size: 16px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;}
  77. h1 a {text-align: center; font-size: 16px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;}
  78. h1 a:hover {text-align: center; font-size: 16px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;}
  79.  
  80. .image {text-align: center; border: 0px}
  81. .image img {max-width: 500px; margin-bottom: 2px }
  82.  
  83. .pquote {font-family: georgia; text-align: center; font-size: 13px; line-height: 15px; padding: 3px;}
  84. .pquotesource {text-align: center; text-transform: none; margin-bottom: 5px;}
  85. .pquotesource a, a:hover{text-transform: none;}
  86.  
  87.  
  88. /** captions style (by anyhs-themes.tumblr.com) **/
  89. .tumblr_blog, .inactive-username {
  90. text-transform: uppercase;
  91. font-size: 80%;
  92. letter-spacing: .5px;
  93. margin-left: 15px;
  94. font-family: 'Roboto', sans-serif;
  95. }
  96. .text.reblog-list .reblog-caption { margin-top: -10px; }
  97.  
  98. /** Juliane Meira "o jeitinho do brasileiro" (by acumulou.tumblr.com) **/
  99.  
  100. blockquote {padding:0px; padding-left:5px; margin:5px; border-left:1px solid transparent;}
  101.  
  102. /** captions style (by anyhs-themes.tumblr.com) **/
  103.  
  104. .chat {line-height: 13px; list-style: none }
  105. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  106. .person1 {color: {color:text}; padding: 2px; }
  107. .person1 .label {font-weight: bold; color:{color:text}}
  108. .person2 {color: {color:text}; padding: 2px; }
  109. .person2 .label {font-weight: bold; color:{color:text}}
  110.  
  111. .player {background-color: #000; text-align: left; display:block;}
  112.  
  113. .question {
  114. color:{color:text};
  115. font-size: 11px;
  116. font-weight: normal;
  117. font-family: verdana;
  118. line-height:95%;
  119. background: {color:background};
  120. position: relative;
  121. min-height:70px;
  122. padding:10px 15px;
  123. margin-bottom:2px;
  124. margin-right:-10px;}
  125.  
  126. .questionarrow {
  127. font-size:30px;
  128. color:{color:background};
  129. vertical-align:middle;
  130. margin-left:-5px!important;}
  131.  
  132.  
  133. .asker {width:500px; text-align:right; text-transform:lowercase; color:{color:text};}
  134. .asker a {color:{color:text};}
  135. .asker img {float:left; margin-left:400px; vertical-align:top; margin-right:3px; max-height:15px;}
  136.  
  137. .asking {text-align:center; color:{color:text}; font:9px verdana; text-transform:none;}
  138. .asking a{color:{color:text};}
  139. .asking img {width:58px; vertical-align:middle; background-color:{color:background}; padding:3px;}
  140.  
  141. .arrow {padding-top:11px; color:{color:question background}; font-size:30px;}
  142.  
  143.  
  144. .answer {color:{color:answer};}
  145.  
  146. .credito {opacity: 0.2; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  147. .credito:hover {opacity: 0.99; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  148.  
  149. #info {text-align: left; margin-top:-4px; font-size: 10px; font-family: calibri; text-transform: uppercase; z-index: 11;}
  150. #info a {font-size: 10px; text-transform: uppercase;}
  151.  
  152. #tags {color: {color:text}; font-size: 10px; font-family: calibri; display: inline; list-style: none; text-transform: uppercase;;}
  153. #tags a {font-size: 10px; font-family: calibri; display: inline; list-style: none; text-transform: uppercase;;}
  154.  
  155. #cap {width: 500px; margin-top: -2px;}
  156. .source {display: none;}
  157.  
  158. .notes {width: 520px; padding: 0px; margin-top: 1px; margin-bottom: 1px; font-size: 9px; text-align: center}
  159. ol.notes {list-style: none; margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  160. ol.notes li {background-color: {color:post}; margin-bottom: 2px; padding: 5px; }
  161. .notes img{display: none; border:0px}
  162.  
  163. ::-webkit-scrollbar{width:5px;height:5px;}
  164. ::-webkit-scrollbar-button:start:decrement
  165. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  166. ::-webkit-scrollbar-track-piece{background-color: {color:post}; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  167. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:scrollbar};-webkit-border-radius:px;}
  168. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: {color:scrollbar};-webkit-border-radius:px;}
  169.  
  170.  
  171. #tumblr_controls{position: fixed!important}
  172. #tumblr_controls{position: fixed!important}
  173. #tumblr_controls{position: fixed!important}
  174. #tumblr_controls{position: fixed!important}
  175.  
  176.  
  177.  
  178. #barra {position: fixed; margin-top: 0px; margin-left: 200px; width: 240px; height: 865px; background: #fff;}
  179.  
  180. #manual {position: fixed; margin-top: 370px; margin-left: 190px; width: 235px; height: 100px; background: transp; font-family: georgia; font-size: 11px; text-align: center; color: {color:textsidebar};}
  181.  
  182.  
  183. #desc {margin-top: -2px; padding: 3px 2px; height: auto; width: 215px; line-height: 95%; margin-left: 18px; letter-spacing: 0px; solid {color:textsidebar}; opacity: 0.9}
  184.  
  185. .nav {margin-top:0px;margin-left: 20px; margin-bottom:1px; width:210px; text-align:center; opacity:1; padding-top:2px;}
  186. .nav a { padding:2px; text-decoration:none; font-family:calibri; text-transform:uppercase; text-align:center; margin:0px; opacity:0.6; color:{color:links}; opacity:0.95; font-size:10px; font-weight:normal; background-color:}
  187. .nav a:hover {opacity:0.7; text-decoration:underline; font-weight:bold;}
  188.  
  189.  
  190. @font-face {font-family: "pacifico";src: url(https://static.tumblr.com/ufwwwyn/Do8m4xui1/pacifico.ttf) format("truetype");}
  191.  
  192. .imagem {position: absolute; width:214px; height:259px; margin-left:205px; margin-top: 80px;position:fixed;border:7px solid {color:boderfrase}; }
  193. .imagem img {position:fixed; -webkit-transition: all 1s ease-in-out;-webkit-border-radius: 0px 0px 0px 0px; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; display: block; height:259px; width: 214px; background-color: ; padding:0px;margin-left:0px; margin-top:0px; opacity:0.8;}
  194. .imagem img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.7); opacity:0.2;-webkit-transition-duration: .59s;}
  195.  
  196.  
  197. .imagem img.top { opacity:1;}
  198. .imagem:hover img.top, .cf4.hover_effect img.top {opacity:0;}
  199.  
  200. .imagem:hover img.bottom, .cf4.hover_effect img.bottom {filter:gray}
  201.  
  202. #sside {position:fixed; margin-left: 200px; margin-top: 50px;}
  203.  
  204. .links {text-align:center; padding:4px; width:230px;}
  205. .links a {color:{color:sidetxt}; font-family:calibri; text-transform:uppercase; font-size:10px; text-decoration:none;}
  206. .links a:hover {text-decoration:underline; opacity:1;}
  207.  
  208. #frase {width:260px; height:30px; position:fixed; x;overflow:hidden; ;
  209.  
  210. -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;margin-top:16px;}
  211.  
  212. #frase { font-family:Rochester; font-style: normal;
  213.  
  214. margin-left:210px;
  215.  
  216. font-size:26px;color: {color:frase}; text-align:left; padding: 4px; line-height:32px;-webkit-transition: all 1.0s ease-out; -moz-transition: all 1.0s ease-out;
  217.  
  218. }
  219.  
  220. #pag {position: fixed; margin-left: 360px; margin-top: 500px; font-size: 25px; font-family: georgia; z-index:100; }
  221. #pag a {color:{color:textsidebar}; }
  222. #pag a:hover {color:{color:links};}
  223.  
  224. #page {position: fixed; margin-left: 310px; margin-top: 500px; font-size: 25px; font-family: georgia; z-index:100; }
  225. #page a {color:{color:textsidebar};}
  226. #page a:hover {color:{color:links};}
  227.  
  228. </style>
  229. <body>
  230.  
  231. <div id="barra"><img src="{image:sidebarfundo}" width= "240px;" height= "860px;"></div>
  232.  
  233. <div id="manual">
  234. <div id="desc">{description}</div></div>
  235. <div id="frase">{text:frase}</div>
  236.  
  237. <div id="sside">
  238. <div class="links">
  239. {block:ifLink1}<a href="{text:Link1}" class="link1">{text:Link1 Title}</a>{/block:ifLink1}
  240. {block:ifLink2}<a href="{text:Link2}" class="link2">{text:Link2 Title}</a>{/block:ifLink2}
  241. {block:ifLink3}<a href="{text:Link3}" class="link3">{text:Link3 Title}</a>{/block:ifLink3}
  242. {block:ifLink4}<a href="{text:Link4}" class="link4">{text:Link4 Title}</a>{/block:ifLink4}
  243. {block:ifLink5}<a href="{text:Link5}" class="link5">{text:Link5 Title}</a>{/block:ifLink5}
  244. {block:ifLink6}<a href="{text:Link6}" class="link6">{text:Link6 Title}</a>{/block:ifLink6}
  245. {block:ifLink7}<a href="{text:Link7}" class="link7">{text:Link7 Title}</a>{/block:ifLink7}
  246. </div></div>
  247.  
  248. <div class="imagem" class="hover">
  249. <img class="bottom shadow" src="{image:foto}"style="-webkit-filter: grayscale(100%);" >
  250. <img class="top shadow" src="{image:foto}" /></div>
  251.  
  252. <div id="pag">{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</div>
  253.  
  254. <div id="page">{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}</div></div>
  255.  
  256.  
  257. <div id="entry">
  258.  
  259. {block:Posts}
  260. <div class="posts">
  261.  
  262. <!----- text----->
  263. {block:Text}{block:Title}<div id="title2">{Title}</div>{/block:Title}
  264. {block:NotReblog}
  265. <div class="text">{Body}</div>
  266. {/block:NotReblog}
  267. {block:RebloggedFrom}
  268. <div class="text caption reblog-list">
  269. {block:Reblogs}
  270. <div class="reblog-caption {block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  271. <div class="reblog-header">
  272. {block:IsActive}
  273. <a target="_blank" href="{Permalink}" class="tumblr_blog"></a>
  274. {/block:IsActive}
  275. {block:IsDeactivated}
  276. <span class="inactive-username" title="{block:PortugueseBR}Blog desativado{/block:PortugueseBR}{block:NotPortugueseBR}Deactivated blog{/block:NotPortugueseBR}"></span>
  277. {/block:IsDeactivated}
  278. </div>
  279. <div class="reblog-content">{Body}</div>
  280. </div>
  281. {/block:Reblogs}
  282. </div>
  283. {/block:RebloggedFrom}
  284. {/block:Text}
  285. <!----- text----->
  286.  
  287. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  288.  
  289. {block:Photoset}{Photoset-500}{/block:Photoset}
  290.  
  291. {block:Quote}
  292. <div class="pquote">“{Quote}”</div>
  293. {block:Source}<div class="pquotesource"> — {Source}</div>
  294. {/block:Source}
  295. {/block:Quote}
  296.  
  297. {block:Link}
  298. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  299. {block:Description}{Description}{/block:Description}
  300. {/block:Link}
  301.  
  302. {block:Chat}
  303. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  304. <div class="chat"><ul>{block:Lines}
  305. <li class="person{UserNumber}">{block:Label}
  306. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  307. {/block:Chat}
  308.  
  309. {block:Audio}
  310. <div class="player">{AudioPlayerBlack}</div>
  311. {block:Caption}{Caption}{/block:Caption}
  312. {/block:Audio}
  313.  
  314. {block:Video}{Video-500}{/block:Video}
  315.  
  316.  
  317. {block:Answer}
  318. <table width="500px" cellspacing="0" cellpadding="0">
  319. <tr>
  320. <td width="415px" class="question">{Question}</td>
  321. <td width="30px"><span class="questionarrow">◤</span></td>
  322. <td width="64px" class="asking"><img src="{AskerPortraitURL-64}"><br>{Asker}</td>
  323. </tr>
  324. </table>
  325. <div class="answer">{Answer}</div>
  326. {/block:answer}
  327.  
  328.  
  329. <div id="cap">
  330. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  331. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  332. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  333.  
  334. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  335. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  336. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  337. {/block:ContentSource}</div></div>
  338. <br>
  339.  
  340. <div class="credito">
  341. {block:Date}<div id="info">
  342. <center> <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} · <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} · <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} · <a href="{SourceURL}">source</a>{/block:ContentSource} {block:IndexPage}· <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</center> </div>{block:IfShowTags}<center><div id="tags">{block:HasTags}{block:Tags} #<a href="{TagUrl}">{Tag}</a>{/block:Tags}{/block:HasTags}
  343. </div></center>{/block:IfShowTags}{/block:Date}</div>
  344. </div>
  345.  
  346.  
  347. {/block:Posts}
  348. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  349.  
  350.  
  351.  
  352. <div style="position: fixed; font-size:10px;
  353. font-family:calibri; bottom: 0px; left: 0px; background: '{color: background}'; padding: 2px; left: 5px; bottom: 50px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; opacity: .65; ">
  354. <a href="https://futurasuicida.tumblr.com/" target="_blank" title="Theme by futurasuicida dts intercalado ins umapequenapoeta ">FUTURASUICIDA ©</a>
  355.  
  356.  
  357.  
  358.  
  359. </div>
  360. </div>
  361. </div>
  362. </div>
  363.  
  364. </body>
  365. </html>
Add Comment
Please, Sign In to add comment