API tools faq
paste
FuturaSuicida

Theme Futura Suicida 125 - Theme de Themes

FuturaSuicida
Jul 26th, 2013 (edited)
3,042
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.53 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!-- DEFAULT VARIABLES -->
  3.  
  4.  
  5. <link href='https://fonts.googleapis.com/css?family=Bilbo+Swash+Caps' rel='stylesheet' type='text/css'>
  6.  
  7.  
  8. <title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}
  12. <meta name="description" content="{MetaDescription}" />{/block:Description}
  13.  
  14. <style type="text/css">
  15.  
  16.  
  17.  
  18.  
  19. body {background-color:#2c2c2c; color:; font-family: ; font-size: 9px; background-repeat:repeat; background-position: right; text-align: center; margin:0; padding:0; background-image:url(''); background-attachment: fixed}
  20.  
  21. a {color: #D3D3D3; text-decoration: none; text-transform: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
  22.  
  23.  
  24. a:hover {color: #696969; background-color: transparent; text-decoration: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
  25.  
  26.  
  27.  
  28. h1 {font-family: verdana; font-size: 12px; color: #BEBEBE; background-color: #696969; padding: 4px 4px 9px 4px; margin: 0px; text-transform: uppercase; line-height: 30px; text-align: center; font-weight: normal;}
  29.  
  30.  
  31.  
  32. #barragigante {height: 220px; width: 1020px; position: fixed; float: left; top: 330px; left: 180px;
  33. background: #000; -webkit-border-radius: 0px 0px 0px 0px; box-shadow: 2px 2px 100px #000000; border-bottom:4px double #64012b;}
  34.  
  35.  
  36. #imagem {width: 200px;height: 210px; left: 950px;top: 130px; background-color:#000000; position: fixed; float: left; border: 15px solid #000;-webkit-border-radius: 0px 0px 0px 0px}
  37.  
  38. #imagem img{width: 220px;height: 385px;-webkit-border-radius: 0px 0px 0px 0px}
  39.  
  40.  
  41. .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:196px; width: 294px; background-color: #000; padding:0px; border:3px solid #000;margin-left:0px; margin-top:8px;}
  42. .imagem:hover #haha3 #ha {margin-top:-50px; opacity:0.9; -webkit-transition: 0.9s ease-in;
  43. -moz-transition: 0.9s ease-in; transition: 0.9s ease-in; }
  44.  
  45.  
  46. .imagem img.top { opacity:1;}
  47. .imagem:hover img.top, .cf4.hover_effect img.top {opacity:0.5;}
  48.  
  49. .imagem:hover img.bottom, .cf4.hover_effect img.bottom {filter:gray}
  50.  
  51.  
  52. .over{margin-top: 20px; margin-left:0px;text-align: center; background-color:#000; width:160px; height: 150px; padding: 5px; margin-bottom: 5px;}
  53.  
  54.  
  55. .l1 {width: 300px; margin-left:0px; margin-top:3px; padding: 0px; text-align: center;}
  56.  
  57. .l1 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: 19px; width: 80px; color:#FFF; line-height:2; text-transform: uppercase;-webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; font-style: normal; background-color:#000; }
  58.  
  59.  
  60. .l1 a:hover{ background-color: #fff; color: #000;}
  61.  
  62. #sidebarr {margin-left: 500px; margin-top: 133px; margin-left: 180px;width: 800px; float: center; background-color: #000; padding: 0px; overflow: auto;-webkit-border-radius: 0px 0px 0px 0px; box-shadow: 2px 2px 100px #000000;}
  63.  
  64. #cree {width: 120px; height: 10px; left: 640px; top: 150px; background-color: #trans;
  65.  
  66. color: #fff; position: fixed; float: left; font-size: 8px; text-align: center;
  67.  
  68. padding: 5px; font-family: tinytots; text-transform: uppercase; box-shadow: 2px 2px 20px #000000;}
  69.  
  70. .cree a {font-family: calibri; font-size: 8px; color:#fff; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; }
  71.  
  72. .cree a:hover{color:#fff; }
  73.  
  74.  
  75.  
  76.  
  77. .theme img {
  78. margin-left: 0px;
  79. height: 125px;
  80.  
  81.  
  82.  
  83. width: 160px;
  84.  
  85.  
  86.  
  87. opacity: 1;
  88.  
  89.  
  90.  
  91. transition-duration: 0.8s;
  92.  
  93.  
  94.  
  95. -moz-transition-duration: 0.8s;
  96.  
  97.  
  98.  
  99. -webkit-transition-duration: 0.8s;
  100.  
  101.  
  102.  
  103. -o-transition-duration: 0.8s;}
  104.  
  105.  
  106.  
  107.  
  108.  
  109.  
  110.  
  111. .theme:hover img {opacity: 0.5;
  112.  
  113.  
  114.  
  115. transition-duration: 0.8s;
  116.  
  117.  
  118.  
  119. -moz-transition-duration: 0.8s;
  120.  
  121.  
  122.  
  123. -webkit-transition-duration: 0.8s;
  124.  
  125.  
  126.  
  127. -o-transition-duration: 0.8s;}
  128.  
  129.  
  130.  
  131. @font-face {font-family: "tinytots";src: url('https://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  132.  
  133.  
  134. ::-webkit-scrollbar{width:9px; background-color: transparent;}
  135.  
  136. ::-webkit-scrollbar-button:start:decrement
  137.  
  138. ::-webkit-scrollbar-button:end:increment{display:block; height:0; background-color:transparent;}
  139.  
  140. ::-webkit-scrollbar-track-piece{background-color:; -webkit-border-radius:0;-webkit-border-bottom-left-radius:0px;-webkit-border-bottom-left-radius:0px;}
  141.  
  142. ::-webkit-scrollbar-thumb:vertical{height:2px; background-color:#1c1c1c;-webkit-border-radius:0px;}
  143.  
  144. ::-webkit-scrollbar-thumb:horizontal{top:5px;height:2px;width:50px; background-color:#fff;-webkit-border-radius:px;}
  145.  
  146.  
  147.  
  148.  
  149.  
  150. /**—Ask personalizada por Duda (omdg)—exclusive por (Revolutionhtml)—**/
  151. .ask {text-align: center; margin-top: -25px; margin-left: 440px; overflow: hidden; font:16px ‘Georgia’; position: fixed; color: #fc7fa6; padding: 10px; background-attachment: fixed; width:470px; height: 190px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; opacity:1; letter-spacing: -1px; font-style: normal; line-height: 10px; background-color: #000; -webkit-border-radius: 10px 10px 10px 10px;}
  152. .ask .aska {line-height:12px;text-align: center; margin-top:-15px;font-size:16px;font-family:rochester;background:#C1CDCD; height:4px;width:470px;margin-left: -1px;color:#8B8989;-webkit-border-radius: 10px 10px 10px 10px;opacity:0.8;}
  153. .ask .aska:hover{opacity:15;}
  154.  
  155.  
  156. .megann {position:fixed; margin-left: 200px; background: #000; color: #fff; margin-top: -15px; width: 200px; height: 0px auto; padding: 5px; font-family: verdana; font-size: 9px;-webkit-border-radius: 0px 0px 0px 0px;}
  157.  
  158. /* links */
  159.  
  160.  
  161.  
  162. #bru1 {width: 101px; height: 98px; float: left; margin-left:1110px; margin-top: 55px; padding: 0px; text-align: center; position: fixed; -webkit-transition: all 2s ease-out; -moz-transition: all 2s ease-out;}
  163.  
  164. #bru1 a {float: left; margin-left: 1px; font-family: tinytots; font-size: 8px; text-align: center; margin-top: 5px; height: 15px; width: 77px;background-color:; color:#fff; line-height: 20px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; letter-spacing: 0px; opacity:1; text-transform: uppercase;}
  165.  
  166. #bru1 a:hover{text-align: center; background-color:; color:#fff; opacity:1; line-height: 15px;}
  167. /* credito */
  168.  
  169. #head {text-align: center;font-family: 'Clicker Script', cursive; font-size: 62px; font-style: none;height: 2px;color: #FFFFFF;background:transparent; margin-left:375px;margin-top:-245px; text-transform: none; letter-spacing: 1px;position:fixed;-webkit-transition: all 60s ease-out; -moz-transition: all 60s ease-out;width:600px;line-height:12px; background-color:;text-shadow:7px 5px 8px #727071;}/***futurasuicida refuse imitations ***/
  170.  
  171. #head:hover{-webkit-transform-origin:padding: 15px; background-attachment: fixed; -webkit-transition: all 60s ease-out; -moz-transition: all 60s ease-out; no-repeat right; -webkit-filter: hue-rotate(930deg);-webkit-transition-duration: 60s;color:#b000ff;}
  172.  
  173.  
  174. @font-face {
  175. font-family: 'Clicker Script';
  176. font-style: normal;
  177. font-weight: 400;
  178. src: local('Clicker Script'), local('ClickerScript-Regular'), url(https://themes.googleusercontent.com/static/fonts/clickerscript/v1/Zupmk8XwADjufGxWB9KThFhlQWQpSCpzb2Peu3I-Q34.woff) format('woff');
  179. }
  180.  
  181. /* title */
  182.  
  183. .titlebb {text-align: center; margin-top: -281px; margin-left: 180px; overflow: hidden; -webkit-border-radius: 0px 0px 0px 0px; font:36px 'Bilbo Swash Caps', cursive; position: fixed; color: #f8f8f8; padding: 10px; background-attachment: fixed; width:1000px; height: 42px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; opacity:1; letter-spacing: 0px; font-style: normal; line-height: 30px; background-color: #000000; -webkit-border-radius: 10px 10px 0px 0px; box-shadow: 2px 2px 100px #000000; border-top:1px solid #64012b;}
  184.  
  185. .h{text-align: center; margin-top: 0px; margin-left: 950px; overflow: hidden; -webkit-border-radius: 0px 0px 0px 0px; font:36px 'Bilbo Swash Caps', cursive; position: fixed; color: #f8f8f8; padding: 10px; background-attachment: fixed; width:230px; height: 187px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; opacity:1; letter-spacing: 0px; font-style: normal; line-height: 30px; background-color: #000000; box-shadow: 2px 2px 100px #000000;}
  186.  
  187.  
  188. </style>
  189.  
  190. <body onkeydown="return false">
  191.  
  192.  
  193. <div class="h"></div>
  194.  
  195.  
  196.  
  197. <div id="barragigante"></div>
  198.  
  199. <div id="barragigante2"></div>
  200.  
  201. <div id="sidebarr">
  202. <table><tr><td>
  203.  
  204. <div class="over">
  205. <div class="theme">
  206. <img src="https://static.tumblr.com/fyc2dbo/4semqj0qi/sem_t__tulo.jpg">
  207. <div class="l1">
  208.  
  209. <div class="l1"><a href="URLDOTHEME" target="_blank">Theme </a><a href="CODIGO" target="_blank">download </a>
  210. </a><br><br><br>
  211.  
  212. </div></div>
  213.  
  214. </td>
  215.  
  216. <td>
  217.  
  218. <div class="over">
  219. <div class="theme">
  220. <img src="https://static.tumblr.com/fyc2dbo/4semqj0qi/sem_t__tulo.jpg">
  221. <div class="l1">
  222.  
  223. <div class="l1"><a href="URLDOTHEME" target="_blank">Theme </a><a href="CODIGO" target="_blank">download </a>
  224. </a><br><br><br>
  225.  
  226. </div></div>
  227.  
  228. </td>
  229. <td>
  230.  
  231. <div class="over">
  232. <div class="theme">
  233. <img src="https://static.tumblr.com/fyc2dbo/4semqj0qi/sem_t__tulo.jpg">
  234. <div class="l1">
  235.  
  236. <div class="l1"><a href="URLDOTHEME" target="_blank">Theme </a><a href="CODIGO" target="_blank">download </a>
  237. </a><br><br><br>
  238.  
  239. </div></div>
  240.  
  241. </td>
  242. <td>
  243.  
  244. <div class="over">
  245. <div class="theme">
  246. <img src="https://static.tumblr.com/fyc2dbo/4semqj0qi/sem_t__tulo.jpg">
  247. <div class="l1">
  248.  
  249. <div class="l1"><a href="URLDOTHEME" target="_blank">Theme </a><a href="CODIGO" target="_blank">download </a>
  250. </a><br><br><br>
  251.  
  252. </div></div>
  253.  
  254. </td>
  255. <td>
  256.  
  257. <div class="over">
  258. <div class="theme">
  259. <img src="https://static.tumblr.com/fyc2dbo/4semqj0qi/sem_t__tulo.jpg">
  260. <div class="l1">
  261.  
  262. <div class="l1"><a href="URLDOTHEME" target="_blank">Theme </a><a href="CODIGO" target="_blank">download </a>
  263. </a><br><br><br>
  264.  
  265. </div></div>
  266.  
  267. </td>
  268. <td>
  269.  
  270. <div class="over">
  271. <div class="theme">
  272. <img src="https://static.tumblr.com/fyc2dbo/4semqj0qi/sem_t__tulo.jpg">
  273. <div class="l1">
  274.  
  275. <div class="l1"><a href="URLDOTHEME" target="_blank">Theme </a><a href="CODIGO" target="_blank">download </a>
  276. </a><br><br><br>
  277.  
  278. </div></div>
  279.  
  280. </td>
  281. <td>
  282.  
  283. <div class="over">
  284. <div class="theme">
  285. <img src="https://static.tumblr.com/fyc2dbo/4semqj0qi/sem_t__tulo.jpg">
  286. <div class="l1">
  287.  
  288. <div class="l1"><a href="URLDOTHEME" target="_blank">Theme </a><a href="CODIGO" target="_blank">download </a>
  289. </a><br><br><br>
  290.  
  291. </div></div>
  292.  
  293. </td>
  294. <td>
  295.  
  296. <div class="over">
  297. <div class="theme">
  298. <img src="https://static.tumblr.com/fyc2dbo/4semqj0qi/sem_t__tulo.jpg">
  299. <div class="l1">
  300.  
  301. <div class="l1"><a href="URLDOTHEME" target="_blank">Theme </a><a href="CODIGO" target="_blank">download </a>
  302. </a><br><br><br>
  303.  
  304. </div></div>
  305.  
  306. </td>
  307. <td>
  308.  
  309. <div class="over">
  310. <div class="theme">
  311. <img src="https://static.tumblr.com/fyc2dbo/4semqj0qi/sem_t__tulo.jpg">
  312. <div class="l1">
  313.  
  314. <div class="l1"><a href="URLDOTHEME" target="_blank">Theme </a><a href="CODIGO" target="_blank">download </a>
  315. </a><br><br><br>
  316.  
  317. </div></div>
  318.  
  319. </td>
  320. <td>
  321.  
  322. <div class="over">
  323. <div class="theme">
  324. <img src="https://static.tumblr.com/fyc2dbo/4semqj0qi/sem_t__tulo.jpg">
  325. <div class="l1">
  326.  
  327. <div class="l1"><a href="URLDOTHEME" target="_blank">Theme </a><a href="CODIGO" target="_blank">download </a>
  328. </a><br><br><br>
  329.  
  330. </div></div>
  331.  
  332. </td>
  333. <td>
  334.  
  335. <div class="over">
  336. <div class="theme">
  337. <img src="https://static.tumblr.com/fyc2dbo/4semqj0qi/sem_t__tulo.jpg">
  338. <div class="l1">
  339.  
  340. <div class="l1"><a href="URLDOTHEME" target="_blank">Theme </a><a href="CODIGO" target="_blank">download </a>
  341. </a><br><br><br>
  342.  
  343. </div></div>
  344.  
  345. </td>
  346. <td>
  347.  
  348. <div class="over">
  349. <div class="theme">
  350. <img src="https://static.tumblr.com/fyc2dbo/4semqj0qi/sem_t__tulo.jpg">
  351. <div class="l1">
  352.  
  353. <div class="l1"><a href="URLDOTHEME" target="_blank">Theme </a><a href="CODIGO" target="_blank">download </a>
  354. </a><br><br><br>
  355.  
  356. </div></div>
  357.  
  358. </td>
  359. <td>
  360.  
  361. <div class="over">
  362. <div class="theme">
  363. <img src="https://static.tumblr.com/fyc2dbo/4semqj0qi/sem_t__tulo.jpg">
  364. <div class="l1">
  365.  
  366. <div class="l1"><a href="URLDOTHEME" target="_blank">Theme </a><a href="CODIGO" target="_blank">download </a>
  367. </a><br><br><br>
  368.  
  369. </div></div>
  370.  
  371. </td>
  372.  
  373.  
  374. </td></tr></table>
  375.  
  376. </div>
  377.  
  378.  
  379.  
  380.  
  381. </div></font><br>
  382.  
  383. <div class="imagem" class="hover">
  384. <div id="imagem">
  385. <img class="bottom shadow" src="https://static.tumblr.com/f7alngw/sd7moiriz/tumblr_lzo9bystch1qejrb6o1_500.jpg"style="-webkit-filter: grayscale(90%);" >
  386. <img class="top shadow" src="https://static.tumblr.com/f7alngw/sd7moiriz/tumblr_lzo9bystch1qejrb6o1_500.jpg" />
  387. </div></div></div>
  388.  
  389.  
  390. </div>
  391.  
  392.  
  393. <div id="bru1">
  394.  
  395.  
  396. <a href="Link">titulo</a>
  397. <a href="Link">titulo</a>
  398. <a href="Link">titulo</a>
  399. <a href="Link">titulo</a>
  400. <a href="Link">titulo</a>
  401. <a href="Link">titulo</a>
  402. <a href="Link">titulo</a></div>
  403.  
  404.  
  405. <div class="titlebb"></div>
  406.  
  407. <div id="head"><center>Bem vindo aos meus themes.</center></div>
  408.  
  409. <div class="megann">
  410. Presta atenção aqui merda. O theme e todo em html. Ok. E isso ai. Muda as cores oh. AS fotos, os link's tudo. Barragigante em baixo. Titlebb em cima. E isso kiss-me muda a ask do theme. enao tira oss creditos.
  411. </marquee>
  412.  
  413.  
  414. <br>
  415.  
  416.  
  417.  
  418. </div>
  419. <div class="ask"><div class="aska"><p><iframe frameborder="0" scrolling="no" width="100%" height="190" src="https://www.tumblr.com/ask_form/acumulou.tumblr.com" style="background-color:#0a0a0a; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p>
  420. </div></div>
  421.  
  422. <div style="position: fixed; font-size:10px;
  423. font-family:calibri; bottom: 0px; left: 0px; background: ''; padding: 2px; left: 5px; bottom: 50px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; opacity: .65; ">
  424. <a href="https://futurasuicida.tumblr.com/" target="_blank" title="Theme by futurasuicida. Base umabonecaciumenta isp f-renetica dts revolutionhtml">THEME BY FUTURASUICIDA ©</a>
  425.  
  426. </body>
  427. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!