nyqueramos

Theme 3

Jun 2nd, 2012
58
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.65 KB | None | 0 0
  1. <html>
  2.  
  3. <!--THEME FEITO POR EN-TORPCENTE, DON'T COPY.--!>
  4.  
  5.  
  6.  
  7.  
  8. <head>
  9.  
  10. <script type="text/javascript">
  11. // <![CDATA[
  12.  
  13.  
  14.  
  15. var bgcolour="#ffffff"; // background colour
  16.  
  17.  
  18.  
  19. var fgcolour="#666666"; // foreground colour
  20.  
  21.  
  22.  
  23. var speed=100; // speed of bubbling, lower is faster
  24.  
  25.  
  26.  
  27. var shades=10; // number of shades of bubble
  28.  
  29.  
  30.  
  31.  
  32.  
  33.  
  34.  
  35. /****************************
  36.  
  37.  
  38.  
  39. * Bubbling Text Effect *
  40.  
  41.  
  42.  
  43. *(c) 2003-6 mf2fm web-design*
  44.  
  45.  
  46.  
  47. * http://www.mf2fm.com/rv *
  48.  
  49.  
  50.  
  51. * DON'T EDIT BELOW THIS BOX *
  52.  
  53.  
  54.  
  55. ****************************/
  56.  
  57.  
  58.  
  59. var bubbcol=new Array();
  60.  
  61.  
  62.  
  63. var bubbler, bubbtxt;
  64.  
  65.  
  66.  
  67. var bubbchr=new Array();
  68.  
  69.  
  70.  
  71. window.onload=function() { if (document.getElementById) {
  72.  
  73.  
  74.  
  75. for (bubbler=0; bubbler<=shades; bubbler++) {
  76.  
  77.  
  78.  
  79. bubbtxt="#";
  80.  
  81.  
  82.  
  83. for (var i=1; i<6; i+=2) {
  84.  
  85.  
  86.  
  87. var bg=parseInt(bgcolour.substring(i,i+2),16);
  88.  
  89.  
  90.  
  91. bubbtxt+=dechex(Math.floor(bg+(parseInt(fgcolour.substring(i,i+2),16)-bg)*(bubbler/shades)));
  92.  
  93.  
  94.  
  95. }
  96.  
  97.  
  98.  
  99. bubbcol[bubbler+1]=bubbtxt;
  100.  
  101.  
  102.  
  103. }
  104.  
  105.  
  106.  
  107. bubbler=document.getElementById("bubble");
  108.  
  109.  
  110.  
  111. bubbtxt=bubbler.firstChild.nodeValue;
  112.  
  113.  
  114.  
  115. while (bubbler.childNodes.length) bubbler.removeChild(bubbler.childNodes[0]);
  116.  
  117.  
  118.  
  119. for (var i=0; i<bubbtxt.length; i++) {
  120.  
  121.  
  122.  
  123. var bubbi=document.createElement("span");
  124.  
  125.  
  126.  
  127. bubbi.setAttribute("id", "bubb"+i);
  128.  
  129.  
  130.  
  131. bubbi.appendChild(document.createTextNode(bubbtxt.charAt(i)));
  132.  
  133.  
  134.  
  135. bubbler.appendChild(bubbi);
  136.  
  137.  
  138.  
  139. }
  140.  
  141.  
  142.  
  143. bubbler=setInterval ("bubbling()", speed);
  144.  
  145.  
  146.  
  147. }}
  148.  
  149.  
  150.  
  151.  
  152.  
  153.  
  154.  
  155. function dechex(dec) {
  156.  
  157.  
  158.  
  159. var hex=dec.toString(16);
  160.  
  161.  
  162.  
  163. if (dec<16) return "0"+hex;
  164.  
  165.  
  166.  
  167. else return hex;
  168.  
  169.  
  170.  
  171. }
  172.  
  173.  
  174.  
  175.  
  176.  
  177.  
  178.  
  179. function bubbling() {
  180.  
  181.  
  182.  
  183. for (var i=0; i<bubbtxt.length; i++) {
  184.  
  185.  
  186.  
  187. var bubbme=document.getElementById("bubb"+i);
  188.  
  189.  
  190.  
  191. if (bubbchr[i]) {
  192.  
  193.  
  194.  
  195. bubbme.style.color=bubbcol[bubbchr[i]];
  196.  
  197.  
  198.  
  199. bubbchr[i]=(bubbchr[i]+1)%bubbcol.length;
  200.  
  201.  
  202.  
  203. }
  204.  
  205.  
  206.  
  207. else if (Math.random()<0.75/bubbchr.length) bubbchr[i]=1;
  208.  
  209.  
  210.  
  211. }
  212.  
  213.  
  214.  
  215. }
  216.  
  217.  
  218.  
  219. // ]]>
  220.  
  221.  
  222.  
  223. </script>
  224.  
  225. <!-- DEFAULT VARIABLES -->
  226. <meta name="color:background" content="#f8f8f8" />
  227. <meta name="color:post" content="#ffffff" />
  228. <meta name="color:sidebar" content="#000000" />
  229. <meta name="color:text" content="#000000" />
  230. <meta name="color:link hover" content="#f8f8f8" />
  231. <meta name="color:link hover" content="#000000" />
  232. <meta name="color:links" content="#ffffff" />
  233.  
  234. <meta name="text:frase" content="Uma frase aqui" />
  235. <meta name="image:sidebar" content="http://media.tumblr.com/tumblr_m3m9zfwZpl1qkm3k2.jpg" />
  236.  
  237. <meta name="text:Link1" content="" />
  238. <meta name="text:Link1 Title" content="link" />
  239. <meta name="text:Link2" content="" />
  240. <meta name="text:Link2 Title" content="link" />
  241. <meta name="text:Link3" content="" />
  242. <meta name="text:Link3 Title" content="link" />
  243. <meta name="text:Link4" content="" />
  244. <meta name="text:Link4 Title" content="link" />
  245. <meta name="text:Link5" content="" />
  246. <meta name="text:Link5 Title" content="link" />
  247. <meta name="text:Link6" content="" />
  248. <meta name="text:Link6 Title" content="link" />
  249.  
  250. <link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
  251.  
  252. <title>{Title}</title>
  253. <link rel="shortcut icon" href="{Favicon}">
  254. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  255. {block:Description}
  256. <meta name="description" content="{MetaDescription}" />
  257. {/block:Description}
  258.  
  259. <script type="text/javascript" src="http://static.tumblr.com/tuc07b8/IWbm33fy7/tumblr_m301s5ptoz1qzu1cqo1_500.jpg"></script>
  260. <style type="text/css">
  261.  
  262.  
  263. body {background-color: {color:background}; background-image:url('{image:background}'); background-attachment: fixed; font-family: verdana; color: {color:text}; text-align: center; font-size: 10px; }
  264.  
  265. a {color: {color:text}; text-decoration: none; -webkit-transition:1s; }
  266. a:hover {color: {color:text}; background-color: #trans; text-decoration: none; opacity: 0.5; -webkit-transition-duration:.6s; -moz-transition-duration:.6s }
  267.  
  268. p {margin: 6px 0 0 0}
  269.  
  270. blockquote {margin-left:2px; width:500px; padding-left:3px; border-left:1px solid {color:text};}
  271.  
  272.  
  273. img{
  274. margin: 1px;
  275. border: none;
  276. filter: alpha(opacity=75);
  277. moz-opacity:.80;
  278. opacity: 1 ;
  279. -webkit-transition-duration: .50s;
  280. }
  281.  
  282.  
  283.  
  284. #container { width: 350px;position: fixed;}
  285. #contain_inner {margin-left: 0px; background-color: transparent;}
  286.  
  287. #all {text-align: center; overflow: none; width: 526px; height: 360px; margin-top: 100px auto 20px auto; padding: 0px; z-index: 1}
  288.  
  289. #allboxes {float: left; margin-left: 530px; overflow: none; margin-top:80px; }
  290.  
  291. .entry {width: 500px; background-color: {color:post}; padding: 15px; margin-bottom: 1px; text-align: justify; font-family: verdana; font-size: 11px; position: relative;}
  292.  
  293. h1 {font-family: georgia; text-align: center; font-size: 16px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;}
  294. h1 a {text-align: center; font-size: 16px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;}
  295. h1 a:hover {text-align: center; font-size: 16px; text-transform: none; color: {color:text}; letter-spacing:-1px; line-height: 18px; opacity: 0.5; -webkit-transition-duration:.6s; -moz-transition-duration:.6s }
  296.  
  297. .image {text-align: center; border: 0px}
  298. .image img {max-width: 500px; margin-bottom: 2px }
  299.  
  300. .xquote {font-family: georgia; text-align: center; font-size: 13px; line-height: 15px; padding: 3px;}
  301.  
  302. .xquotesource { text-align: center; font-family:sans-serif; font-style:italic; text-transform: none; margin-bottom: 5px; margin-top:10px;}
  303. .xquotesource a, a:hover{text-transform: none;}
  304.  
  305. .chat {line-height: 13px; list-style: none; text-align:center; }
  306. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  307. .person1 {color: {color:text}; padding: 2px; }
  308. .person1 .label {font-weight: bold; color:{color:text}}
  309. .person2 {color: {color:text}; padding: 2px; }
  310. .person2 .label {font-weight: bold; color:{color:text}}
  311.  
  312. .player {background-color: {color:sidebar}; text-align: left; display:block;}
  313.  
  314.  
  315. /* AUDIO POST DE EXTRATREX, NÃO COPIAR */
  316. #audentryprob {display:block; height:auto; position:relative; min-height:110px;}
  317. .audentry {width:490px; background-color:{color:post}; position:relative; padding:5px; {block:IndexPage}overflow:hidden;{/block:IndexPage}; min-height:110px;}
  318.  
  319. .audioplayercircle {
  320. position: absolute;
  321. z-index: 3;
  322. background: white;
  323. -webkit-border-radius: 50px;
  324. -moz-border-radius: 50px;
  325. top: 35px;
  326. left: 35px;
  327. opacity: .8;
  328. filter:alpha(opacity=80)}
  329.  
  330.  
  331. .audioplayer {
  332. width: 20px;
  333. height: 30px;
  334. overflow: hidden;
  335. margin: 17px 24px 13px 16px;
  336. }
  337.  
  338. .audiodata {font:11px verdana; color:{color:text}; text-transform:none; height:15px; padding:0px 7px!important; background-color:{color:background}; float:center; margin-left:55px; text-align:right;}
  339. .audiodata b{color:{color:text};}
  340.  
  341. .aucap {color:{color:quote}; font:11px verdana; line-height:90%; text-align:right; min-height:34px; background-color:#fcfcfc; padding:2px 7px!important;}
  342. #asker {font-size: 11px; font-family: {font:text}; text-align: justify;}
  343. .answer {padding: 2px}
  344. .answer img {max-width: 470px;}
  345.  
  346. .caixa {background: {color:sidebar}; padding: 4px;}
  347.  
  348.  
  349. .bubble {
  350. background: {color:background};
  351. color: #;
  352. margin-top: 2px;
  353. padding: 12px;
  354. margin-left: 40px;
  355. -webkit-border-top-right-radius: 11px;
  356. -webkit-border-bottom-right-radius: 11px;
  357. -moz-border-radius-topright: 11px;
  358. -moz-border-radius-bottomright: 11px;
  359. border-top-right-radius: 11px;
  360. border-bottom-right-radius: 11px;}
  361.  
  362. .caixa aa
  363. {background: {color:background};
  364. height: 16px;
  365. font-style: normal;
  366. font-size: 10px;
  367. color: {color:text};
  368. padding-top: 4px;
  369. text-align:justy;
  370. letter-spacing:1px;
  371. padding:3px;
  372. text-shadow:0 1px 1px {color:sidebar};
  373. margin-top: 8px;
  374. text-transform:none;
  375. line-height: 14px;
  376. margin-top: 10px;
  377. -webkit-border-top-right-radius: 11px;
  378. -webkit-border-bottom-right-radius: 11px;
  379. -moz-border-radius-topright: 11px;
  380. -moz-border-radius-bottomright: 11px;
  381. border-top-right-radius: 11px;
  382. border-bottom-right-radius: 11px;}
  383.  
  384. .borda {
  385. float: left;
  386. padding: 0px;
  387. margin-top: -1px;
  388. -webkit-border-top-left-radius: 11px;
  389. -webkit-border-bottom-left-radius: 11px;
  390. -moz-border-radius-topleft: 11px;
  391. -moz-border-radius-bottomleft: 11px;
  392. border-top-left-radius: 11px;
  393. border-bottom-left-radius: 11px;
  394. }
  395. #info {background-color:{color:post}; padding:3px; text-align: left; font-size: 9px; font-family: verdana; text-transform: lowercase; z-index: 11; border-left: 1 solid #ddd; -webkit-transition:1s;}
  396. #info a {font-size: 9px;}
  397.  
  398. .tags {color: {color:text}; font-size: 9px; font-family: verdana; display: inline; list-style: none; text-transform: lowercase;}
  399. .tags a {font-size: 9px; color: verdana; display: inline; list-style: none; text-transform: lowercase;}
  400.  
  401. #cap {width: 500px; margin-top: -2px;}
  402. .source {display: none;}
  403.  
  404. .notes {width: 530px; padding: 0px; margin-top: 1px; margin-bottom: 1px; font-size: 9px; text-align: left}
  405. ol.notes {list-style: none; margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  406. ol.notes li {background-color: {color:post}; margin-bottom: 1px; padding: 5px; }
  407. .notes img{display: none; border:0px}
  408.  
  409.  
  410. #td {width: 300px; height: none; margin-left: 8px; background-color: #0; position: fixed; color: #888; font-size: 9px; border: px solid #ccc; border-right: 0px solid #eee; margin-top: 97px; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; text-align: right}
  411. #td:hover {margin-left:77px;}
  412.  
  413. #container { width: 350px;position: fixed;}
  414. #contain_inner {margin-left: 0px; background-color: transparent;}
  415.  
  416.  
  417. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  418.  
  419. .navigation {z-index:99; text-align:center; position:fixed; font-family: tinytots; text-transform:uppercase; letter-spacing:1px; font-size:8px; margin-top:452px; margin-left:288px; width:240px; background-color:{color:sidebar};}
  420. .navigation a {color:{color:links}; }
  421.  
  422. .frase {margin-top: 60px; margin-left:320px; text-align: center; font-family: gabriola; font-family: georgia; font-size: 16px; color: {color:font color} ; position: fixed; z-index: 3; width: 180px; }
  423.  
  424. #sidebarimage {margin-top: 80px; margin-left: 288px; width:230px; height:360px; background-color:{color:sidebar}; position:fixed;border: 10px; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; z-index:98; padding:5px; }
  425. #sidebarimage img {width:230px;height:360px; z-index:99;}
  426.  
  427. @font-face {font-family: 'Loved by the King';
  428. font-style: normal;
  429. font-weight: normal;
  430. src: local('Loved by the King'), local('LovedbytheKing'), url('http://themes.googleusercontent.com/static/fonts/lovedbytheking/v3/wg03xD4cWigj4YDufLBSr8SuHxUvEE05hEBp-kiqXZE.woff') format('woff');}
  431.  
  432. #cred {width: 268px; height: 14px; float: left; margin-left: 260px; margin-top: 510px; font-size: 18px; color:{color:text}; font-family: Loved by the King; padding: 5px; background-color: transparent; text-align: center; position: fixed; }
  433.  
  434. #page{top:313px; background-color:{color:sbar}; text-align: center; float:center; margin-left:220; margin-top:212; width:132px; height:auto; position:fixed; -webkit-border-radius: 0px 0px 0px 0px; left: 206px; }
  435. .pgs{padding:5px; font-family:{font:text}; font-size: 16px; letter-spacing:1px}
  436.  
  437. #img { float: left; margin-top: 190px; position: fixed; overflow: hidden; width: auto; height: auto;margin-left: 957px}
  438. #img img {margin-top: 0px; margin-left: 0px; width: 160px; height: 180px;border: 2px solid {color:listras}; padding: 2px; background-color: {color:sidebar};opacity: 1;}
  439.  
  440. -moz-transition:1s ease-in; transition: 1s ease-in;}
  441.  
  442.  
  443. #tumblr_controls{position: fixed!important}
  444. #tumblr_controls{position: fixed!important}
  445. #tumblr_controls{position: fixed!important}
  446. #tumblr_controls{position: fixed!important}
  447.  
  448. ::-webkit-scrollbar{width:4px;height:5px;}
  449. ::-webkit-scrollbar-button:start:decrement
  450. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  451. ::-webkit-scrollbar-track-piece{background-color: #eee; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  452. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:sidebar};-webkit-border-radius:px;}
  453. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: {color:sidebar};-webkit-border-radius:px;}
  454.  
  455.  
  456.  
  457. </style>
  458. <body>
  459.  
  460.  
  461. <div id="allboxes">
  462.  
  463. {block:Posts}
  464. <div class="entry">
  465.  
  466. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  467.  
  468. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  469.  
  470. {block:Photoset}{Photoset-500}{/block:Photoset}
  471.  
  472. {block:Quote}
  473. <div class="xquote">“{Quote}”</div>
  474. {block:Source}<div class="xquotesource"> + {Source}</div>
  475. {/block:Source}
  476. {/block:Quote}
  477.  
  478. {block:Link}
  479. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  480. {block:Description}{Description}{/block:Description}
  481. {/block:Link}
  482.  
  483. {block:Chat}
  484. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  485. <div class="chat"><ul>{block:Lines}
  486. <li class="person{UserNumber}">{block:Label}
  487. <span class="label">-- {label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  488. {/block:Chat}
  489.  
  490.  
  491. <!--- AUDIO POST --->
  492. {block:Audio}
  493. <div id="audentryprob">
  494. <div class="audentry">
  495.  
  496. <img src="http://static.tumblr.com/2lqtwbf/hLRlz1vgy/2.png" alt="default album art" width="120" height="120" style="position:absolute; vertical-align:middle;" />
  497. {block:AlbumArt}
  498. <img width="120" height="120" src="{AlbumArtURL}" style="position:absolute;" />
  499. {/block:AlbumArt}
  500.  
  501. <div class="audioplayercircle"><div class="audioplayer">{AudioPlayerWhite}</div></div>
  502. <div class="something">
  503. <table style="float:right;" width="360px" cellspacing="1px" cellpadding="0">
  504.  
  505. {block:TrackName}
  506. <tr>
  507. <td class="audiodata"><b>Song: </b>{TrackName}</td>
  508. </tr>
  509. {/block:TrackName}
  510.  
  511. {block:Artist}
  512. <tr>
  513. <td class="audiodata"><b>Artist: </b> {Artist}</td>
  514. </tr>
  515. {/block:Artist}
  516. {block:Album}
  517. <tr>
  518. <td class="audiodata"><b>Album: </b>{Album}</td>
  519. </tr>
  520. {/block:Album}
  521. <tr>
  522. <td class="audiodata">Played {FormattedPlayCount} times</td>
  523. </tr>
  524. {block:ExternalAudio}
  525. <tr>
  526. <td class="audiodata"><a href="{ExternalAudioURL}" target="_blank">Source</a></td>
  527. </tr>
  528. {/block:ExternalAudio}
  529. {block:Caption}<tr>
  530. <td class="aucap">{Caption}</td></tr>
  531. {/block:Caption}
  532. </table>
  533. </div></div>
  534. </div>{/block:Audio}
  535.  
  536.  
  537. {block:Video}{Video-500}{/block:Video}
  538.  
  539.  
  540.  
  541. {block:Answer}
  542. <div id="asker"><b>{Asker} asked:</b> {Question}</div>
  543. <div class="answer">{Answer}</div>
  544. {/block:Answer}
  545.  
  546.  
  547.  
  548. <div id="cap">
  549. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  550. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  551. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  552.  
  553. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  554. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  555. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  556. {/block:ContentSource}</div></div>
  557. <br>
  558.  
  559.  
  560. <div id="info">
  561. {block:Date}<div class="tags"><b>tags:</b> {block:HasTags}{block:Tags}@<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}<br>{/block:HasTags}</div>
  562. ( <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} · <a href=http://twitter.com/home?status={block:Title}{Title}{/block:Title}{block:Caption}{PlainTextCaption}{/block:Caption} {ShortURL}”>if you like <b>tweet</b></a> )
  563. {block:RebloggedFrom}<br>postado por <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>{/block:RebloggedFrom}{block:RebloggedFrom} · reblogado de <a href="{ReblogParentURL}">{ReblogParentName}</a>
  564. {/block:RebloggedFrom}
  565. </div>
  566. </div>{/block:Date}
  567.  
  568.  
  569. {/block:Posts}
  570. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  571. </div>
  572. </div>
  573. </div>
  574. </div>
  575.  
  576. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  577.  
  578. <div class="navigation">
  579. <a href="{text:Link1}">{text:Link1 Title}</a> -
  580. <a href="{text:Link2}">{text:Link2 Title}</a> -
  581. <a href="{text:Link3}">{text:Link3 Title}</a> -
  582. <a href="{text:Link4}">{text:Link4 Title}</a> -
  583. <a href="{text:Link5}">{text:Link5 Title}</a> -
  584. <a href="{text:Link6}">{text:Link6 Title}</a></div>
  585. </div>
  586.  
  587.  
  588. <div class="frase"><span id="bubble">{text:frase}<br></br></span></div>
  589.  
  590.  
  591. <div id="cred"><div class="credit"><center>Theme by <a href="http://en-torpecente.tumblr.com/">en-torpecente </a></center></div>
  592. </div>
  593.  
  594.  
  595. <div id="page"><div class="pgs">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">« </a> / {/block:PreviousPage}{block:NextPage}<a href="{NextPage}"> »</a>{/block:NextPage}
  596.  
  597. </body>
  598. </html>
Advertisement
Add Comment
Please, Sign In to add comment