API tools faq
paste
Advertisement
tannyoliveira

Theme Tackin 002

tannyoliveira
Jul 17th, 2013
163
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.37 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <!-- THEME BY TANNY/TWISTERPSDS.TUMBLR.COM / CREDITO DE ALGUNS CSS KISSES-PSDS | DON'T DELETE CREDIT -->
  5.  
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  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. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro|Average+Sans|Sirin+Stencil|Scada' rel='stylesheet' type='text/css'>
  15. <link href='http://fonts.googleapis.com/css?family=Orienta&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
  16. <link href='http://static.tumblr.com/kfzwuwk/9n2mq3uvc/intro.otf' rel='stylesheet' type='text/css'>
  17. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  18. <link href='http://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
  19. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  20. <script>
  21. (function($){
  22. $(document).ready(function(){
  23. $("a[title]").style_my_tooltips({
  24. tip_follows_cursor:true,
  25. tip_delay_time:90,
  26. tip_fade_speed:600,
  27. attribute:"title"
  28. });
  29. });
  30. })(jQuery);
  31.  
  32.  
  33. </script>
  34.  
  35. <meta name="text:Link1" content="/" />
  36. <meta name="text:Link1 Title" content="link 1" />
  37. <meta name="text:Link2" content="/" />
  38. <meta name="text:Link2 Title" content="link 2" />
  39. <meta name="text:Link3" content="/" />
  40. <meta name="text:Link3 Title" content="link 3" />
  41. <meta name="text:Link4" content="/" />
  42. <meta name="text:Link4 Title" content="link 4" />
  43. <meta name="text:Link5" content="/" />
  44. <meta name="text:Link5 Title" content="link 5" />
  45. <meta name="text:Link6" content="/" />
  46. <meta name="text:Link6 Title" content="link 6" />
  47. <meta name="text:Link7" content="/" />
  48. <meta name="text:Link7 Title" content="link 7" />
  49. <meta name="text:Link8" content="/" />
  50. <meta name="text:Link8 Title" content="link 8" />
  51. <meta name="text:Link9" content="/" />
  52. <meta name="text:Link9 Title" content="link 9 link da side" />
  53. <meta name="text:Link10" content="/" />
  54. <meta name="text:Link10 Title" content="link 10 link da side" />
  55. <meta name="text:Link11" content="/" />
  56. <meta name="text:Link11 Title" content="link 11 link da side" />
  57. <meta name="text:Link12" content="/" />
  58. <meta name="text:Link12 Title" content="link 12 link da side" />
  59. <meta name="text:Link13" content="/" />
  60. <meta name="text:Link13 Title" content="link 13 link da side" />
  61. <meta name="text:Link14" content="/" />
  62. <meta name="text:Link14 Title" content="link 14 link da side" />
  63.  
  64. <meta name="color:bg" content="#000000"/>
  65. <meta name="color:cor um" content="#9000ff"/>
  66. <meta name="color:cor dois" content="#0066cc"/>
  67. <meta name="color:cor tres" content="#f831ff"/>
  68. <meta name="color:text" content="#000000"/>
  69. <meta name="text:SUA URL" content="http://" />
  70.  
  71.  
  72. <meta name="image:BG Image" content="http://media.tumblr.com/4c77a856d9c91116799b3dccc90154fb/tumblr_inline_mq3yi8jmc41qz4rgp.png"/>
  73. <meta name="image:Header Image" content="http://static.tumblr.com/kfzwuwk/a0tmq3ywx/header.png"/>
  74. <meta name="image:Sidebar Image" content="http://25.media.tumblr.com/fb967e34d4d5bb12d3f7300f4215141f/tumblr_mq28l2FEzv1r93x39o1_1280.jpg"/>
  75.  
  76. <style>
  77. div.treme img{position:relative}
  78. </style>
  79. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
  80. <script src="http://tumbletricks.webs.com/treme.js"></script>
  81. </head>
  82.  
  83.  
  84. <style>
  85. iframe#tumblr_controls {
  86. right:3px !important;
  87. position: fixed !important;
  88. -webkit-filter:invert(100%);
  89. }
  90.  
  91. /** body **/
  92. body {background: {color:bg}; url('{image:BG Image}') repeat;font-size:10px;color:#999999;margin:0px;padding:0px;text-align:justify;font-family: 'orienta', sans-serif;}
  93.  
  94. /** tooltip **/
  95. #s-m-t-tooltip {max-width:200px;padding:3px 4px 5px 4px;margin:10px 0px 0px 10px;background:{color:cor um};border:1px solid rgba(0,0,0,0.04);font-family:'Scada';font-size:9px;letter-spacing:2px;text-transform:uppercase;box-shadow: -1px -1px 0px rgba(0,0,0,0.1);border-radius:0px;color:#ffffff;z-index:999999999999999999999999999999999999;}
  96.  
  97. /** scroll to top **/
  98. #scrollToTop {display:none;text-decoration:none;position:fixed;bottom:50px;cursor:pointer;right:50px;padding:5px;border:none;opacity:0.7;z-index:100;-webkit-transition: all 0.4s ease-out;-moz-transition:all 0.4s ease-out;transition:all 0.4s ease-out;}
  99. #scrollToTop:hover {opacity:1;}
  100.  
  101. /** layout **/
  102. #all {width:800px;margin:auto;float:center;position:relative;}
  103. #top {width:width:800px;height:220px;background:#fafafa url('{image:Header Image}');}
  104. #left {width:210px;margin-left:0px;float:left;position:fixed;margin-top:70px;}
  105. #right {width:500px;margin-right:0px;float:right;position:relative;margin-top:20px;margin-bottom:20px;}
  106. #bottom {width:690px;padding:15px;float:left;position:fixed;bottom:0px;left:0px;background:#0000;z-index:99999999999999999999999;}
  107.  
  108. /** scrollbar **/
  109. ::-webkit-scrollbar-thumb:vertical {background:#d68587;height:7px;}
  110. ::-webkit-scrollbar-thumb:horizontal {background:#d68587;height:7px;}
  111. ::-webkit-scrollbar {height: 7px;width:5px;background:#f6f6f6;}
  112.  
  113. /** titles **/
  114. @font-face {font-family: 'intro'; src: url('http://static.tumblr.com/kfzwuwk/9n2mq3uvc/intro.otf');} @font-face {font-family: 'intro'; src: url('http://static.tumblr.com/kfzwuwk/9n2mq3uvc/intro.otf');} @font-face {font-family: 'alegre'; src: url('http://static.tumblr.com/edxt73t/4Ylmpgy2s/american_captain.otf');}
  115. .h1 {font-size:29px;color:{color:cor um};font-family:'intro','intro','intro';text-decoration:none;}
  116. .h1:first-letter {color:{color:cor um};}
  117. .h3 a:hover {text-decoration:none;}
  118. h4{font-size:18px;color:{color:cor dois};font-family:'intro','intro';text-decoration:none;}
  119. h4:first-letter {color:{color:cor dois};}
  120.  
  121. /** ask style **/
  122. .pergunta {text-align:justify;color:#aaa;font-size:11px;margin-left:0px;padding:7px;background:#f7f7f7;margin-top:11px;margin-right:0px;margin-top:-5px;}
  123. .perguntou b,a {color: {color:cor um}; }
  124. .kpou {background:{color:cor dois};color:#fff;padding:4px;margin-right:0px;margin-top:0px;margin-bottom:4px;font-size:10px;font-family:'Scada';text-transform:uppercase;margin-left:32px;} .kpou a{color:#fff;} .kpou a:hover{color:#fff;}
  125. .askfoto {display: inline-block; margin-top: 0px; margin-left: 0px;border-radius:100px;border:2px solid {color:cor tres};padding:3px;margin-right:10px;background:#eee;margin-bottom:4px;}
  126. .line {display:block;margin-left:42px;margin-right:0px;background:none;height:2px;margin-top:10px;}
  127. .resposta {background:#f7f7f7;padding:5px;margin-top:0px;margin-left:0px;margin-right:0px;border-top:1px solid #ddd;margin-bottom:7px;}
  128.  
  129. /***** Menu Border Rainbow - by: daniideutscher.tumblr *****/
  130. @-webkit-keyframes borda {
  131. 0% {border-bottom: 2px solid {color:cor um}; /* Cor 1 */}
  132. 50% {border-bottom: 2px solid {color:cor tres}; /* Cor 2 */}
  133. 100% {border-bottom: 2px solid {color:cor dois}; /* Cor 3 */}
  134. }
  135.  
  136. @-moz-keyframes borda {
  137. 0% {border-bottom: 2px solid {color:cor um}; /* Cor 1 */}
  138. 50% {border-bottom: 2px solid {color:cor tres}; /* Cor 2 */}
  139. 100% {border-bottom: 2px solid {color:cor dois}; /* Cor 3 */}
  140. }
  141.  
  142. /** Caixa do Menu **/
  143. .menu {
  144. position: absolute; /* Se não quiser que fique fixado, mude para "absolute" */
  145. font-family: 'Inconsolata';
  146. font-size:-32px;
  147. left: 0px;
  148. top: 220px;
  149. width: 796px;
  150. height: 20px;
  151. background: {color:cor tres}; /* Cor de Fundo do menu */
  152. text-align: center;
  153. padding: 2px;
  154. margin-bottom: 8px;}
  155.  
  156. .menu mn{
  157. display: inline-block;
  158. color: #ffffff; /* Cor da Fonte */
  159. font-family: 'Inconsolata', cursive;
  160. font-size: 09px;
  161. text-align: center;
  162. padding: 6px;
  163. display: inline-block;
  164. cursor: pointer;
  165. text-transform: uppercase;
  166. -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s;}
  167.  
  168. .menu mn:hover {border-bottom: 8px solid {color:cor dois}; /* Borda para navegadores que não suportam keyframe */
  169. -webkit-animation-name: borda;
  170. -webkit-animation-duration: 0.5s;
  171. -webkit-animation-timing-function: linear;
  172. -webkit-animation-iteration-count: infinite;
  173. -webkit-animation-direction: alternate;
  174.  
  175. -moz-animation-name: borda;
  176. -moz-animation-duration: 0.3s;
  177. -moz-animation-timing-function: linear;
  178. -moz-animation-iteration-count: infinite;
  179. -moz-animation-direction: alternate;}
  180.  
  181.  
  182.  
  183. /** links and others **/
  184. a {text-decoration:none;color:{color:cor umr};}
  185. a:hover {color:#bbbbbb;text-decoration:line-through;}
  186. b {color:{color:cor tres};} i {color:{color:cor dois};}
  187.  
  188. /** blockquote **/
  189. blockquote {background:{color:bg};padding:4px;display:block;border-right:2px solid {color:cor tres};}
  190.  
  191. /** posts **/
  192. .box {width:500px;margin-top:20px;font-family: 'orienta';}
  193. .info-post {background:{color:bg};display:block;padding:4px;text-transform:uppercase;text-align:center;margin-top:8px;margin-bottom:7px;font-family: 'orienta';font-size:9px;}
  194. .tags {text-transform:uppercase;font-size:8px;-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out;opacity:0;margin-left:345px;z-index:-9999999999999999999999;position:absolute;width:150px;} .tags k {color:{color:cor doi};font-family: 'orienta';} .box:hover .tags {margin-left:510px;opacity:1;z-index:9999999999999999999999;}
  195.  
  196.  
  197. /*** Paginação Lovers-of-designs.tumblr.com***/
  198.  
  199. #paginacao {font-size: 9px; font-family:arial; line-height: 21px; color: #777;}
  200. #paginacao a {background:transparent; margin: 0 1px 0 0; padding: 6px 6px; color: #777; text-decoration: none;border-radius:0px;margin-left:2px;}
  201. #paginacao a:hover {background: #fff; border: none;border-radius:0px;}
  202. #paginacao span.pagina_atual {background: #fff; margin: 0 1px 0 0; padding: 6px 6px; color: #777; text-decoration: none;border-radius:0px;}
  203. #paginacao span.info {background: #fff; margin: 0 1px 0 0; padding: 6px 6px; color: #777; text-decoration: none;border-radius:0px;margin-right:5px;}
  204.  
  205.  
  206. /** sidebar **/
  207. .side_box {padding:1px;background:{color:bg};display:block;text-transform:uppercase;font-size:8px;margin-top:-22px;}
  208. .side_box2 {padding:7px;background:{color:bg};display:block;text-transform:uppercase;font-size:10px;} .side_box2 a {margin-left:7px;margin-right:7px;} .side_box2 span {margin-left:7px;margin-right:7px;}
  209. .side_img {width:150px;height:150px;}
  210.  
  211. /* creditos a tanny (tackin.tumblr.com) */
  212.  
  213. #sidebar {
  214. background:transparent;
  215. color:{color:text};
  216. position:fixed;
  217. width:150px;
  218. height:auto;
  219. margin-top:10px;
  220. text-align:left;
  221. padding:25px;
  222. }
  223.  
  224. #sidebar img {
  225.  
  226. width:150px;
  227. height:150px;
  228. height:auto;
  229. margin-bottom:5px;
  230. }
  231. .side {width:160px;height:160}
  232. .side:hover {opacity:0.40;
  233. -moz-transition-duration:0.5s;
  234. -webkit-transition-duration:0.5s;
  235. -o-transition-duration:0.5s;}
  236.  
  237. .bordaht {
  238. -webkit-border-radius: 50px;
  239.  
  240. -moz-border-radius: 100px;
  241.  
  242. border-radius: 100px;}
  243.  
  244. /** notes **/
  245. ol.notes {padding: 0px; margin: 5px 0px;list-style-type: none;text-transform:uppercase;border-bottom: solid 1px {color:tres};background:{color:bg};font-size:10px;}
  246. ol.notes li.note {border-top: solid 1px #f6f6f6;padding: 3px;}
  247. ol.notes li.note img.avatar {vertical-align: -4px;margin-right: 8px;width: 16px;height: 16px;}
  248. ol.notes li.note span.action {font-weight: normal;}
  249. ol.notes li.note .answer_content {font-weight: normal;}
  250. ol.notes li.note blockquote {border-color: #fff;
  251. padding: 4px 10px;
  252. margin: 10px 0px 0px 25px;}
  253.  
  254. /** MENU FLIP FLOP BY CAROL **/
  255.  
  256. .m1 {opacity: 0.0; height: auto; float: left; margin-left:8px; margin-top:40px; padding-left: 1; text-align: center; background-color: transparent; position: fixed; opacity:1; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out;z-index: 100; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out;padding:3px; z-index:100000;}
  257.  
  258. /** MENU FLIP FLOP HOVER BY CAROL **/
  259.  
  260. .m1 a {float: left; font-size:8px; font-family:calibri; text-align: center; height: 15px; margin-left:-1px; width: 32px; background-color: {color:cor tres}; color: #ffffff; border-bottom:0px solid {color:background};letter-spacing: 0px; opacity:1; text-transform:uppercase; padding-left: 1px; line-height: 15px;}
  261.  
  262. .m1 a:hover{ opacity:0.8;-webkit-transition-duration: 1.5s; -moz-transition-duration:1.5s; margin-top: 10px;}
  263.  
  264.  
  265.  
  266. </style>
  267. <body><div style="position:fixed;z-index:1338; !important;top:26px;right:3px;"><script src="http://totallylayouts.com/tumblr/users-online-counter/online.js?id=NEKGDDirtAaiAG9RvwoW"></script></div>
  268.  
  269.  
  270. <div id="all">
  271.  
  272.  
  273. <div id="top"></div>
  274. <div class="menu">
  275. <div class="nav"><b>
  276. <a href="/"><mn>home</mn></a> △
  277. <a href="/faq"><mn>ask</mn></a> △
  278. <a href="{text:Link1}"><mn>{text:Link1 Title}</mn></a> △
  279. <a href="{text:Link2}"><mn>{text:Link2 Title}</mn></a> △
  280. <a href="{text:Link3}"><mn>{text:Link3 Title}</mn></a> △
  281. <a href="{text:Link4}"><mn>{text:Link4 Title}</mn></a> △
  282. <a href="{text:Link5}"><mn>{text:Link5 Title}</mn></a> △
  283. <a href="{text:Link6}"><mn>{text:Link6 Title}</mn></a> △
  284. <a href="http://tackin.tumblr.com/" title="tackin"><mn>cred</mn></a></b>
  285.  
  286.  
  287. <br><!-------------CRÉDITOS CAPACIDADES---------------->
  288.  
  289. <div style="display:block;top:10px;left:5px;font-size:8px;font-family:pf arma five;position:fixed;background-color:{color:bg cor}; color: {color:bg color}; padding:3px;z-index:55554235555;"><a href="http://tackin.tumblr.com/" title="design by tackin">THEME BY TACKIN <font color="#ffaacb">©</font></a>
  290. </div>
  291. </a>
  292. </div></div>
  293. <div id="left">
  294. <div class="side_box">
  295. <br><p><center>
  296. {description} <br></div><div class="treme"><div id="sidebar"><div id="side">
  297. <img src="{image:sidebar image}"class="bordaht" ></div><div> </div>
  298. <div id="paginacao"><center>Página <b>{CurrentPage}</b> de <b>{TotalPages}</b></span> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}{/block:Pagination} {block:JumpPagination length="10"} {block:CurrentPage}<span class="atual">{PageNumber}</span>{/block:CurrentPage} {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage} {/block:JumpPagination} {block:Pagination}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage} {/block:Pagination}
  299. </div> </center></div></div>
  300.  
  301.  
  302. </div>
  303.  
  304. <div class="m1">
  305.  
  306. <a href="{text:Link9}">{text:Link9 Title}</a>
  307. <a href="{text:Link10}">{text:Link10 Title}</a>
  308. <a href="{text:Link11}">{text:Link11 Title}</a>
  309. <a href="{text:Link12}">{text:Link12 Title}</a>
  310. <a href="{text:Link13}">{text:Link13 Title}</a>
  311. <a href="{text:Link14}">{text:Link14 Title}</a>
  312. </div>
  313. <div id="right">
  314.  
  315.  
  316. {block:Posts}
  317. <div class="box">
  318. {block:HasTags}<div class="tags">{block:Tags}<div><k>#</k><a href="{TagURL}">{Tag}</a></div>{/block:Tags}</div>{/block:HasTags}
  319.  
  320. <!--TEXTOs-->
  321.  
  322. {block:Text}
  323.  
  324. {block:Title}<div class="h3"><a href="{Permalink}"><div class="h1">{Title}</div></a></div>{/block:Title}
  325.  
  326. <div>{Body}</div>
  327.  
  328. {/block:Text}
  329.  
  330.  
  331.  
  332. <!--PERGUNTAS E MENSAGENS-->
  333.  
  334. {block:Answer}
  335. <img src="{AskerPortraitURL-40}" align="left" class="askfoto">
  336. <div class="line"></div> <div class="kpou">{asker} perguntou:</div>
  337. <div class="pergunta">
  338. {Question}
  339. <br><br>
  340. </div>
  341. <div class="linha"></div>
  342. <div class="resposta">{Answer}</div>
  343. {/block:Answer}
  344.  
  345.  
  346.  
  347. <!--LINKS-->
  348.  
  349. {block:Link}
  350.  
  351. <div class="h3"><a href="{URL}"><div class="h1">{Name}</div></a></div>
  352.  
  353. {block:Description}{Description}{/block:Description}
  354.  
  355.  
  356. {block:Link}
  357.  
  358.  
  359.  
  360. <!--FOTOS-->
  361.  
  362. {block:Photo}
  363. <center>{LinkOpenTag}<img src="{PhotoURL-500}" title="{PhotoAlt}" />{LinkCloseTag}</center><br />
  364.  
  365. {block:Caption}{Caption}{/block:Caption}<br />
  366.  
  367. {/block:Photo}
  368.  
  369.  
  370.  
  371. <!--FRASES-->
  372.  
  373. {block:Quote}
  374.  
  375. <div class="h1">{Quote}</div>
  376.  
  377. {block:Source}<div style="text-align:right">&mdash; {Source}</div>{/block:Source}
  378.  
  379. {/block:Quote}
  380.  
  381.  
  382.  
  383. <!--DIALOGOS-->
  384.  
  385. {block:Chat}
  386.  
  387. {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  388.  
  389. <table>
  390. {block:Lines}
  391. <tr>
  392. {block:Label}<td class="name">{Label}</td>{block:Label}
  393. <td class="words">{Line}</td>
  394. </tr>
  395. {/block:Lines}
  396. </table><br />
  397.  
  398. {/block:Chat}
  399.  
  400.  
  401.  
  402. <!--MUSICAS-->
  403.  
  404. {block:Audio}
  405.  
  406. <div style="float:right; margin-top: 6px;"><i>Música ouvida {PlayCount} vezes</i> {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>){/block:ExternalAudio}</div>
  407.  
  408. <center>{AudioPlayerWhite}</centeR>
  409.  
  410. {block:Caption}{Caption}{/block:Caption}<br />
  411.  
  412.  
  413. {/block:Audio}
  414.  
  415.  
  416.  
  417. <!--VIDEOS-->
  418.  
  419. {block:Video}
  420.  
  421. <center>{Video-500}</center>
  422.  
  423. {block:Caption}{Caption}{/block:Caption}<br />
  424.  
  425. {/block:Video}
  426.  
  427. <div class="info-post">
  428. <b>posted on</b> {block:NoteCount}{NoteCount} • {/block:NoteCount}in {DayOfMonth}/{MonthNumberWithZero}/{Year} to {12Hour}:{Minutes}{AmPm} • <a href="{permalink}" title="permalink">like ♥</a> • <a href="{ReblogURL}" target="_blank">Reblog ↻</a> {block:RebloggedFrom} • <a href="{ReblogParentURL}" target="_blank">via {ReblogParentName}</a>{/block:RebloggedFrom}
  429. </div>
  430.  
  431. {block:PostNotes}<br />{PostNotes}{/block:PostNotes}
  432.  
  433. </div>{/block:Posts}
  434.  
  435. </div>
  436.  
  437. </div>
  438.  
  439. </body>
  440. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!