FuturaSuicida

Theme Futura Suicida 110

May 14th, 2013 (edited)
5,629
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.25 KB | None | 0 0
  1. <!-------------------------------------------------------------------------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.
  2. <!---------------------------------------------------------->
  3.  
  4. <head>
  5. <link href='https://fonts.googleapis.com/css?family=Ubuntu+Mono' rel='stylesheet' type='text/css'>
  6.  
  7. <link href='https://fonts.googleapis.com/css?family=Vibur' rel='stylesheet' type='text/css'>
  8.  
  9.  
  10. <meta name="color:background" content="#2c2c2c" />
  11. <meta name="color:ask" content="#0a0a0a" />
  12. <meta name="color:text" content="#FFFFFF" />
  13. <meta name="color:entry" content="#000000" />
  14. <meta name="color:scrollbar" content="#FFFFFF" />
  15. <meta name="color:borda" content="#000000" />
  16. <meta name="color:links" content="#ffffff" />
  17. <meta name="color:linkh" content="#ffffff" />
  18. <meta name="color:frase" content="#FFFFFF" />
  19. <meta name="color:textdesc" content="#FFFFFF" />
  20.  
  21. <meta name="text:titulo" content="We can stay forever young." />
  22. <meta name="if:one columns" content="1"/>
  23. <meta name="image:background" content=""/>
  24. <meta name="image:sidebar" content="https://static.tumblr.com/34d675c70907181cfc20ae9b85d08e87/l3gbi5c/0Nwmmsyye/tumblr_static_tumblr_m668plrdsa1qdyomao1_500.jpg"/>
  25.  
  26. <meta name="text:Link1" content="/" />
  27. <meta name="text:Link1 Title" content="link1" />
  28. <meta name="text:Link2" content="/" />
  29. <meta name="text:Link2 Title" content="link2" />
  30. <meta name="text:Link3" content="/" />
  31. <meta name="text:Link3 Title" content="link3" />
  32. <meta name="text:Link4" content="/" />
  33. <meta name="text:Link4 Title" content="link4" />
  34. <meta name="text:Link5" content="/" />
  35. <meta name="text:Link5 Title" content="link5" />
  36. <meta name="text:Link6" content="/" />
  37. <meta name="text:Link6 Title" content="link6" />
  38.  
  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}" />{/block:Description}
  45.  
  46. <style type="text/css">
  47.  
  48.  
  49. body {color:{color:text}; opacity:1; background-color:{color:background}; background-image: url('{image:Background}'); background-attachment:fixed; font-family:calibri; font-size:11px; line-height:100%; text-align:justify; text-transform: none;text-align: center; font-style: none; }
  50.  
  51. a:link, a:active, a:visited{ color: {color:text}; text-decoration:none; -webkit-transition-duration: 0.4s; }
  52.  
  53. a:hover{color:{color:linkh};}
  54.  
  55. 58px; margin-left: 553px; position: fixed; text-transform:uppercase; letter-spacing:1px; z-index:1; opacity:1; border-top: 2px solid #eee; border-bottom: 0px solid #eee}
  56.  
  57. #container {background-color: ; width: 1000px; margin: 0 auto 4px auto; background: {color:background}}
  58.  
  59. #entries {margin-left: 420px; width: 800px; margin-top: 5px}
  60.  
  61. .entry {border:; width: 300px; background-color:{color:entry} ; text-align: justify; padding: 6px; float: left; margin: 2px 0 0 2px;opacity:2; {block:PermalinkPage}width:500px {/block:PermalinkPage};{block:IfOneColumns}width:500px;{/block:IfOneColumns} border:5px double {color:background}; }
  62.  
  63. .entry:hover {opacity:2}
  64.  
  65. .entry img {max-width: 246px; padding: 2px; opacity:2; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;{block:IfOneColumns}max-width: 500px;{/block:IfOneColumns};opacity:0.9; }
  66.  
  67. #title2 {font-size: 16px; font-family: Georgia; letter-spacing: 0px; line-height: 13px; text-transform: none;text-align: center; font-style: none; margin-top: 6px; margin-bottom: 8px}
  68.  
  69. #title2 a{background: {color:linkhover}; padding: 4px; color: #fff;}
  70.  
  71.  
  72. #title {font-size: 16px; font-family: Georgia;letter-spacing: 0px; line-height: 10px; text-transform: none;text-align: center; font-style: none; margin-top: 6px; margin-bottom: 12px}
  73.  
  74. #title a{background: {color:linkhover}; padding: 4px; color: #fff; margin-bottom: 5px}
  75.  
  76. @font-face { font-family: "tinytots";src: url('https://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  77.  
  78. /* QUOTE cerejadosundae */
  79.  
  80. .quote:first-letter{font-family: Rochester; font-style:italic; font-size: 21px;}
  81. .quote {margin: 0; padding: 5px; font: normal 11px 'georgia'; text-align: justify;}
  82. .pquotesource {text-align: center; text-transform: none; margin-bottom: 5px;}
  83. .pquotesource a, a:hover{text-transform: none;}
  84.  
  85. @font-face {
  86. font-family: 'Rochester';
  87. font-style: normal;
  88. font-weight: 400;
  89. src: local('Rochester'), local('Rochester-Regular'), url(https://themes.googleusercontent.com/static/fonts/rochester/v3/nE50b4-SbQ54pks-8vOplz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
  90. }
  91.  
  92. /** captions style (by anyhs-themes.tumblr.com) **/
  93. .tumblr_blog, .inactive-username {
  94. text-transform: uppercase;
  95. font-size: 80%;
  96. letter-spacing: .5px;
  97. margin-left: 15px;
  98. font-family: 'Roboto', sans-serif;
  99. }
  100. .text.reblog-list .reblog-caption { margin-top: -10px; }
  101.  
  102. /** Juliane Meira "o jeitinho do brasileiro" (by acumulou.tumblr.com) **/
  103.  
  104. blockquote {padding:0px; padding-left:5px; margin:5px; border-left:1px solid {color:entry}}
  105.  
  106. /** captions style (by anyhs-themes.tumblr.com) **/
  107.  
  108.  
  109.  
  110. /* notes by joshdevines*/
  111. .notes img{width:10px; position:relative; top:1px}
  112. ol.notes, .notes li{width:280px; list-style:none; margin:0px 0 -1px 5px; padding:0px}
  113.  
  114.  
  115. .question {
  116. color:{color:text};
  117. font-size: 11px;
  118. font-weight: normal;
  119. font-family: verdana;
  120. line-height:95%;
  121. background: {color:ask};
  122. position: relative;
  123. min-height:70px;
  124. padding:10px 15px;
  125. margin-bottom:2px;
  126. margin-right:-10px;}
  127.  
  128. .questionarrow {
  129. font-size:30px;
  130. color:{color:ask};
  131. vertical-align:middle;
  132. margin-left:-5px!important;}
  133.  
  134.  
  135. .asker {width:500px; text-align:right; text-transform:lowercase; color:{color:text};}
  136. .asker a {color:{color:text};}
  137. .asker img {float:left; margin-left:400px; vertical-align:top; margin-right:3px; max-height:15px;}
  138.  
  139. .asking {text-align:center; color:{color:text}; font:9px verdana; text-transform:none;}
  140. .asking a{color:{color:text};}
  141. .asking img {width:58px; vertical-align:middle; background-color:{color:background}; border-radius:5px; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; -webkit-border-radius: 3px 3px 3px 3px;}
  142. .asking img:hover {border-radius:32px;}
  143.  
  144. .arrow {padding-top:11px; color:{color:question background}; font-size:30px;}
  145.  
  146.  
  147. .answer {color:{color:answer};}
  148.  
  149.  
  150. /* chat by joshdevines*/
  151. .user_1 .label {color:{color:text}; font-weight:bold; background-color:{color:entry}; text-transform: italic}
  152. .user_2 .label {color:{color:text}; font-weight:bold; background-color:{color:entry}; text-transform: italic}
  153. .user_3 .label {color:{color:text}; font-weight:bold}
  154. .user_4 .label {color:{color:text}; font-weight:bold}
  155. .user_5 .label {color:{color:text}; font-weight:bold}
  156. .user_6 .label {color:{color:text}; font-weight:bold}
  157. ul.chat, .chat ol, .chat li {list-style:none; margin-left: -20px; margin-top: 3px}
  158.  
  159. .cred {opacity: 0.2; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  160. .cred:hover {opacity: 0.99; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  161.  
  162. #info {text-align: left; margin-top:5px; font-size: 10px; font-family: calibri; text-transform: uppercase; z-index: 11;}
  163. #info a {font-size: 10px; text-transform: uppercase;}
  164.  
  165. #tags {color: {color:text}; font-size: 10px; font-family: calibri; display: inline; list-style: none; text-transform: uppercase;;}
  166. #tags a {font-size: 10px; font-family: calibri; display: inline; list-style: none; text-transform: uppercase;;}
  167.  
  168. #cap {width: 500px; margin-top: -2px; }
  169. .source {display: none;}
  170.  
  171. .notes {width: 520px; padding: 0px; margin-top: 1px; margin-bottom: 1px; font-size: 9px; text-align: center}
  172. ol.notes {list-style: none; margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  173. ol.notes li {background-color: {color:post}; margin-bottom: 2px; padding: 5px; }
  174. .notes img{display: none; border:0px}
  175.  
  176. #damon {position: fixed; margin: 0px 0px 0px -492px;}
  177.  
  178.  
  179. .imagem {position: absolute; width:230px; height:240px; margin-left:100px; margin-top: 120px;position:fixed;border:5px solid {color:borda};}
  180. .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; width:230px; height:240px; background-color: {color:none}; -webkit-transition-duration: .99s;}
  181. .imagem:hover img{-webkit-transition-duration: .59s; box-shadow: inset 0 0 0 900px rgba(25,28,25,0.2), 0 0px 0px rgba(0,0,0,0.2);}
  182. .imagem img.top { opacity:1;}
  183. .imagem:hover img.top, .cf4.hover_effect img.top {opacity:0.5;}
  184.  
  185. .imagem:hover img.bottom, .cf4.hover_effect img.bottom {filter:gray}
  186.  
  187. #links {z-index:999999999999999;position: fixed; width:0px; margin-left:283px; margin-top:255px; padding: 0px; text-align: right;}
  188.  
  189. #links a {float: left; display: block; letter-spacing:0px; font-size:11px; font-family:calibri; text-align: right; margin-right: 1px; margin-bottom:2px; width: 44px;height:16px; color:{color:links}; text-decoration: none; line-height:16px; ;}
  190. #links a:hover { -webkit-transition: all 0.9s ease-out;opacity:0.8; color:{color:linksh}; font-weight:bold;}
  191.  
  192. #desc {position:fixed; width: 228px; height: 60px;;font-size: 10px; font-family: Ubuntu Mono; padding: 6px;text-align: center; color: {color:textdesc}; background:;margin-top: 370px; margin-left:100px; overflow:hidden;}
  193.  
  194. .fs {text-align: center;font-family:Vibur; font-size: 18px; font-style: none;height: 30px;color: {color:frase};background:transparent; margin-left:100px;margin-top:105px; text-transform: none; letter-spacing: 1px;position:fixed;width:240px;line-height:12px;}
  195.  
  196. #pagination{
  197. margin-top:480px;
  198. margin-left:250px;
  199. background-color: transparent;
  200. float:center;
  201. width:170px;
  202. height:auto;
  203. z-index:501;
  204. position:fixed;
  205. }
  206. .page {
  207. padding: 2px;
  208. z-index:502;
  209. letter-spacing:0px;
  210. text-align: center;
  211. font:21px calibri;
  212. color: {color:textdesc};
  213. }
  214. .page a, {
  215. text-align: center;
  216. color: {color:textdesc};
  217. background-color:transparent;
  218. }
  219.  
  220. #tumblr_controls{position: fixed!important}
  221. #tumblr_controls{position: fixed!important}
  222. #tumblr_controls{position: fixed!important}
  223.  
  224. ::-webkit-scrollbar{width:7px;height:6px;}
  225. ::-webkit-scrollbar-button:start:decrement
  226. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  227. ::-webkit-scrollbar-track-piece{background-color: {color:background}; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  228. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:scrollbar};-webkit-border-radius:10px;}
  229. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: {color:scrollbar};-webkit-border-radius:10px;}
  230.  
  231.  
  232.  
  233. </style>
  234.  
  235. </style>
  236. <script type='text/javascript' src='https://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>
  237.  
  238. <script src="https://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  239. <script src="https://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  240. <script type="text/javascript">
  241. $(window).load(function () {
  242. $('#entries').masonry(),
  243. $('.masonryWrap').infinitescroll({
  244. navSelector : ".entry",
  245. nextSelector : "#page a#p",
  246. itemSelector : ".entry",
  247. bufferPx : 10000,
  248. extraScrollPx: 10000,
  249. loadingImg : "",
  250. loadingText : "",
  251. },
  252. function() { $('#entries').masonry({ appendedContent: $(this) }); }
  253. );
  254. });
  255. </script>
  256.  
  257.  
  258. <body>
  259.  
  260. <div class="imagem" class="hover">
  261. <img class="bottom shadow" src="{image:sidebar}"style="-webkit-filter: grayscale(90%);" >
  262. <img class="top shadow" src="{image:sidebar}" />
  263. </div></div></div>
  264.  
  265. <div id="links">
  266. <a href="{text:Link1}">{text:Link1 Title}</a>
  267. <a href="{text:Link2}">{text:Link2 Title}</a>
  268. <a href="{text:Link3}">{text:Link3 Title}</a>
  269. <a href="{text:Link4}">{text:Link4 Title}</a>
  270. <a href="{text:Link5}">{text:Link5 Title}</a>
  271. <a href="{text:Link6}">{text:Link6 Title}</a>
  272. </div>
  273.  
  274. <div id="desc">{description}</div>
  275.  
  276. <div class="fs">{text:titulo}
  277. </div></div>
  278.  
  279. <div id="pagination">
  280. <div class="page">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a> {/block:PreviousPage}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}</div></div>
  281.  
  282. <div id="entries">
  283.  
  284.  
  285. {block:Posts}
  286. <div class="entry">
  287.  
  288. {block:Answer}
  289. <table width="{block:IfOneColumns}500px{/block:IfOneColumns}300px" cellspacing="0" cellpadding="0">
  290. <tr>
  291. <td width="{block:IfOneColumns}500px{/block:IfOneColumns}300pxx" class="question">{Question}</td>
  292. <td width="30px"><span class="questionarrow">?</span></td>
  293. <td width="1px" class="asking"><img src="{AskerPortraitURL-64}"><br>{Asker}</td>
  294. </tr>
  295. </table>
  296. <div class="answer">{Answer}</div>
  297. {/block:answer}
  298.  
  299. <!----- text----->
  300. {block:Text}{block:Title}<div id="title2">{Title}</div>{/block:Title}
  301. {block:NotReblog}
  302. <div class="text">{Body}</div>
  303. {/block:NotReblog}
  304. {block:RebloggedFrom}
  305. <div class="text caption reblog-list">
  306. {block:Reblogs}
  307. <div class="reblog-caption {block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  308. <div class="reblog-header">
  309. {block:IsActive}
  310. <a target="_blank" href="{Permalink}" class="tumblr_blog"></a>
  311. {/block:IsActive}
  312. {block:IsDeactivated}
  313. <span class="inactive-username" title="{block:PortugueseBR}Blog desativado{/block:PortugueseBR}{block:NotPortugueseBR}Deactivated blog{/block:NotPortugueseBR}"></span>
  314. {/block:IsDeactivated}
  315. </div>
  316. <div class="reblog-content">{Body}</div>
  317. </div>
  318. {/block:Reblogs}
  319. </div>
  320. {/block:RebloggedFrom}
  321. {/block:Text}
  322. <!----- text----->
  323.  
  324. {block:Photo}<center><img src="{PhotoURL-500}" width="500px"/></center>
  325. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  326.  
  327.  
  328. {block:Photoset}<center>{Photoset-250}</center>
  329. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  330.  
  331.  
  332. {block:Quote}
  333. <div class="quote"><center>{Quote}</center></div>
  334. {block:Source}<div class="pquotesource"> — {Source}</div>
  335. {/block:Source}
  336. {/block:Quote}
  337.  
  338.  
  339. {block:Link}
  340. <a href="{URL}" id="title" {Target}><div id="title">{Name}</div></a>{block:Description}{Description}{/block:Description}
  341. {/block:Link}
  342.  
  343. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  344.  
  345. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  346.  
  347. {block:Audio}<center>{AudioPlayerWhite}</center>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  348.  
  349.  
  350. <div class="cred">
  351. {block:Date}<div id="info">
  352. <center> <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} <font color="{color:tags}">· </font> <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} <font color="{color:tags}">· </font> <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource}<font color="{color:tags}">· </font> <a href="{SourceURL}">source</a>{/block:ContentSource} {block:IndexPage}<font color="{color:tags}">· </font> <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}<center> <div id="tags">{block:HasTags}{block:Tags} #<a href="{TagUrl}">{Tag}</a>{/block:Tags}{/block:HasTags}{/block:Date}</div>
  353. </div></center>{/block:IfShowTags}{/block:Date}</div>
  354. </div>
  355.  
  356. {/block:Posts}
  357. {block:PostNotes}{PostNotes}{/block:PostNotes}
  358. </div></div>
  359.  
  360.  
  361. <div style="position: fixed; font-size:10px;
  362. 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;">
  363. <a href="https://futurasuicida.tumblr.com/" target="_blank" title="Theme by futurasuicida | Originally not copy. ™ ">FUTURASUICIDA ©</a>
  364.  
  365. </body>
  366. </head>
  367. </html>
Add Comment
Please, Sign In to add comment