API tools faq
paste
Bakaway

theme 13

Bakaway
Jun 21st, 2012
33
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.00 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3.  
  4. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5.  
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  7.  
  8. <head>
  9.  
  10.  
  11.  
  12. <! theme #1 por estranhus !>
  13.  
  14.  
  15.  
  16. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
  17. <script type="text/javascript">
  18. function slideSwitch() {
  19. var $active = $('#slideshow img.active');
  20.  
  21. $active.addClass('last-active');
  22.  
  23. // verifica se existe um próximo objeto na div #slideshow, caso ele nao exista, retorna para o primeiro
  24. var $next = $active.next().length ? $active.next() : $('#slideshow img:first');
  25.  
  26. $next.css({opacity: 0.0})
  27. .addClass('active')
  28. .animate({opacity: 1.0}, 1000, function() {
  29. $active.removeClass('active last-active');
  30. });
  31. }
  32.  
  33. $(function() {
  34. //Executa a função a cada 2 segundos
  35. setInterval( "slideSwitch()", 2500 );
  36. });
  37. </script>
  38.  
  39.  
  40. <script type="text/javascript">
  41.  
  42.  
  43.  
  44.  
  45.  
  46. //Created by Title bar Maker (http://www.bosiljak.hr/titlemaker)
  47.  
  48.  
  49.  
  50.  
  51.  
  52.  
  53.  
  54.  
  55.  
  56. function tb8_makeArray(n){
  57.  
  58.  
  59.  
  60.  
  61.  
  62. this.length = n;
  63.  
  64.  
  65.  
  66.  
  67.  
  68. return this.length;
  69.  
  70.  
  71.  
  72.  
  73.  
  74. }
  75.  
  76.  
  77.  
  78.  
  79.  
  80.  
  81.  
  82.  
  83.  
  84. tb8_messages = new tb8_makeArray(1);
  85.  
  86.  
  87.  
  88.  
  89.  
  90.  
  91.  
  92.  
  93.  
  94. tb8_messages[0] = "{Title}";
  95.  
  96.  
  97.  
  98.  
  99.  
  100.  
  101.  
  102.  
  103.  
  104. tb8_rptType = 'infinite';
  105.  
  106.  
  107.  
  108.  
  109.  
  110.  
  111.  
  112.  
  113.  
  114. tb8_rptNbr = 5;
  115.  
  116.  
  117.  
  118.  
  119.  
  120.  
  121.  
  122.  
  123.  
  124. tb8_speed = 100;
  125.  
  126.  
  127.  
  128.  
  129.  
  130.  
  131.  
  132.  
  133.  
  134. tb8_delay = 2000;
  135.  
  136.  
  137.  
  138.  
  139.  
  140.  
  141.  
  142.  
  143.  
  144. var tb8_counter=1;
  145.  
  146.  
  147.  
  148.  
  149.  
  150.  
  151.  
  152.  
  153.  
  154. var tb8_currMsg=0;
  155.  
  156.  
  157.  
  158.  
  159.  
  160.  
  161.  
  162.  
  163.  
  164. var tb8_tekst ="";
  165.  
  166.  
  167.  
  168.  
  169.  
  170.  
  171.  
  172.  
  173.  
  174. var tb8_i=0;
  175.  
  176.  
  177.  
  178.  
  179.  
  180.  
  181.  
  182.  
  183.  
  184. var tb8_TID = null;
  185.  
  186.  
  187.  
  188.  
  189.  
  190.  
  191.  
  192.  
  193.  
  194. function tb8_pisi(){
  195.  
  196.  
  197.  
  198.  
  199.  
  200.  
  201.  
  202.  
  203.  
  204. tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
  205.  
  206.  
  207.  
  208.  
  209.  
  210.  
  211.  
  212.  
  213.  
  214. document.title = tb8_tekst;
  215.  
  216.  
  217.  
  218.  
  219.  
  220.  
  221.  
  222.  
  223.  
  224. tb8_sp=tb8_speed;
  225.  
  226.  
  227.  
  228.  
  229.  
  230.  
  231.  
  232.  
  233.  
  234. tb8_i++;
  235.  
  236.  
  237.  
  238.  
  239.  
  240.  
  241.  
  242.  
  243.  
  244. if (tb8_i==tb8_messages[tb8_currMsg].length){
  245.  
  246.  
  247.  
  248.  
  249.  
  250.  
  251.  
  252.  
  253.  
  254. tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
  255.  
  256.  
  257.  
  258.  
  259.  
  260.  
  261.  
  262.  
  263.  
  264. }
  265.  
  266.  
  267.  
  268.  
  269.  
  270.  
  271.  
  272.  
  273.  
  274. if (tb8_currMsg == tb8_messages.length){
  275.  
  276.  
  277.  
  278.  
  279.  
  280.  
  281.  
  282.  
  283.  
  284. if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
  285.  
  286.  
  287.  
  288.  
  289.  
  290.  
  291.  
  292.  
  293.  
  294. clearTimeout(tb8_TID);
  295.  
  296.  
  297.  
  298.  
  299.  
  300.  
  301.  
  302.  
  303.  
  304. return;
  305.  
  306.  
  307.  
  308.  
  309.  
  310.  
  311.  
  312.  
  313.  
  314. }
  315.  
  316.  
  317.  
  318.  
  319.  
  320.  
  321.  
  322.  
  323.  
  324. tb8_counter++;
  325.  
  326.  
  327.  
  328.  
  329.  
  330.  
  331.  
  332.  
  333.  
  334. tb8_currMsg = 0;
  335.  
  336.  
  337.  
  338.  
  339.  
  340. }
  341.  
  342.  
  343.  
  344.  
  345.  
  346.  
  347.  
  348.  
  349.  
  350. tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
  351.  
  352.  
  353.  
  354.  
  355.  
  356.  
  357.  
  358.  
  359.  
  360. }
  361.  
  362.  
  363.  
  364.  
  365.  
  366.  
  367.  
  368.  
  369.  
  370. tb8_pisi()
  371.  
  372.  
  373.  
  374.  
  375.  
  376.  
  377.  
  378.  
  379.  
  380. </script>
  381.  
  382. <meta name="color:background" content="#ebebeb" />
  383. <meta name="color:text" content="#aaaaaa" />
  384. <meta name="color:post" content="#fff" />
  385. <meta name="color:sidebar" content="#fff" />
  386. <meta name="color:bg image hover" content="#aaaaaa" />
  387. <meta name="color:titulo" content="#aaaaaa" />
  388. <meta name="color:scroll" content="#aaaaaa" />
  389.  
  390. <meta name="image:sidebar1" content="http://static.tumblr.com/j5c2yez/JmWm1elf4/1.jpg" />
  391. <meta name="image:sidebar2" content="http://static.tumblr.com/j5c2yez/0ysm1elg2/2.jpg" />
  392. <meta name="image:sidebar3" content="http://static.tumblr.com/j5c2yez/6Abm1elgb/3.jpg" />
  393.  
  394. <meta name="text:titulo" content="three words, eight letters.<br> say it, and i'm yours." />
  395.  
  396. <meta name="font:text" content="verdana" />
  397. <meta name="font:title" content="georgia" />
  398.  
  399. <meta name="text:Link1" content="" />
  400. <meta name="text:Link1 Title" content="" />
  401. <meta name="text:Link2" content="" />
  402. <meta name="text:Link2 Title" content="" />
  403. <meta name="text:Link3" content="" />
  404. <meta name="text:Link3 Title" content="" />
  405. <meta name="text:Link4" content="" />
  406. <meta name="text:Link4 Title" content="" />
  407. <meta name="text:Link5" content="" />
  408. <meta name="text:Link5 Title" content="" />
  409.  
  410. <link rel="shortcut icon" href="{Favicon}">
  411.  
  412. <style type="text/css">
  413.  
  414. body {background-color: {color:background}; font-family: verdana; color: {color:text}; text-align: center; font-size: 11px;}
  415.  
  416. a {color: {color:text}; text-decoration: none; text-transform: none;}
  417.  
  418. a:hover {color: {color:text}; background-color: transparent; text-decoration: none;}
  419.  
  420. p {margin: 6px 0 0 0}
  421.  
  422. blockquote {margin: 5px 5px 5px 5px; border-left: 4px solid {color:post}; padding-left: 5px; }
  423.  
  424. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:background};}
  425.  
  426. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:post}; }
  427.  
  428. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:post}; }
  429.  
  430. blockquote img{max-width: 470px!important}
  431.  
  432. blockquote blockquote img{max-width: 450px!important}
  433.  
  434. blockquote blockquote blockquote img{max-width: 430px!important}
  435.  
  436. blockquote blockquote blockquote blockquote img{max-width: 410px!important}
  437.  
  438. #tudo {text-align: center; width: 935px; margin: 20px auto 20px auto; padding: 0px; z-index: 1}
  439.  
  440. #posts2 {float: left; margin-left: 293px; margin-top: 0px; }
  441.  
  442. .posts3 {width: 500px; background-color: {color:post}; padding: 15px; margin-bottom: 1px; text-align: justify; font-family:{font:text}; font-size: 11px;}
  443.  
  444. h1 {font-family: {font:title}; text-align: center; font-size: 16px; text-transform: uppercase; color: {color:text}; font-weight: normal; line-height: 18px;}
  445.  
  446. h1 a {text-align: center; font-size: 16px; text-transform: uppercase; color: {color:link}; font-weight: normal; line-height: 18px;}
  447.  
  448. h1 a:hover {text-align: center; font-size: 16px; text-transform: uppercase; color: {color:linkhover}; font-weight: normal; line-height: 18px;}
  449.  
  450. .image {text-align: center; border: 0px}
  451.  
  452. .image img {max-width: 500px; margin-bottom: 2px }
  453.  
  454. .oiqqtt {font-family: georgia; text-align: center; font-size: 13px; line-height: 15px; padding: 3px;}
  455.  
  456. .oiqqtts {text-align: center; text-transform: none; margin-bottom: 5px;}
  457.  
  458. .oiqqtts a, a:hover{text-transform: none;}
  459.  
  460. .chat {line-height: 13px; list-style: none }
  461.  
  462. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  463.  
  464. .person1 {color: {color:text}; padding: 2px; }
  465.  
  466. .person1 .label {font-weight: bold; color:{color:text}}
  467.  
  468. .person2 {color: {color:text}; padding: 2px; }
  469.  
  470. .person2 .label {font-weight: bold; color:{color:text}}
  471.  
  472. .player {background-color: #000; text-align: left; display:block;}
  473.  
  474. #asker {font-size: 11px; font-family: {font:text}; text-align: justify;}
  475.  
  476. .answer {padding: 2px}
  477.  
  478. .answer img {max-width: 470px;}
  479.  
  480. #codedata {text-align: left; font-size: 9px; font-family: verdana; text-transform: lowercase; z-index: 11;}
  481.  
  482. #codedata a {font-size: 9px;}
  483.  
  484. .tags {color: {color:text}; font-size: 9px; font-family: {font:text}; display: inline; list-style: none; text-transform: lowercase;}
  485.  
  486. .tags a {font-size: 9px; color: {color:text}; display: inline; list-style: none; text-transform: lowercase;}
  487.  
  488. #cap {width: 500px; margin-top: -2px;}
  489. .source {display: none;}
  490.  
  491. .notes {width: 530px; padding: 0px; margin-top: 5px; margin-bottom: 10px; font-size: 9px; text-align: left}
  492.  
  493. ol.notes {list-style: none; margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  494.  
  495. ol.notes li {background-color: {color:post}; margin-bottom: 5px; padding: 5px; }
  496.  
  497. .notes img{display: none; border:0px}
  498.  
  499. ::-webkit-scrollbar{width:5px;height:5px;}
  500.  
  501. ::-webkit-scrollbar-button:start:decrement
  502.  
  503. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  504.  
  505. ::-webkit-scrollbar-track-piece{background-color: #fff; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  506.  
  507. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:scroll};-webkit-border-radius:px;}
  508.  
  509. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: {color:scroll};-webkit-border-radius:px;}
  510.  
  511. #tumblr_controls{position: fixed!important}
  512.  
  513. #tumblr_controls{position: fixed!important}
  514.  
  515. #tumblr_controls{position: fixed!important}
  516.  
  517. #tumblr_controls{position: fixed!important}
  518.  
  519. #posts1 {margin:40px 0 10px 0}
  520.  
  521. #sidebar {position: fixed; margin: 2px 0px 0px 9px;}
  522.  
  523. #credit {float: left; margin-top: 303px; margin-left: 123px; width: 152px; background-color: {color:sidebar}; color: {color:text}; padding: 4px; font-size: 9px; font-family: georgia; text-align: center; height: 10px; line-height: 9px; }
  524.  
  525. #credit a {font-size: 9px; color: {color:text}}
  526.  
  527. .caixinha3 { overflow: auto; background: {color:sidebar}; padding: 3px 3px 2px 3px; position: fixed; width: 16px; height: 13px; margin-top: 303px; margin-left: 100px; text-align: center; font-family: {font:title}; font-size: 10px; color: {color:titulo}; letter-spacing: 0px; font-weight: italic;}
  528.  
  529. .caixinha { overflow: auto; background: {color:sidebar}; padding: 3px 3px 2px 3px; position: fixed; width: 154px; height: 25px; margin-top: 139px; margin-left: 123px; text-align: center; font-family: {font:title}; font-size: 10px; color: {color:titulo}; letter-spacing: 0px; font-weight: italic;}
  530.  
  531. .caixinha2 { overflow: auto; background: #aaa; padding: 3px 3px 2px 3px; position: fixed; width: 154px; height: 0px; margin-top: 134px; margin-left: 123px; text-align: center; font-family: {font:title}; font-size: 10px; color: {color:titulo}; letter-spacing: 0px; font-weight: italic;}
  532.  
  533. #slideshow { position: fixed; height: 122px; width: 150px; margin-top: 170px; background-color: {color:sidebar}; padding: 5px; margin-left: 123px; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.5s ease-out; }
  534.  
  535. #slideshow:hover { background-color: {color:bg image hover}; opacity: 0.7; -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out; }
  536.  
  537. #slideshow img { position:absolute; top:0; left:0; z-index:8; height: 122px; width: 150px; padding: 5px; }
  538.  
  539. #slideshow img.active { z-index:10; }
  540.  
  541. #slideshow img.last-active { z-index:9; }
  542.  
  543. #navigation { text-align:right; margin-left: 100px; margin-top: 170px; padding:5px; position: fixed; background-color: #FFFFFF; }
  544.  
  545. #hover {width: 148px; margin-top: 137px; height: 20px; padding: 6px; position: fixed; font-family: georgia; font-size: 9px; text-align: center; background-color: #fff; color: #aaa; -moz-transition: all .7s ease-in-out!important; -o-transition: all .7s ease-in-out!important; transition: all .7s ease-in-out!important; -webkit-transition: all .7s ease-in-out!important; margin-left: 123px; overflow: hidden;font-family:'Georgia'; background-image:url('http://assets.tumblr.com/images/x.gif'); z-index: 3; }
  546.  
  547. #hover a {color: #aaa; }
  548.  
  549. #hover:hover {height: 152px; width: 148px; margin-left: 123px; position:fixed; background-color: #fff; padding: 6px; opacity: 0.9; z-index: 999999; }
  550.  
  551. #descri {padding: 5px; text-align: justify; font-size: 9px; font-family: verdana; color: #aaa;}
  552.  
  553. #descri a {color: text;}
  554.  
  555. </style>
  556.  
  557. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  558.  
  559. </head>
  560.  
  561. <body oncontextmenu="return false" onselectstart="return false" onmousedown="return false" onkeydown="return false">
  562.  
  563. <div id="tudo">
  564.  
  565. <div id="sidebar">
  566.  
  567. <div class="caixinha3"><center>
  568.  
  569. {block:Pagination}{block:PreviousPage}
  570. <a href="{PreviousPage}">«</a>
  571. {/block:PreviousPage}{/block:Pagination}
  572.  
  573. {block:Pagination}{block:NextPage}
  574. <a href="{NextPage}">»</a>
  575. {/block:NextPage}{/block:Pagination}
  576.  
  577. </center></div>
  578.  
  579.  
  580. <div class="caixinha2"></div>
  581.  
  582. <div id="hover">
  583. <i>{text:titulo}</i>
  584. <div id="descri">{description}</div>
  585. </div>
  586.  
  587. <div id="navigation">
  588. {block:ifLink1}<a href="{text:Link1}" title="{text:Link1 Title}"><img src="http://static.tumblr.com/ejm8w78/lhflz2pxj/home.png" width=12px"></a>{/block:ifLink1}<br><br>
  589. {block:ifLink2}<a href="{text:Link2}" title="{text:Link2 Title}"><img src="http://static.tumblr.com/ejm8w78/w3Qlz2pzs/email.png" width=12px"></a>{/block:ifLink2}<br><br>
  590. {block:ifLink3}<a href="{text:Link3}" title="{text:Link3 Title}"><img src="http://static.tumblr.com/ejm8w78/EVjlz2rwa/comment.png"width=12px"></a>{/block:ifLink3}<br><br>
  591. {block:ifLink4}<a href="{text:Link4}" title="{text:Link4 Title}"><img src="http://static.tumblr.com/ejm8w78/LnMlz2re3/user.png"width=12px"></a>{/block:ifLink4}<br><br>
  592. {block:ifLink5}<a href="{text:Link5}" title="{text:Link5 Title}"><img src="http://static.tumblr.com/ejm8w78/5j5lz2s6p/heart.png"width=12px"></a>{/block:ifLink5}
  593. </div>
  594.  
  595. <div id="slideshow">
  596. <img class="active" src="{image:sidebar1}" alt="" title="" />
  597. <img src="{image:sidebar2}" alt="" title="" />
  598. <img src="{image:sidebar3}" alt="" title="" />
  599. </div>
  600.  
  601. <div id="credit">
  602. theme by <a href="http://estranhus.tumblr.com/" target="_blank"><b>estranhus</b></a>.
  603. </div>
  604.  
  605.  
  606. </div>
  607.  
  608.  
  609. <div id="posts1">
  610. <div id="posts2">
  611. {block:Posts}
  612. <div class="posts3">
  613.  
  614. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  615.  
  616. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  617.  
  618. {block:Photoset}{Photoset-500}{/block:Photoset}
  619.  
  620. {block:Quote}
  621. <div class="oiqqtt">“{Quote}”</div>
  622. {block:Source}<div class="oiqqtts"> — {Source}</div>
  623. {/block:Source}
  624. {/block:Quote}
  625.  
  626. {block:Link}
  627. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  628. {block:Description}{Description}{/block:Description}
  629. {/block:Link}
  630.  
  631. {block:Chat}
  632. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  633. <div class="chat"><ul>{block:Lines}
  634. <li class="person{UserNumber}">{block:Label}
  635. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  636. {/block:Chat}
  637.  
  638. {block:Audio}
  639. <div class="player">{AudioPlayerBlack}</div>
  640. {block:Caption}{Caption}{/block:Caption}
  641. {/block:Audio}
  642.  
  643. {block:Video}{Video-500}{/block:Video}
  644.  
  645. {block:Answer}
  646. <div id="asker"><b>{Asker} asked:</b> {Question}</div>
  647. <div class="answer">{Answer}</div>
  648. {/block:Answer}
  649.  
  650. <div id="cap">
  651. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  652. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  653. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  654.  
  655. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  656. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  657. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  658. {/block:ContentSource}</div></div>
  659. <br>
  660.  
  661. <div id="codedata">
  662. {block:Date}<div class="tags">{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}<br>{/block:HasTags}</div>
  663. <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} · <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:IndexPage} · <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}
  664. {block:RebloggedFrom}<br>originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>{/block:RebloggedFrom}{block:RebloggedFrom} · via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  665. {/block:RebloggedFrom}
  666. </div>
  667. </div>{/block:Date}
  668.  
  669.  
  670. {/block:Posts}
  671. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  672.  
  673.  
  674.  
  675.  
  676.  
  677.  
  678.  
  679.  
  680. </div>
  681. </div>
  682. </div>
  683. </div>
  684. </div>
  685. </div>
  686.  
  687. </body>
  688. </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!