FuturaSuicida

Theme Futura Suicida 60.1 2 colunas

Oct 21st, 2012 (edited)
6,296
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.86 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="#eee" />
  9. <meta name="color:link" content="#000" />
  10. <meta name="color:text" content="#000" />
  11. <meta name="color:entry" content="#fff" />
  12. <meta name="color:scrollbar" content="#000" />
  13. <meta name="color:frase" content="#666666" />
  14. <meta name="color:textsidebar" content="#fff" />
  15. <meta name="color:sidetxt" content="#ffffff" />
  16. <meta name="color:boderfrase" content="#ffffff" />
  17.  
  18. <meta name="image:background" content=""/>
  19. <meta name="image:foto" content="https://static.tumblr.com/f7alngw/tZtmc9g90/am_01.jpg" />
  20. <meta name="image:sidebarfundo" content=""/>
  21. <meta name="text:frase" content="Ei mo... just stay with me ." />
  22.  
  23. <meta name="text:Link1" content="/" />
  24. <meta name="text:Link1 Title" content="refresh," />
  25. <meta name="text:Link2" content="/" />
  26. <meta name="text:Link2 Title" content="link" />
  27. <meta name="text:Link3" content="/" />
  28. <meta name="text:Link3 Title" content="link" />
  29. <meta name="text:Link4" content="/" />
  30. <meta name="text:Link4 Title" content="link" />
  31. <meta name="text:Link5" content="/" />
  32. <meta name="text:Link5 Title" content="link" />
  33. <meta name="text:Link6" content="/" />
  34. <meta name="text:Link6 Title" content="link" />
  35. <meta name="text:Link7" content="/" />
  36. <meta name="text:Link7 Title" content="link" />
  37.  
  38.  
  39.  
  40.  
  41.  
  42. <title>{Title}</title>
  43. <link rel="shortcut icon" href="{Favicon}">
  44. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  45. {block:Description}
  46. <meta name="description" content="{MetaDescription}" />{/block:Description}
  47.  
  48. <style type="text/css">
  49.  
  50.  
  51. 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; }
  52.  
  53. a:link, a:active, a:visited{ color: {color:text}; text-decoration:none; -webkit-transition-duration: 0.4s; }
  54.  
  55. a:hover{color:{color:linkh};}
  56.  
  57. 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}
  58.  
  59.  
  60.  
  61.  
  62.  
  63.  
  64. #container {background-color: ; width: 1000px; margin: 0 auto 4px auto; background: {color:background}}
  65.  
  66. #entries {margin-left: 400px; width: 700px; margin-top: 5px}
  67.  
  68. .entry {{block:IndexPage}border-top:0px solid {color:text}; width: 280px; background-color:{color:entry} ; text-align: justify; padding: 9px; float: left; margin: 2px 0 0 2px; {/block:IndexPage}{block:PermalinkPage} padding:10px; width:540px; margin-top: 5px; height:auto; background-color: {color:entry}; text-align: left; margin-left:7px;
  69. {/block:PermalinkPage}}
  70.  
  71. .entry img {width: 270px; padding: 2px; border: 1px solid {Color:background}}
  72.  
  73. #title2 {font-size: 13px; font-family: Cambria; letter-spacing: 0px; line-height: 13px; text-transform: none;text-align: center; font-style: none; margin-top: 6px; margin-bottom: 8px}
  74.  
  75. #title2 a{background: {color:linkhover}; padding: 4px; color: #fff;}
  76.  
  77.  
  78. #title {font-size: 13px; font-family: Cambria; letter-spacing: 0px; line-height: 13px; text-transform: none;text-align: center; font-style: none; margin-top: 6px; margin-bottom: 8px}
  79.  
  80. #title a{background: {color:linkhover}; padding: 4px; color: #fff; margin-bottom: 5px}
  81.  
  82. @font-face { font-family: "tinytots";src: url('https://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  83.  
  84.  
  85.  
  86.  
  87.  
  88. .xquote { text-align: center; font-size: 11px; font-family: georgia; line-height: 15px; padding: 3px;margin-left: 02px;margin-bottom:5px;padding-top:5px;}
  89. .xquotesource {text-align: center; text-transform: none; margin-bottom: 5px; font-size: 09px; font-weight: bold;font-size: 9px; font-family: verdana;}
  90. .xquotesource a, a:hover{text-transform: none;}
  91.  
  92.  
  93. /** captions style (by anyhs-themes.tumblr.com) **/
  94. .tumblr_blog, .inactive-username {
  95. text-transform: uppercase;
  96. font-size: 80%;
  97. letter-spacing: .5px;
  98. margin-left: 15px;
  99. font-family: 'Roboto', sans-serif;
  100. }
  101. .text.reblog-list .reblog-caption { margin-top: -10px; }
  102.  
  103. /** Juliane Meira "o jeitinho do brasileiro" (by acumulou.tumblr.com) **/
  104.  
  105. blockquote {padding:0px; padding-left:5px; margin:5px; border-left:1px solid transparent;}
  106.  
  107. /** captions style (by anyhs-themes.tumblr.com) **/
  108.  
  109. /* notes by joshdevines*/
  110. .notes img{width:10px; position:relative; top:1px}
  111. ol.notes, .notes li{width:280px; list-style:none; margin:0px 0 -1px 5px; padding:0px}
  112.  
  113.  
  114. .question1 {
  115. color:{color:text};
  116. font-size: 12px;
  117. font-family: cambria;
  118. text-align:left;
  119. font-weight: normal;
  120. line-height:95%;
  121. background: {color:background};
  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:background};
  131. vertical-align:middle;
  132. margin-left:-5px!important;}
  133.  
  134.  
  135. .asker {width:250px; text-align:right; text-transform:lowercase; color:{color:text};}
  136. .asker a {color:{color:text};}
  137. .asker img {float:left; margin-left:238px; vertical-align:top; margin-right:3px; max-height:15px;}
  138.  
  139. .asking {text-align:center; color:{color:text}; font:9px calibri; text-transform:none;}
  140. .asking a{color:{color:text};}
  141. .asking img {width:58px; vertical-align:middle; background-color:{color:background}; padding:3px;}
  142.  
  143.  
  144. .question {color: {color:PostFont}; text-align: center; background-color: #ff; margin-bottom: -10px; }
  145.  
  146. /* chat by joshdevines*/
  147. .user_1 .label {color:{color:link}; font-weight:bold; background-color:#fcf7b5; text-transform: italic}
  148. .user_2 .label {color:{color:text}; font-weight:bold; background-color:#f7f7f7; text-transform: italic}
  149. .user_3 .label {color:{color:link}; font-weight:bold}
  150. .user_4 .label {color:{color:text}; font-weight:bold}
  151. .user_5 .label {color:{color:link}; font-weight:bold}
  152. .user_6 .label {color:{color:text}; font-weight:bold}
  153. ul.chat, .chat ol, .chat li {list-style:none; margin-left: -20px; margin-top: 3px}
  154.  
  155. .cred {opacity: 0.2; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  156. .cred:hover {opacity: 0.99; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  157.  
  158. #info {text-align: left; margin-top:5px; font-size: 10px; font-family: calibri; text-transform: uppercase; z-index: 11;}
  159. #info a {font-size: 10px; text-transform: uppercase;}
  160.  
  161. #tags {color: {color:text}; font-size: 10px; font-family: calibri; display: inline; list-style: none; text-transform: uppercase;;}
  162. #tags a {font-size: 10px; font-family: calibri; display: inline; list-style: none; text-transform: uppercase;;}
  163.  
  164. #cap {width: 500px; margin-top: -2px;}
  165. .source {display: none;}
  166.  
  167. .notes {width: 520px; padding: 0px; margin-top: 1px; margin-bottom: 1px; font-size: 9px; text-align: center}
  168. ol.notes {list-style: none; margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  169. ol.notes li {background-color: {color:post}; margin-bottom: 2px; padding: 5px; }
  170. .notes img{display: none; border:0px}
  171.  
  172. #damon {position: fixed; margin: 0px 0px 0px -492px;}
  173.  
  174.  
  175.  
  176.  
  177.  
  178. #tumblr_controls{position: fixed!important}
  179. #tumblr_controls{position: fixed!important}
  180. #tumblr_controls{position: fixed!important}
  181. #tumblr_controls{position: fixed!important}
  182.  
  183. ::-webkit-scrollbar{width:6px;height:5px;}
  184. ::-webkit-scrollbar-button:start:decrement
  185. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  186. ::-webkit-scrollbar-track-piece{background-color: {color:background}; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  187. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:scrollbar};-webkit-border-radius:px;}
  188. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: {color:scrollbar};-webkit-border-radius:px;}
  189.  
  190.  
  191.  
  192. #barra {position: fixed; margin-top: 0px; margin-left: 150px; width: 240px; height: 865px; background: #fff;}
  193.  
  194. #manual {position: fixed; margin-top: 370px; margin-left: 140px; width: 235px; height: 100px; background: transp; font-family: georgia; font-size: 11px; text-align: center; color: {color:textsidebar};}
  195.  
  196.  
  197. #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}
  198.  
  199. .nav {margin-top:0px;margin-left: 20px; margin-bottom:1px; width:210px; text-align:center; opacity:1; padding-top:2px;}
  200. .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:}
  201. .nav a:hover {opacity:0.7; text-decoration:underline; font-weight:bold;}
  202.  
  203.  
  204. @font-face {font-family: "pacifico";src: url(https://static.tumblr.com/ufwwwyn/Do8m4xui1/pacifico.ttf) format("truetype");}
  205.  
  206. .imagem {position: absolute; width:214px; height:259px; margin-left:155px; margin-top: 80px;position:fixed;border:7px solid {color:boderfrase}; }
  207. .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;}
  208. .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;}
  209.  
  210.  
  211. .imagem img.top { opacity:1;}
  212. .imagem:hover img.top, .cf4.hover_effect img.top {opacity:0;}
  213.  
  214. .imagem:hover img.bottom, .cf4.hover_effect img.bottom {filter:gray}
  215.  
  216. #sside {position:fixed; margin-left: 150px; margin-top: 50px;}
  217.  
  218. .links {text-align:center; padding:4px; width:230px;}
  219. .links a {color:{color:sidetxt}; font-family:calibri; text-transform:uppercase; font-size:10px; text-decoration:none;}
  220. .links a:hover {text-decoration:underline; opacity:1;}
  221.  
  222. #frase {width:260px; height:30px; position:fixed; x;overflow:hidden; ;
  223.  
  224. -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;margin-top:16px;}
  225.  
  226. #frase { font-family:Rochester; font-style: normal;
  227.  
  228. margin-left:155px;
  229.  
  230. 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;
  231.  
  232. }
  233.  
  234. #pag {position: fixed; margin-left: 260px; margin-top: 500px; font-size: 25px; font-family: georgia; z-index:100; }
  235. #pag a {color:{color:textsidebar}; }
  236. #pag a:hover {color:{color:links};}
  237.  
  238. #page {position: fixed; margin-left: 210px; margin-top: 500px; font-size: 25px; font-family: georgia; z-index:100; }
  239. #page a {color:{color:textsidebar};}
  240. #page a:hover {color:{color:links};}
  241.  
  242. </style>
  243.  
  244.  
  245. </style>
  246. <script type='text/javascript' src='https://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>
  247.  
  248. <script src="https://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  249. <script src="https://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  250. <script type="text/javascript">
  251. $(window).load(function () {
  252. $('#entries').masonry(),
  253. $('.masonryWrap').infinitescroll({
  254. navSelector : ".entry",
  255. nextSelector : "#page a#p",
  256. itemSelector : ".entry",
  257. bufferPx : 10000,
  258. extraScrollPx: 10000,
  259. loadingImg : "",
  260. loadingText : "",
  261. },
  262. function() { $('#entries').masonry({ appendedContent: $(this) }); }
  263. );
  264. });
  265. </script>
  266.  
  267.  
  268. <body>
  269.  
  270. <div id="barra"><img src="{image:sidebarfundo}" width= "240px;" height= "860px;"></div>
  271.  
  272. <div id="manual">
  273. <div id="desc">{description}</div></div>
  274. <div id="frase">{text:frase}</div>
  275.  
  276. <div id="sside">
  277. <div class="links">
  278. {block:ifLink1}<a href="{text:Link1}" class="link1">{text:Link1 Title}</a>{/block:ifLink1}
  279. {block:ifLink2}<a href="{text:Link2}" class="link2">{text:Link2 Title}</a>{/block:ifLink2}
  280. {block:ifLink3}<a href="{text:Link3}" class="link3">{text:Link3 Title}</a>{/block:ifLink3}
  281. {block:ifLink4}<a href="{text:Link4}" class="link4">{text:Link4 Title}</a>{/block:ifLink4}
  282. {block:ifLink5}<a href="{text:Link5}" class="link5">{text:Link5 Title}</a>{/block:ifLink5}
  283. {block:ifLink6}<a href="{text:Link6}" class="link6">{text:Link6 Title}</a>{/block:ifLink6}
  284. {block:ifLink7}<a href="{text:Link7}" class="link7">{text:Link7 Title}</a>{/block:ifLink7}
  285. </div></div>
  286.  
  287. <div class="imagem" class="hover">
  288. <img class="bottom shadow" src="{image:foto}"style="-webkit-filter: grayscale(100%);" >
  289. <img class="top shadow" src="{image:foto}" /></div>
  290.  
  291. <div id="pag">{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</div>
  292.  
  293. <div id="page">{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}</div></div>
  294.  
  295.  
  296. <body>
  297.  
  298.  
  299.  
  300. </div>
  301. </div>
  302.  
  303. <div id="entries">
  304.  
  305. {block:Posts}
  306. <div class="entry">
  307.  
  308. {block:Answer}
  309. <table width="240px" cellspacing="0" cellpadding="0">
  310. <tr>
  311. <td width="100px" class="question1">{Question}</td>
  312. <td width="30px"><span class="questionarrow">◤</span></td>
  313. <td width="1px" class="asking"><img src="{AskerPortraitURL-64}"><br>{Asker}</td>
  314. </tr>
  315. </table>
  316. <div class="answer">{Answer}</div>
  317. {/block:answer}
  318.  
  319.  
  320.  
  321. <!----- text----->
  322. {block:Text}{block:Title}<div id="title2">{Title}</div>{/block:Title}
  323. {block:NotReblog}
  324. <div class="text">{Body}</div>
  325. {/block:NotReblog}
  326. {block:RebloggedFrom}
  327. <div class="text caption reblog-list">
  328. {block:Reblogs}
  329. <div class="reblog-caption {block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  330. <div class="reblog-header">
  331. {block:IsActive}
  332. <a target="_blank" href="{Permalink}" class="tumblr_blog"></a>
  333. {/block:IsActive}
  334. {block:IsDeactivated}
  335. <span class="inactive-username" title="{block:PortugueseBR}Blog desativado{/block:PortugueseBR}{block:NotPortugueseBR}Deactivated blog{/block:NotPortugueseBR}"></span>
  336. {/block:IsDeactivated}
  337. </div>
  338. <div class="reblog-content">{Body}</div>
  339. </div>
  340. {/block:Reblogs}
  341. </div>
  342. {/block:RebloggedFrom}
  343. {/block:Text}
  344. <!----- text----->
  345.  
  346. {block:Photo}<center><img src="{PhotoURL-400}" width="400px"/></center>
  347. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  348.  
  349.  
  350. {block:Photoset}<center>{Photoset-250}</center>
  351. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  352.  
  353. <div class="xquote">{Quote}</div>
  354. {block:Source}<div class="xquotesource"> <font color="{color:tags}">~ </font><b>{Source}</b></div>
  355. {/block:Source}
  356. {/block:Quote}
  357.  
  358.  
  359. {block:Link}
  360. <a href="{URL}" id="title" {Target}><div id="title">{Name}</div></a>{block:Description}{Description}{/block:Description}
  361. {/block:Link}
  362.  
  363. {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}
  364.  
  365. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  366.  
  367. {block:Audio}<center>{AudioPlayerWhite}</center>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  368.  
  369. <div class="cred">
  370. {block:Date}<div id="info">
  371. <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}
  372. </div></center>{/block:IfShowTags}{/block:Date}</div>
  373. </div>
  374.  
  375. {/block:Posts}
  376. {block:PostNotes}{PostNotes}{/block:PostNotes}
  377. </div></div>
  378.  
  379. <div style="position: fixed; font-size:10px;
  380. 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; ">
  381. <a href="https://futurasuicida.tumblr.com/" target="_blank" title="Theme by futurasuicida dts intercalado ins umapequenapoeta ">FUTURASUICIDA ©</a>
  382.  
  383. </body>
  384. </head>
  385. </html>
Add Comment
Please, Sign In to add comment