FuturaSuicida

Theme Futura Suicida 107

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