FuturaSuicida

Theme Futura Suicida 14

Apr 7th, 2012 (edited)
3,285
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.35 KB | None | 0 0
  1. <html>
  2.  
  3. <!-- THEME DE FUTURA SUICIDA NÃO COPIE E NEM USE COMO BASE.-->
  4.  
  5. <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'>
  6. <link href='https://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type='text/css'>
  7. <link href='https://fonts.googleapis.com/css?family=Rouge+Script' rel='stylesheet' type='text/css'>
  8.  
  9.  
  10.  
  11. <head> <!-- DEFAULT VARIABLES -->
  12.  
  13. <meta name="image:sidebar" content="https://29.media.tumblr.com/tumblr_m22ra951rA1rt7pjho1_250.jpg" />
  14. <meta name="image:background" content="">
  15. <meta name="font:body" content="verdana" />
  16. <meta name="font:body2" content="georgia" />
  17.  
  18.  
  19. <meta name="color:background" content="#fff" />
  20. <meta name="color:entry" content="#fff" />
  21. <meta name="color:title" content="#999" />
  22. <meta name="color:text" content="#000" />
  23. <meta name="color:border" content="#000" />
  24. <meta name="color:description" content="#000000"/>
  25. <meta name="color:link" content="#000" />
  26. <meta name="color:linkmenu" content="#ffffff" />
  27. <meta name="color:linkshover" content="#ffffff" />
  28. <meta name="color:description" content="#FFFFFF" />
  29. <meta name="font:body" content="verdana" />
  30. <meta name="font:body2" content="georgia" />
  31.  
  32. <meta name="text:Link1" content="/" />
  33. <meta name="text:Link1 Title" content="link" />
  34. <meta name="text:Link2" content="/" />
  35. <meta name="text:Link2 Title" content="link" />
  36. <meta name="text:Link3" content="/" />
  37. <meta name="text:Link3 Title" content="link" />
  38. <meta name="text:Link4" content="/" />
  39. <meta name="text:Link4 Title" content="link" />
  40. <meta name="text:Link5" content="/" />
  41. <meta name="text:Link5 Title" content="link" />
  42. <meta name="text:Link6" content="/" />
  43. <meta name="text:Link6 Title" content="link" />
  44. <meta name="text:Link7" content="/" />
  45. <meta name="text:Link7 Title" content="link" />
  46. <meta name="text:Link8" content="/" />
  47. <meta name="text:Link8 Title" content="link" />
  48.  
  49.  
  50. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  51.  
  52. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  53.  
  54.  
  55. <link rel="shortcut icon" href="{Favicon}" />
  56.  
  57. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  58.  
  59. <style type="text/css">
  60.  
  61. /* body */
  62.  
  63. body {color:{color:text}; background-color:{color:background}; background-image: url('{image:background}'); background-attachment:fixed; font-family:{font:body}; font-size:11px; line-height:110%; text-align:justify}
  64.  
  65. a:link, a:active, a:visited{color: {color:link}; text-decoration:none; -moz-transition: all 1.0s ease-out; -o-transition: all 1.0s ease-out; -webkit-transition: all 1.0s ease-out; transition: all 1.0s ease-out;}
  66.  
  67. a:hover{color:{color:linkhover}}
  68.  
  69.  
  70. /* container */
  71.  
  72. #entries{left:50%; margin-left:430px; margin-top: 0px; width:520px; }
  73.  
  74. #posts{overflow:hidden; background-color: {color:entry}; border-left:0px solid {color:link}; border-right:0px solid {color:link}; margin-left: 0px; margin-bottom:2px; padding-bottom:9px; padding-top:9px; padding-left:9px; padding-right:9px;}
  75.  
  76. #container {margin-left: 160px;}
  77.  
  78.  
  79.  
  80. /* h1, h2, h3 e quote */
  81. h1{color:{color:title}; font-family: georgia; font-size:16px; line-height:18px;
  82. letter-spacing:0px; font-weight:normal; margin:0px; padding:0px; text-align:center}
  83. h2{color:{color:title}; font-family:georgia; font-size:28px; line-height:23px;
  84. letter-spacing:-1px; font-weight:normal; margin:0px; padding:0px; margin-bottom:-0px;
  85. text-align:center}
  86. h3{color:{color:title}!important;font-family:georgia;
  87. font-size:25px;text-align:center;letter-spacing: 1px; font-weight:normal;}
  88.  
  89.  
  90. .oiqqtt {font-family: georgia; text-align: center; font-size: 13px; line-height: 13px; padding: 3px;}
  91. .oiqqtts {text-align: center; text-transform: none; margin-bottom: 5px;}
  92. .oiqqtts a, a:hover{text-transform: none;}
  93.  
  94.  
  95.  
  96. #descli{width:425px; height:170px; background-color:{color:sidebar}; padding-top:5px}
  97. .descri{float:right; width:230px; border:0px solid {color:bg title}; background-color:{color:bg description}; color:{color:description}; overflow:auto; font-size:10px; text-align:justify; line-height:110%; font-family:verdana; height:152px; padding:3px}
  98. .links{float:left; background-color:{color:sidebar}; margin-top:-1px}
  99. .links a{width:125px; height:12px; display:block; background-color:{color:bg sidelinks}; color:{color:sidelinks}; font-family:verdana; font-size:9px; text-align:center; padding:5px; text-transform:lowercase; -webkit-transition:all 0.8s ease-out; -moz-transition:all 0.8s ease-out; margin-top:1px}
  100. .links a:hover{letter-spacing:1px}
  101.  
  102. #sbar02 {margin-left:168px; margin-top:80px; padding: 6px; text-align: center; position: fixed;}
  103. @font-face {font-family: "tinytots";src: url('https://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  104. .link13 {clear: both; float: left; width: 65px; margin-top: -200px; text-align: center; margin-left: 200px;}
  105. .link13 a {float: left; margin-right: 1px; display: block; width: 65px; letter-spacing: 0px; font-family: tinytots; font-size: 8px; text-align: center; margin-bottom: 1px; background-color: transparent; color:{color:linkmenu};; text-decoration: none; text-transform: uppercase; height: 6px; line-height: 6px;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; padding: 4px;}
  106. .x1 a:hover {letter-spacing: 0px; background-color: transparent; color:{color:linkshover};}
  107.  
  108. .credit {
  109. position:fixed !important;
  110. margin-left: 28px;
  111. margin-top: 20px;
  112. margin-bottom: -5px;
  113. font-size: 9px;
  114. width: 49px;
  115. height: 15px;
  116. padding: 1px 3px 3px 2px;
  117. font-family: verdana;
  118. color: #000000;
  119. text-align: center;
  120. background-color: {color:sidebar};
  121. -webkit-transition: all 0.5s ease;
  122. }
  123.  
  124. .sidebar {width: 250px; height: auto; top: 20px; left: -80px; padding: 0px; background-color: {color:sidebar}; text-align: center; position: fixed;}
  125.  
  126. .photo {float: left; padding: 0px;}
  127. .photo img {display: inline; margin-right:-9px; width:228px; margin-left:193px; margin-top: 28px; height:268px; text-align:center; margin-bottom: 0px;solid ;}
  128.  
  129. #s1{left: 103px; top: 15px; width: 4px; height: 330px; text-align: center; background-color: {color:sbar}; position: fixed; padding: 0px;}
  130. #s2{left: 90px; top: 35px; width: 260px; height: 4px; background-color: {color:sbar}; position: fixed; padding: 0px;}
  131.  
  132. #page {position: fixed; margin-left:325px; margin-top: 470px; font-size: 26px; font-family: verdana; z-index:100; border-bottom:1px ;text-shadow: 1px 1px 1px #828282;font-style:none;}
  133. #page a {color:{color:description}}
  134. #page a:hover {color:{color:sublinha};}
  135.  
  136. #pag {position: fixed; margin-left: 350px; margin-top: 470px; font-size: 26px; font-family: verdana; z-index:90000000000000000000000000000000000000000000000000000000000000000000; border-bottom:1px ;text-shadow: 1px 1px 1px #828282;font-style:none;}
  137. #pag a {color:{color:description}}
  138. #pag a:hover {color:{color:sublinha};}
  139.  
  140. ::-webkit-scrollbar{width:8px;height:8px;}
  141. ::-webkit-scrollbar-button:start:decrement
  142. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  143. ::-webkit-scrollbar-track-piece{background-color:#fff;-webkit-border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;}
  144. ::-webkit-scrollbar-thumb:vertical{height:50px; scrollbar-face-color:#666666; background-color:#000;-webkit-border-radius:px;}
  145. ::-webkit-scrollbar-thumb:horizontal{width:50px; scrollbar-face-color:#666666; background-color:#000;-webkit-border-radius:px;}
  146. .userpic{
  147. float: left;
  148. margin: 0px 4px 2px 0;
  149. width:48px;
  150. height:auto
  151. }
  152.  
  153.  
  154. /* post - info */
  155.  
  156. #info{margin-top: 15px; }
  157. #info a{color: {color:link} !important}
  158. #info a:hover{color:{color:linkhover}!important}
  159. .tags {color: {color:text}; font-size: 9px; font-family: verdana; display: inline; list-style: none; text-transform: lowercase;}
  160. .tags a {font-size: 9px; color: verdana; display: inline; list-style: none; text-transform: lowercase;}
  161. .line1{font-size:9px; text-transform: lowercase; margin-top: 7px}
  162. .line2{font-size:9px; text-transform:lowercase; clear: both}
  163. .line3{font-size:9px; text-transform:lowercase; clear: both}
  164. .ileft{float: left}
  165. .iright{float: right}
  166. .postclear{clear: both; width: 100%; visibility: hidden; height: 1px}
  167. #clear{clear: both; width: 100%; visibility: hidden; height: 20px}
  168.  
  169.  
  170. .date {display:inline; text-align:right; float:right}
  171. .date a {color:#000}
  172.  
  173.  
  174. /* asker */
  175. .asker {width: 480px; background-color: {color:background}; color:{color:text}; padding: 10px}
  176. .asker img{float: left; margin: 0px 4px 2px 0;}
  177. .asker a{font-size: 11px; color:{color:link}; text-transform: none; line-height: 27px; padding: 0; margin: 0; font-family: verdana;}
  178. .asker a:hover{font-size: 11px; color:{color:linkhover}; text-transform: none; line-height:27px; padding: 0; margin: 0; font-family:verdana;}
  179. .answer {padding: 5px 0 0 0}
  180.  
  181.  
  182. /* bold, italic e blockquote */
  183. b, strong{color:bold}
  184. i, em {color:;}
  185. p{margin-top:5px; margin-bottom:5px}
  186.  
  187.  
  188. blockquote {margin: 5px 5px 5px 5px; border-left: 3px solid {color:link}; padding-left: 5px; }
  189. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:link};}
  190. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:link}; }
  191. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:link}; }
  192.  
  193. blockquote img{max-width: 470px!important}
  194. blockquote blockquote img{max-width: 450px!important}
  195. blockquote blockquote blockquote img{max-width: 430px!important}
  196. blockquote blockquote blockquote blockquote img{max-width: 410px!important}
  197.  
  198. img a{border:none; width:100%}
  199.  
  200. /* chat e audio */
  201.  
  202. .chat{line-height: 12px; list-style: none}
  203. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height: 20px;}
  204. .person1 {background-color: {color:link}; color: {color:background}}
  205. .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px; color: {color: text}}
  206. .person2 {background-color: {color:background}; color: {color: text}}
  207. .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px; color: {color: text}}
  208.  
  209. .audioimage{width: 100%; text-align: center; margin: 0 10px 0 10px}
  210. .audioimage img{max-width: 300px; height: auto; padding: 5px}
  211.  
  212.  
  213. /* notes */
  214.  
  215. notes {width: 500px; margin: 0px; margin-left: 0px; padding: 0px; text-align: left}
  216. ol.notes {list-style: none; margin: 0 20px 0 10px; padding: 0px}
  217. ol.notes li {margin: 0px; padding: 0px;}
  218.  
  219. .notes img{width:10px; position:relative; top:1px}
  220. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  221.  
  222. /* scrollbar */
  223.  
  224. #tumblr_controls{position: fixed!important}
  225.  
  226. ::-webkit-scrollbar{width:4px;height:4px}
  227. ::-webkit-scrollbar-button:start:decrement
  228. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent}
  229. ::-webkit-scrollbar-track-piece{background-color:#ffffff}
  230. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color:{color:scrollbar}}
  231. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:{color:scrollbar}}
  232.  
  233. </style>
  234.  
  235. <style type="text/css">{CustomCSS}</style>
  236.  
  237. </head>
  238.  
  239. <body>
  240. <div id="container">
  241.  
  242. <div id="sbar02"></div>
  243. <div class="sidebar">
  244. <div class="photo"><img src="{image:sidebar}"/></div>
  245. <div class="link13">
  246. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  247. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  248. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  249. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  250. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  251. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6}
  252. {block:ifLink7}<a href="{text:Link7}">{text:Link7 Title}</a>{/block:ifLink7}
  253. {block:ifLink8}<a href="{text:Link8}">{text:Link8 Title}</a>{/block:ifLink8}
  254. </div>
  255. <div id="descli">
  256. <div class="descri">{block:Description}{Description}{/block:Description}</div>
  257.  
  258. <pre><div style="border: 0px solid rgb(230, 230, 250); overflow: auto; color: {color:text}; {color:sbar}; width: 316px; margin-left: 3px; text-align: justify; font-family: verdana; height: 15px; padding: 5px 5px 5px 5px; font-size:9px; line-height: 100%"></pre></div></div></div></div></div></div></div></div></div></div></div></div>
  259.  
  260. <div id="pag">{block:NextPage}<a href="{NextPage}">+</a>{/block:NextPage}</div>
  261.  
  262. <div id="page">{block:PreviousPage}<a href="{PreviousPage}">-</a>{/block:PreviousPage}</div></div>
  263. </div>
  264.  
  265. <div id="entries">
  266. {block:Posts}
  267. <div id="posts">
  268.  
  269. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  270.  
  271. {block:Text}{Body}{/block:Text}
  272.  
  273. {block:Quote}
  274. <div class="oiqqtt">“{Quote}”</div>
  275. {block:Source}<div class="oiqqtts"> ~ {Source}</div>
  276. {/block:Source}
  277. {/block:Quote}
  278.  
  279. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  280.  
  281. {block:Description}{Description}{/block:Description}{/block:Link}
  282.  
  283. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" align="center" class="dreamgirl"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  284. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  285.  
  286. {block:Chat}
  287. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  288. <div class="chat"><ul>{block:Lines}
  289. <li class="person{UserNumber}">{block:Label}
  290. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  291. {/block:Chat}
  292.  
  293. {block:Audio}
  294. <div class="audioimage">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  295. <span style="width:300px">{AudioPlayerGrey}</span></div>
  296. <div class="cap">{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div>
  297. {/block:Audio}
  298.  
  299.  
  300. {block:Answer}
  301. <div class="asker"><img src="{AskerPortraitURL-48}"> <b>{Asker}</b> sussurou: <i>{Question}</i></div>
  302. <div class="answer">{Answer}</div>
  303. {/block:Answer}
  304.  
  305. {block:Video}{Video-500}
  306. <div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Video}
  307.  
  308. <div class="bg">
  309. {block:Date}
  310. <div id="info">{block:HasTags}<div class="tags">{block:Tags}# <a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  311.  
  312.  
  313. <div class="line3"><span class="ileft">{TimeAgo} · {block:NoteCount}
  314. <a href="{Permalink}" title="permalink to this post">{NoteCountWithLabel} · </a>{/block:NoteCount} </a><a href="{ReblogURL}" target="_blank"><b>Reblog</b></a> <br>{block:RebloggedFrom}originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a> · via: <a href="{ReblogParentURL}"
  315. title="{ReblogParentTitle}">{ReblogParentName}</a>
  316. </span>{/block:RebloggedFrom}</span> </div>
  317.  
  318. <div class="postclear"></div>
  319. </div>{/block:Date}
  320. </div></div>
  321.  
  322. {/block:Posts}
  323. {block:PostNotes}{PostNotes}{/block:PostNotes}</br>
  324.  
  325. <center>Theme by: <b><a href="https://futurasuicida.tumblr.com/">futurasuicida</a></b></center>
  326. <center><small>alguns detalhes originais de umapequenapoeta e poetadecepcionada.</center>
  327. <br>
  328.  
  329.  
  330.  
  331. </body>
  332.  
  333.  
  334. </html>
Add Comment
Please, Sign In to add comment