API tools faq
paste
Detonado

THEME 15

Detonado
Nov 25th, 2012
125
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.73 KB | None | 0 0
raw download clone embed print report
  1. <!-- THEME #15 FEITO POR @EXIST0 NÃO RETIRE OS CREDITOS! -->
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  4. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7. <head>
  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}" />
  13. {/block:Description}
  14.  
  15.  
  16. <meta name="image:Background" content="http://static.tumblr.com/onhp7lq/2u7m0vpi4/dots2.png"/>
  17. <meta name="image:Side BG" content="http://24.media.tumblr.com/tumblr_lzju29VxIR1r9g6hvo3_100.png"/>
  18. <meta name="image:Sidebar" content="http://static.tumblr.com/zljoxog/op7me1a3o/tumblr_mdc6sn8nbz1rppuq9o3_250.png"/>
  19.  
  20.  
  21.  
  22.  
  23. <meta name="color:Background" content="#e5e5e5"/>
  24. <meta name="color:Scroll" content="#ffffff" />
  25. <meta name="color:ScrollBG" content="#000000" />
  26.  
  27. <meta name="color:Barra" content="#000000"/>
  28. <meta name="color:Sidebar BG" content="#ffffff"/>
  29. <meta name="color:Title" content="#fff"/>
  30. <meta name="color:Title BG" content="#000"/>
  31. <meta name="color:Description" content="#000000" />
  32. <meta name="color:Description Links" content="#000000"/>
  33. <meta name="color:Description BG" content="#ffffff"/>
  34. <meta name="color:Menu hover" content="#9b9a99"/>
  35.  
  36. <meta name="color:Texts" content="#555"/>
  37. <meta name="color:Post Links" content="#000000"/>
  38. <meta name="color:Post borda" content="#f0f0f0"/>
  39. <meta name="color:PostBG" content="#ffffff"/>
  40.  
  41. <meta name="color:Time ago Border" content="#9b9a99"/>
  42. <meta name="color:Notes Border" content="#000000"/>
  43.  
  44. <meta name="text:Link1 title" content="link 1" />
  45. <meta name="text:Link1" content="" />
  46. <meta name="text:Link2 title" content="link 2" />
  47. <meta name="text:Link2" content="" />
  48.  
  49. <meta name="text:Link3 title" content="link 3" />
  50. <meta name="text:Link3" content="" />
  51.  
  52. <meta name="text:Link4 title" content="link 4" />
  53. <meta name="text:Link4" content="" />
  54.  
  55.  
  56. <meta name="if:PostSize1" content="0"/>
  57. <meta name="if:PostSize2" content="1"/>
  58. <meta name="if:PostSize3" content="0"/>
  59. <meta name="if:EndlessScroll" content="0"/>
  60. <meta name="if:Caption" content="0"/>
  61. <meta name="if:Linkthree" content="1"/>
  62. <meta name="if:LinkFour" content="1"/>
  63. </head>
  64.  
  65. <style type="text/css">
  66.  
  67. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  68.  
  69. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  70.  
  71.  
  72. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scroll};height:50px;}
  73. ::-webkit-scrollbar {height:0px;width:8px;background-color:{color:ScrollBG};}
  74.  
  75. body
  76. {font-family:cambria;font-size:10px;
  77. background-color:{color:Background};
  78. background-image:url('{image:Background}');
  79. background-position: fixed;
  80. background-attachment:fixed;
  81. background-repeat:repeat;}
  82.  
  83. a
  84. {text-decoration:none;
  85. color:{color:Description Links};
  86. -webkit-transition: opacity 0.7s linear;}
  87.  
  88. a:hover
  89. {opacity:0.6;}
  90.  
  91. blockquote
  92. {padding:2px;
  93. border-left:2px solid;
  94. background-color:#eee;}
  95.  
  96. #bg
  97. {position:fixed;
  98. top:0px;
  99. left:0px;}
  100.  
  101. #bandone
  102. {float:left;
  103. height:1000px;
  104. width:195px;
  105. background-image:url('{image:Side BG}');}
  106.  
  107.  
  108.  
  109. #bandtwo
  110. {float:left;
  111. height:1000px;
  112. width:5px;
  113. background-color:{color:Barra};}
  114.  
  115. #box
  116. {position:fixed;
  117. top:100px;
  118. left:45px;
  119. width:150px;}
  120.  
  121. #picture
  122. {width:100px;}
  123.  
  124. #portrait
  125. {width:100px;
  126. height:100px;
  127. overflow:hidden;
  128. padding:25px;
  129. background-color:{color:Sidebar BG};}
  130.  
  131. .right
  132. {width:150px;
  133. text-align:right;}
  134.  
  135. .titre
  136. {font-family:consolas;
  137. letter-spacing:1px;
  138. background-color:{color:Title BG};
  139. color:{color:Title};
  140. font-size:12px;
  141. text-transform:uppercase;
  142. padding:0px 10px 0px 10px;
  143. height:14px;}
  144.  
  145. #description
  146. {width:140px;
  147. overflow:hidden;
  148. padding:5px;
  149. color:{color:Description};
  150. background-color:{color:Description BG};
  151. text-align:right;}
  152.  
  153. .menu
  154. {font-family:consolas;
  155. letter-spacing:1px;
  156. background-color:{color:Title BG};
  157. color:{color:Title};
  158. font-size:12px;
  159. text-transform:uppercase;
  160. padding:0px 3px 0px 10px;
  161. border-right:5px solid {color:Title BG};
  162. opacity 0.4s linear;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  163.  
  164. .menu:hover
  165. {color:{color:Menu hover};
  166. border-right:5px solid {color:Menu hover};}
  167.  
  168. #posts
  169. {{block:IndexPage}
  170. {block:IfPostSize1}width:550px;{/block:IfPostSize1}
  171. {block:IfPostSize2}width:450px;{/block:IfPostSize2}
  172. {block:IfPostSize3}width:300px;{/block:IfPostSize3}
  173. {/block:IndexPage}
  174. {block:PermalinkPage}width:550px;{/block:PermalinkPage}
  175. float:left;
  176. margin-left:305px;}
  177.  
  178. .post
  179. {{block:IndexPage}
  180. {block:IfPostSize1}width:500px;{/block:IfPostSize1}
  181. {block:IfPostSize2}width:400px;{/block:IfPostSize2}
  182. {block:IfPostSize3}width:250px;{/block:IfPostSize3}
  183. {/block:IndexPage}
  184. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  185. background-color:{color:PostBG};
  186. background-image:url('{image:EntryBG}');
  187. color:{color:Texts};
  188. margin-bottom:15px;
  189. padding:25px;
  190. overflow:hidden;
  191. border:1px solid {color:Post Borda};
  192. -webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}
  193.  
  194.  
  195. .comments
  196. {{block:IndexPage}
  197. {block:IfPostSize1}width:494px;{/block:IfPostSize1}
  198. {block:IfPostSize2}width:394px;{/block:IfPostSize2}
  199. {block:IfPostSize3}width:244px;{/block:IfPostSize3}
  200. {/block:IndexPage}
  201. {block:PermalinkPage}width:494px;{/block:PermalinkPage}}
  202.  
  203. .comments img
  204. {{block:IndexPage}
  205. {block:IfPostSize1}max-width:494px;{/block:IfPostSize1}
  206. {block:IfPostSize2}max-width:394px;{/block:IfPostSize2}
  207. {block:IfPostSize3}max-width:244px;{/block:IfPostSize3}
  208. {/block:IndexPage}
  209. {block:PermalinkPage}max-width:494px;{/block:PermalinkPage}}
  210.  
  211. .comments a
  212. {border-bottom:1px dotted;
  213. color:{color:Post Links};
  214. font-style:italic;}
  215.  
  216. .permabar
  217. {position:absolute;
  218. {block:IfPostSize1}margin-left:525px;{/block:IfPostSize1}
  219. {block:IfPostSize2}margin-left:425px;{/block:IfPostSize2}
  220. {block:IfPostSize3}margin-left:275px;{/block:IfPostSize3}
  221. -webkit-transition: opacity 0.5s linear;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;
  222. opacity:0;
  223. border-left:5px solid {color:Notes Border};
  224. padding-left:3px;}
  225.  
  226. .post:hover .permabar
  227. {opacity:1;
  228. {block:IfPostSize1}margin-left:540px;{/block:IfPostSize1}
  229. {block:IfPostSize2}margin-left:440px;{/block:IfPostSize2}
  230. {block:IfPostSize3}margin-left:290px;{/block:IfPostSize3}}
  231.  
  232. .time
  233. {border-left:5px solid {color:Time ago Border};
  234. padding-left:3px;}
  235.  
  236.  
  237. .titlepost
  238. {font-size:14px;
  239. margin-left:5px;}
  240.  
  241. #art
  242. {border-radius:50px;-moz-border-radius:50px;
  243. -webkit-transition: opacity 0.5s linear;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
  244.  
  245. #art:hover
  246. {border-radius:0px;
  247. -moz-border-radius:0px;}
  248.  
  249. .page
  250. {width:50px;color:{color:Title}; background-color:{color:Title BG};padding:0px 5px 2px 10px;font-style:italic;margin-bottom:2px;
  251. -webkit-transition: opacity 0.5s linear;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
  252.  
  253. .pages
  254. {color:{color:Title}; width:50px;background-color:{color:Title BG};padding:0px 5px 2px 10px;margin-bottom:2px;}
  255.  
  256. .page:hover
  257. {color:{color:Menu hover};
  258. padding-left:25px;}
  259.  
  260.  
  261. </style>
  262. <style type="text/css">{CustomCSS}</style>
  263. </head>
  264. <body>
  265.  
  266.  
  267.  
  268. <div id="bg">
  269. <div id="bandone"></div>
  270. <div id="bandtwo"></div>
  271.  
  272.  
  273. <div id="box">
  274. <div id="portrait"><img src="{image:Sidebar}" id="picture"/></div>
  275.  
  276. <div class="right"><span class="titre">{Title}</span></div>
  277. <div id="description">{Description}</div>
  278. <a href="/"><div class="right"><span class="menu">home</span></div></a>
  279. <a href="/ask"><div class="right"><span class="menu">asked</span></div></a>
  280. <a href="{text:Link1}"><div class="right"><span class="menu">{text:Link1 title}</span></div></a>
  281. <a href="{text:Link2}"><div class="right"><span class="menu">{text:Link2 title}</span></div></a>
  282. {block:IfLinkthree}
  283. <a href="{text:Link3}"><div class="right"><span class="menu">{text:Link3 title}</span></div></a>
  284. {/block:IfLinkthree}
  285. {block:IfLinkFour}
  286. <a href="{text:Link4}"><div class="right"><span class="menu">{text:Link4 title}</span></div></a>
  287. {/block:IfLinkFour}
  288. <a href="http://exist0.tumblr.com/"><div class="right"><span class="menu">Credit</span></div></a>
  289. <div id="description">THEME @<a href="http://exist0.tumblr.com/"><b>EXIST0</b></a><br>
  290. </div>
  291. </div>
  292. </div>
  293.  
  294. <div id="posts">
  295. <table border="0" cellpadding="0" cellspacing="0" width="550px">
  296. <tr><td>{block:Posts}
  297.  
  298. {block:Photo}<div class="post">
  299.  
  300. {block:IndexPage}<span class="permabar">
  301. <span class="time"><a href="{Permalink}">{TimeAgo}</a></span><br>
  302. <span class="reblog">{NoteCountWithLabel} - <a href="{ReblogURL}" target="_blank">reblog</a></span>
  303. </span>{/block:IndexPage}
  304.  
  305. <div>{block:IndexPage}<a href="{Permalink}"><img class="photo"
  306.  
  307. src="{PhotoURL-500}"
  308. {block:IfPostSize1}width="500px"{/block:IfPostSize1}
  309. {block:IfPostSize2}width="400px"{/block:IfPostSize2}
  310. {block:IfPostSize3}width="250px"{/block:IfPostSize3}alt="{PhotoAlt}"/></a>{/block:IndexPage}
  311.  
  312. {block:PermalinkPage}{LinkOpenTag}
  313. <img class="photo" src="{PhotoURL-500}" width="500px"
  314. alt="{PhotoAlt}"/>{LinkCloseTag}{/block:PermalinkPage}</div>
  315.  
  316. <div class="comments">
  317. {block:IfCaption}
  318. {block:Caption}{Caption}{/block:Caption}
  319. {/block:IfCaption}
  320.  
  321. {block:IfNotCaption}{block:PermalinkPage}
  322. {block:Caption}{Caption}{/block:Caption}
  323. {block:PermalinkPage}{/block:IfNotCaption}
  324. </div>
  325.  
  326. </div>{/block:Photo}
  327.  
  328.  
  329. {block:Chat}<div class="post">
  330. {block:IndexPage}<span class="permabar">
  331. <span class="time"><a href="{Permalink}">{TimeAgo}</a></span><br>
  332. <span class="reblog">{NoteCountWithLabel} - <a href="{ReblogURL}" target="_blank">reblog</a></span>
  333. </span>{/block:IndexPage}
  334.  
  335. {block:Title}
  336. <a href="{Permalink}"><span class="titlepost">— {Title}</span></a>
  337. {/block:Title}<div>
  338. {block:Lines}<div>
  339. {block:Label}<div style="background-color:#f4f4f4;margin-bottom:2px;">
  340. <span style="font-weight:800;text-transform:uppercase;letter-spacing:1px;color:{color:Link};">- {Label}</span> {Line}
  341. </div>{/block:Label}
  342. </div>{/block:Lines}
  343. </div>
  344. </div> {/block:Chat}
  345.  
  346. {block:Text}
  347. <div class="post">
  348. {block:IndexPage}<span class="permabar">
  349. <span class="time"><a href="{Permalink}">{TimeAgo}</a></span><br>
  350. <span class="reblog">{NoteCountWithLabel} - <a href="{ReblogURL}" target="_blank">reblog</a></span>
  351. </span>{/block:IndexPage}
  352.  
  353. {block:Title}
  354. <a href="{Permalink}"><div class="titlepost">— {Title}</div></a>
  355. {/block:Title}
  356. <div class="comments">{Body}</div>
  357. </div>{/block:Text}
  358.  
  359.  
  360.  
  361. {block:Quote}<div class="post">
  362. {block:IndexPage}<span class="permabar">
  363. <span class="time"><a href="{Permalink}">{TimeAgo}</a></span><br>
  364. <span class="reblog">{NoteCountWithLabel} - <a href="{ReblogURL}" target="_blank">reblog</a></span>
  365. </span>{/block:IndexPage}
  366.  
  367. <div style="font-style:italic;font-size:14px;">"{Quote}"</div>
  368. {block:Source}
  369. <div class="comments">{Source}</div>
  370. {/block:Source}
  371. </div>{/block:Quote}
  372.  
  373.  
  374. {block:Link}<div class="post">
  375. {block:IndexPage}<span class="permabar">
  376. <span class="time"><a href="{Permalink}">{TimeAgo}</a></span><br>
  377. <span class="reblog">{NoteCountWithLabel} - <a href="{ReblogURL}" target="_blank">reblog</a></span>
  378. </span>{/block:IndexPage}
  379.  
  380. <a href="{URL}" {Target}><div class="titlepost"><span style="font-family:arial;">►</span> {Name}</div></a>
  381. {block:Description}
  382. <span class="comments">{Description}</span>
  383. {/block:Description}
  384. </div>{/block:Link}
  385.  
  386.  
  387. {block:Audio}<div class="post">
  388. {block:IndexPage}<span class="permabar">
  389. <span class="time"><a href="{Permalink}">{TimeAgo}</a></span><br>
  390. <span class="reblog">{NoteCountWithLabel} - <a href="{ReblogURL}" target="_blank">reblog</a></span>
  391. </span>{/block:IndexPage}
  392.  
  393. <table>
  394. <tr><td rowspan="2">
  395. {block:AlbumArt}
  396.  
  397. <img style="height:100px;width:100px;margin-right:5px;" id="art" src="{AlbumArtURL}"/>
  398.  
  399. {/block:AlbumArt}</td>
  400.  
  401. <td><div style="margin-top:15px;">
  402. {block:IndexPage}{block:TrackName}{TrackName}{/block:TrackName} {block:Artist}by {Artist}{/block:Artist}{/block:IndexPage} <br>
  403. {PlayCountWithLabel}</div></td></tr><td>
  404.  
  405. <div style="{block:IndexPage}
  406. {block:IfPostSize1}width:385px;{/block:IfPostSize1}
  407. {block:IfPostSize2}width:285px;{/block:IfPostSize2}
  408. {block:IfPostSize3}width:135px;{/block:IfPostSize3}
  409. {/block:IndexPage}
  410. {block:PermalinkPage}width:395px;{/block:PermalinkPage} background-color:#000;overflow:hidden;">{AudioPlayerBlack}</div></td></tr>
  411. </table>
  412.  
  413.  
  414. <div class="comments">
  415. {block:IfCaption}
  416. {block:Caption}{Caption}{/block:Caption}
  417. {/block:IfCaption}
  418.  
  419. {block:IfNotCaption}{block:PermalinkPage}
  420. {block:Caption}{Caption}{/block:Caption}
  421. {block:PermalinkPage}{/block:IfNotCaption}
  422. </div>
  423. </div>{/block:Audio}
  424.  
  425.  
  426.  
  427.  
  428. {block:Photoset}<div class="post">
  429. {block:IndexPage}<span class="permabar">
  430. <span class="time"><a href="{Permalink}">{TimeAgo}</a></span><br>
  431. <span class="reblog">{NoteCountWithLabel} - <a href="{ReblogURL}" target="_blank">reblog</a></span>
  432. </span>{/block:IndexPage}
  433.  
  434. <div>{block:IndexPage}{block:IfPostSize1}{Photoset-500}{/block:IfPostSize1}
  435. {block:IfPostSize2}{Photoset-400}{/block:IfPostSize2}
  436. {block:IfPostSize3}{Photoset-250}{/block:IfPostSize3}
  437. {/block:IndexPage}
  438. {block:PermalinkPage}
  439. {Photoset-500}
  440. {/block:PermalinkPage}</div>
  441.  
  442. <div class="comments">
  443. {block:IfCaption}
  444. {block:Caption}{Caption}{/block:Caption}
  445. {/block:IfCaption}
  446.  
  447. {block:IfNotCaption}{block:PermalinkPage}
  448. {block:Caption}{Caption}{/block:Caption}
  449. {block:PermalinkPage}{/block:IfNotCaption}
  450. </div>
  451.  
  452. </div>{/block:Photoset}
  453.  
  454. {block:Video}<div class="post">
  455. {block:IndexPage}<span class="permabar">
  456. <span class="time"><a href="{Permalink}">{TimeAgo}</a></span><br>
  457. <span class="reblog">{NoteCountWithLabel} - <a href="{ReblogURL}" target="_blank">reblog</a></span>
  458. </span>{/block:IndexPage}
  459.  
  460. <div>{block:IndexPage}{block:IfPostSize1}{Video-500}{/block:IfPostSize1}
  461. {block:IfNotPostSize1}{/block:IfNotPostSize1}
  462. {block:IfPostSize2}{Video-400}{/block:IfPostSize2}
  463. {block:IfNotPostSize2}{/block:IfNotPostSize2}
  464. {block:IfPostSize3}{Video-250}{/block:IfPostSize3}
  465. {block:IfNotPostSize3}{/block:IfNotPostSize3}{/block:IndexPage}
  466.  
  467. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}</div>
  468.  
  469. <div class="comments">
  470. {block:IfCaption}
  471. {block:Caption}{Caption}{/block:Caption}
  472. {/block:IfCaption}
  473.  
  474. {block:IfNotCaption}{block:PermalinkPage}
  475. {block:Caption}{Caption}{/block:Caption}
  476. {block:PermalinkPage}{/block:IfNotCaption}
  477. </div>
  478.  
  479. </div>{/block:Video}
  480.  
  481. {block:Answer}
  482. <div class="post">
  483. {block:IndexPage}<span class="permabar">
  484. <span class="time"><a href="{Permalink}">{TimeAgo}</a></span><br>
  485. <span class="reblog">{NoteCountWithLabel} - <a href="{ReblogURL}" target="_blank">reblog</a></span>
  486. </span>{/block:IndexPage}
  487.  
  488. <div>
  489. <span style="font-weight:800;">{Asker}</span> asked : <span style="font-style:italic;color:{color:Link};">{Question}</span></div>
  490. <div><span class="comments" style="padding-left:5px;padding-right:5px;">{Answer}</span></div>
  491. </div>{/block:Answer}
  492.  
  493. {block:PermalinkPage}<div id="permabar">
  494. Posted {block:Date}<a href="{Permalink}">{TimeAgo}</a> with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}{block:RebloggedFrom} (via <a href="{ReblogParentURL}">{ReblogParentName}</a> , org. <a href="{ReblogRootURL}">{ReblogRootName}</a> ){/block:RebloggedFrom}<br>
  495. {block:HasTags}{block:Tags}
  496. &#160#<a href="{TagURL}" class="tags">{Tag}</a>{/block:Tags}{/block:HasTags}
  497. {block:PostNotes} {PostNotes}{/block:PostNotes} </div>{/block:PermalinkPage}
  498.  
  499. {/block:Posts}</td></tr>
  500. </table>
  501. </div>
  502.  
  503. {block:IfNotEndlessScroll}{block:Pagination}
  504. <div style="position:fixed;top:280px;
  505. {block:IfPostSize1}left:980px;{/block:IfPostSize1}
  506. {block:IfPostSize2}left:880px;{/block:IfPostSize2}
  507. {block:IfPostSize3}left:680px;{/block:IfPostSize3};padding-top:15px;padding-bottom:15px;border-left:1px solid #000;text-align:right;">
  508. {block:NextPage}<a href="{NextPage}"><div class="page">next</div></a>{/block:NextPage}
  509. {block:PreviousPage}<a href="{PreviousPage}"><div class="page">previous</div></a>{/block:PreviousPage}
  510. <div class="pages">{CurrentPage}/{TotalPages}</div>
  511. </div>
  512. {/block:Pagination}{/block:IfNotEndlessScroll}
  513.  
  514. {block:IfEndlessScroll}
  515. <a style="position:fixed;bottom:2px;right:5px;" href="#top" >back to top</a>{/block:IfEndlessScroll}
  516.  
  517. </body>
  518.  
  519. </html>
Advertisement
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!