API tools faq
paste
Advertisement
maryaciolli

Theme tong tied

maryaciolli
Nov 16th, 2012
246
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.27 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <title>{title}</title>
  3. <link rel="shortcut icon" href="http://i122.photobucket.com/albums/o260/mhilka/minigifs/balaozinho43.gif" />
  4.  
  5.  
  6. <!--- THEMES POR MARY ACIOLLI (PLEASEB3MINE) --->
  7.  
  8. <script type="text/javascript">
  9. function changeNavigation(id) {document.getElementById('post').innerHTML=document.getElementById(id).innerHTML}
  10. </script>
  11.  
  12.  
  13. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/mFbkoqlkr/tumblrautopager.js"></script>
  14.  
  15. <style>
  16. body, td{
  17. background: #fff;
  18. font-family: Arial;
  19. font-size: 10px;
  20. color: #333;
  21. text-align: left;
  22. }
  23.  
  24. #navbar-iframe{
  25. display: none;
  26. }
  27.  
  28. #top{
  29. position: absolute;
  30. top: 0px;
  31. left: 0px;
  32. }
  33.  
  34. .blockquote{
  35. width: 230px;
  36. border-left:2px #fff solid; padding-left:5px;
  37. text-align: justify;
  38. }
  39.  
  40. blockquote{
  41. width: 230px;
  42. border-left:2px #4f4f4f solid; padding-left:3px;
  43. -webkit-column-gap: 3px;
  44. -moz-column-gap: 3px;
  45. -webkit-column-count: 1;
  46. -moz-column-count: 1;
  47. text-align: justify;
  48. }
  49.  
  50. .blur{
  51. width: 100px;
  52. height: 100px;
  53. }
  54.  
  55. .vans{
  56. position: fixed;
  57. }
  58.  
  59. .red{
  60. position: relative;
  61. width: 100px;
  62. height: 100px;
  63. }
  64.  
  65. .live{
  66. bottom: 0; left: 0;
  67. position: absolute;
  68. }
  69.  
  70. .message{
  71. color: rgba(255,255,255, .7);
  72. text-align: center;
  73. font-family: "Courier New", Courier, monospace;
  74. font-size: 8pt;
  75. }
  76.  
  77. .message a{
  78. color: rgba(255,255,255, .7);
  79. text-decoration: none;
  80. font-family: "Courier New", Courier, monospace;
  81. font-size: 8pt;
  82. }
  83.  
  84. .message a:hover{
  85. color: rgba(255,255,255, .7);
  86. text-decoration: underline;
  87. font-family: "Courier New", Courier, monospace;
  88. font-size: 8pt;
  89. }
  90.  
  91. .die{
  92. opacity: .7;
  93. padding: 5px;
  94. width: 91px;
  95. background: #333;
  96. color: #fff;
  97. text-align: justify!important;
  98. font-family: Georgia;
  99. font-style: italic;
  100. font-size: 7pt;
  101. text-transform: lowercase;
  102. }
  103.  
  104. .die a{
  105. color: #fff;
  106. text-decoration: none;
  107. -webkit-transition-duration: .4s;
  108. -moz-transition-duration: .4s;
  109. }
  110.  
  111. .die a:hover{
  112. text-decoration: none;
  113. color: rgba(255,255,255, .4);
  114. -webkit-transition-duration: .4s;
  115. -moz-transition-duration: .4s;
  116. }
  117.  
  118. td img{
  119. max-width: 250px;
  120. }
  121.  
  122. .blog{
  123. width: 250px!important;
  124. }
  125.  
  126. .show{
  127. display: none;
  128. }
  129.  
  130. .box{
  131. background: #333;
  132. color: #fff!important;
  133. padding: 5px;
  134. margin-bottom: 5px;
  135. }
  136.  
  137. .box img{
  138. max-width: 440px;
  139. }
  140.  
  141. .header{
  142. color: #fff;
  143. text-align: center!important;
  144. font-family: Georgia;
  145. font-style: italic;
  146. font-size: 10pt;
  147. text-transform: lowercase;
  148. }
  149.  
  150. .title{
  151. font-family: georgia;
  152. font-size: 16px;
  153. font-style: italic;
  154. text-transform: lowercase;
  155. margin-top: -2px;
  156. color: #E5E5E5;
  157. border-bottom: #E5E5E5 1px solid;
  158. }
  159.  
  160. .date{
  161. float: right;
  162. display: inline-block;
  163. }
  164.  
  165. .clear{
  166. color: #fff;
  167. text-align: right;
  168. font-family: Georgia;
  169. font-style: italic;
  170. font-size: 8pt;
  171. text-transform: lowercase;
  172. }
  173.  
  174. .blog a{
  175. color: #333;
  176. font-family: Georgia;
  177. font-style: italic;
  178. text-decoration: none;
  179. padding: 0 2px;
  180. background: #fff;
  181. -webkit-transition-duration: .5s;
  182. -moz-transition-duration: .5s;
  183. }
  184.  
  185. .blog a:hover{
  186. font-family: Georgia;
  187. font-style: italic;
  188. text-decoration: none;
  189. padding: 0 2px;
  190. -webkit-transition-duration: .5s;
  191. -moz-transition-duration: .5s;
  192. color: #fff;
  193. background: #333;
  194. }
  195.  
  196. table.link tr td a{
  197. padding: 4px;
  198. text-align: center;
  199. display: block;
  200. border-bottom: 1px solid #595959;
  201. border-right: 1px solid #595959;
  202. border-left: 0px solid #595959;
  203. border-top: 0px solid #595959;
  204. background: #6b6b6b;
  205. color: #e5e5e5;
  206. text-decoration: none;
  207. }
  208.  
  209. table.link tr td a:hover{
  210. padding: 4px;
  211. text-align: center;
  212. display: block;
  213. border-bottom: 0px solid #595959;
  214. border-right: 0px solid #595959;
  215. border-left: 1px solid #595959;
  216. border-top: 1px solid #595959;
  217. background: #6b6b6b;
  218. color: #e5e5e5;
  219. text-decoration: none;
  220. }
  221.  
  222. .box a, .box a:hover{
  223. color: #fff;
  224. text-decoration: none;
  225. font-family: Georgia;
  226. font-style: italic;
  227. }
  228.  
  229. .credits{
  230. margin-top: 5px;
  231. text-align: center;
  232. color: #626262;
  233. }
  234.  
  235. .credits light, .credits light a, .credits light a:hover{
  236. color: #d8d8d8;
  237. }
  238.  
  239. #bar {margin-bottom:2px; margin-left:2px; padding-bottom:2px; padding-left:2px}
  240.  
  241. a, a:hover{
  242. color: #B5B5B5;
  243. text-decoration: none;
  244. }
  245.  
  246. m {color: red;}
  247.  
  248. #permalink {display:block; width:495px; text-align:right; font:9px georgia; text-transform:lowercase; color:{color:text};background-color:transparent; margin:1px 0px 10px 0px; padding:0px 5px 03px 0px; font-style:italic; border-bottom:1px {color:sidebar hover} dotted; }
  249. #permalink a {color:#696969; letter-spacing:1px; text-align:right; font-style:italic}
  250.  
  251. #info {display:block; margin:7px 0px 5px 0px; padding:1px 4px 1px 4px; color:{color:text}; font:9px georgia; line-height:110%; text-transform:lowercase; width:492px; background-color:{color:entry}; letter-spacing:1px;}
  252. #info a {color:#696969}
  253.  
  254. .date {display:inline; text-align:right; float:right; background: #fff;}
  255. .date a {color:{color:permalinks}}
  256.  
  257. #postbox {width:250px; background-color:{color:post}; padding:2px; text-align: justify; position: relative;margin:30px}
  258.  
  259. #paginatioon {
  260. width:100px;
  261. font-size:25px;
  262. text-align:center;
  263. padding:0px 3px;
  264. color:#dbabc4;
  265. }
  266.  
  267.  
  268. h1 {color:{color:text}; font-family:georgia; font-size:14px; line-height:16px; text-align: center; font-weight:normal; }
  269. h1 a {color:{color:link}}
  270. h1 a:hover {color:{color:link hover}}
  271.  
  272. .image {text-align: center; border: 0px}
  273. .image img {max-width: 250px; margin-bottom: 0px }
  274.  
  275. .quote {font-family: georgia; text-align: center; font-size: 14px; line-height: 16px; padding: 3px;}
  276. .quotesource {text-align: center; text-transform:none; margin-bottom: 5px;}
  277.  
  278. .chat {line-height: 13px; list-style: none }
  279. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  280. .person1 {color: {color:text}; padding: 2px; }
  281. .person1 .label {font-weight: bold; color:{color:text}}
  282. .person2 {color: {color:text}; padding: 2px; }
  283. .person2 .label {font-weight: bold; color:{color:text}}
  284.  
  285. #date {text-align: right; font-size: 9px; font-family: georgia; text-transform: lowercase; z-index: 11;padding:1;margin-top:-8px;border-top:2px solid #dbabc4;}
  286. #date a {font-size: 9px;}
  287.  
  288.  
  289. /* FONTE PIXEL */
  290. @font-face {font-family: "04b03";
  291. src: url('http://static.tumblr.com/p0nqcte/56im0rvo6/04b_03__.ttf'); format("truetype"); }
  292.  
  293. @font-face {font-family: "handy"; src: url('http://static.tumblr.com/lnvca6d/E6vm63ih7/pf_ronda_seven__1_.ttf');}
  294.  
  295.  
  296. ::-webkit-scrollbar {width: 4px; height: 3px; background-color: #F0F0F0;}
  297. ::-webkit-scrollbar-thumb {background-color:#4f4f4f;}
  298.  
  299. espaco {padding-left: 10px;}
  300.  
  301. .tags {color: {color:text}; font-size: 9px; font-family:verdana; display: inline; list-style: none; text-transform: lowercase;}
  302. .tags a {font-size: 9px; color:verdana; display: inline; list-style: none; text-transform: lowercase;}
  303.  
  304. #cap {width: 250px; margin-top: -2px;}
  305. .source {display: none;}
  306.  
  307. .notes {width: 254px; padding: 0px; margin-top: 1px; margin-bottom: 1px; font-size: 9px; text-align:center}
  308. ol.notes {list-style: none; margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  309. ol.notes li {background-color: {color:post}; margin-bottom: 1px; padding: 5px; }
  310. .notes img{display: none; border:0px}
  311.  
  312. .player {background-color: #000; text-align: left; display:block; width:100%;}
  313.  
  314. .navi {background-color:#dbabc4;display: inline-block; text-align: center; color:#fff; font-familiy:'handy'; float: center; margin:2px; font: 7px arial; text-transform:uppercase; padding:1px; border: 0px solid #fff; border-right: 2px solid #fff; height:8px; width:99px; box-shadow: 1 0px 2px #fff; border-radius: 1px 1px 1px 1px;}
  315.  
  316. .navi:hover {cursor:auto; background-color:#BEBEBE; webkit-transform: scale(0.8) rotate(-9deg);
  317. -moz-transform: scale(0.8) rotate(-9deg);
  318. -o-transform: scale(0.8) rotate(-9deg);
  319. transform: scale(0.8) rotate(-9deg); cursor:hand;}
  320.  
  321. .letra {font-family: handy; font-size: 7px; text-transform: uppercase; color: #dbabc4;}
  322.  
  323. .letraa {font-family: handy; font-size: 7px; text-transform: uppercase; color: #B5B5B5;}
  324.  
  325. </style>
  326.  
  327. <body>
  328.  
  329. <div style="position:fixed; width: 180px; right:2px; bottom:2px; position: fixed; text-align: right;" >
  330. <a href="http://pleaseb3mine.tumblr.com" title="Theme by Mary Aciolli" style="color: #dbabc4;">créditos</a> <a>©</a>
  331. </div>
  332.  
  333.  
  334. <center>
  335. <div id="top"></div>
  336. <br><br>
  337. <table width=350>
  338. <tr>
  339.  
  340. <td width=100 vAlign=top>
  341. <div class="blur"></div>
  342. <div class="vans">
  343. <div class="red">
  344. <img src="http://static.tumblr.com/j4otclw/96lm7zo1g/1.png" width="103px" >
  345. <div class="live">
  346. <div class="diie">
  347. <center></center>
  348. </div></div>
  349. <div class="credits">
  350.  
  351. <center><div class=""><a href="/" class="navi">1st page</a><br>
  352. <a href="/ask" class="navi">ask me</a><br>
  353. <a href="http://LINK.tumblr.com/" class="navi">link 1</a>
  354. <a href="http://LINK.tumblr.com/" class="navi">link 2</a>
  355. <a href="http://LINK.tumblr.com/" class="navi">link 3</a><br>
  356. </center>
  357. </div>
  358.  
  359.  
  360. <div style="overflow: auto; height: 80px; margin-top: 5px;">
  361. <center><div class="letraa">
  362. "Agora eu tô te amando quietinha, sem mandar cartas, sem discar o seu número, sem passar em frente a sua casa. Afinal, do que adianta gritar pra meio mundo ouvir o quanto nós temos que ficar juntos se você não é capaz de mover um dedo pra que isso seja possível? De quê adianta eu dar píti quando mais uma menina idiota vem pedir seu telefone recusando todas as suas circunstâncias (que só eu sou obrigada a lembrar), se você não dá um passo em minha direção pra que elas vejam pra onde o seu destino aponta?"
  363. <b>- Tati Bernardi</b> 
  364. (<!-- INICIO CONTADOR --><a href='http://www.blogutils.net/olct/' id='lnolt_' target='_blank' style='font-size:9px;text-decoration:none;'> <script language='JavaScript' src='http://blogutils.net/olct/online.php?site=docesfloresdeverao&interval=600'></script></a><a href='http://www.blogutils.net/' target='_blank' style='font-size:9px;text-decoration:none;'></a><!-- FIM CONTADOR --> on)
  365. </div>
  366. </center></div>
  367.  
  368. <center><div id="paginatioon">{block:PreviousPage}<a href="{PreviousPage}">-</a> &nbsp;{/block:PreviousPage} {block:NextPage}&nbsp;<a href="{NextPage}">+</a>{/block:NextPage}</div></center>
  369.  
  370.  
  371. </div>
  372. </div>
  373. </td>
  374.  
  375.  
  376. <td width=250 vAlign=top>
  377. <div id="post">
  378. <div id="clear" class="show"></div>
  379. <div class="blog">
  380.  
  381.  
  382. {block:Posts}
  383. <div id="postbox">
  384. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  385.  
  386. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  387.  
  388. {block:Photoset}{Photoset-250}{/block:Photoset}
  389.  
  390. {block:Quote}
  391. <div class="quote">“{Quote}”</div>
  392. {block:Source}<div class="quotesource"> — <b>{Source}</b></div>
  393. {/block:Source}
  394. {/block:Quote}
  395.  
  396. {block:Link}
  397. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  398. {block:Description}{Description}{/block:Description}
  399. {/block:Link}
  400.  
  401. {block:Chat}
  402. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  403. <div class="chat"><ul>{block:Lines}
  404. <li class="person{UserNumber}">{block:Label}
  405. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  406. {/block:Chat}
  407.  
  408. {block:Audio}
  409. <div class="player">{AudioPlayerBlack}</div>
  410. {block:Caption}{Caption}{/block:Caption}
  411. {/block:Audio}
  412.  
  413. {block:Video}{Video-250}{/block:Video}
  414.  
  415.  
  416. {block:Answer}
  417. <div id="asker"><b>{Asker} asked:</b> {Question}</div>
  418. <div class="answer">{Answer}</div>
  419. {/block:Answer}
  420.  
  421.  
  422. <div id="cap">
  423. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  424. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  425. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  426.  
  427. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  428. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  429. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  430. {/block:ContentSource}</div></div>
  431. <br>
  432.  
  433.  
  434. <div id="date">
  435. {block:Date}
  436. {block:IndexPage}{DayOfWeek}, {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {Year}, {12Hour}:{Minutes}{AmPm} · <a href="{Permalink}">{NoteCount}</a> · <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}
  437. {block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}{block:RebloggedFrom}<a href="{ReblogRootURL}"></a>{/block:RebloggedFrom}<br><div class="tags">{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}<br>{/block:HasTags}
  438. </div>
  439. </div>
  440. </div>{/block:Date}
  441.  
  442. {block:PermalinkPage}
  443. <div style="float:left;width:254px;margin-left:22px;">
  444. {block:Date}
  445. <div style="font-weight:bold;font-size:12px;margin-bottom:3px;text-transform:uppercase;margin-top:1px;background-color:{color:post};">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} {Year} ({12Hour}:{Minutes}{AmPm})</div>
  446. {/block:Date}
  447. <div style="background-color:{color:post};">{block:PostNotes}
  448. {NoteCountWithLabel}
  449. <br>
  450. {/block:PostNotes}
  451. {block:HasTags}
  452. tagged:{block:Tags} #<a href="{TagURL}" title="{Tag}">{Tag} </a>{/block:Tags}
  453. <br>
  454. {/block:HasTags}
  455. {block:RebloggedFrom}
  456. via: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a><br>
  457. original: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>
  458. {/block:RebloggedFrom}
  459. {block:Date}
  460. <div style="border-bottom:1px solid {color:text};padding-top:3px;margin-bottom:3px;"></div>
  461. navigation: <a href="/" title="back to home page">index</a>, <a href="{ReblogURL}" title="reblog this post">reblog</a>, <a href="/random" title="random post">random</a>, <a href="http://pleaseb3mine.tumblr.com" title="© please b3 mine">theme</a>
  462. {/block:Date}</div>
  463. {block:NoteCount}
  464. <div style="border-bottom:1px solid {color:bordering};padding-top:3px;"></div>
  465. <div class="notes">
  466. {PostNotes}
  467. </div>
  468. {/block:NoteCount}
  469. </div>
  470. {/block:PermalinkPage}
  471.  
  472.  
  473. {/block:Posts}
  474.  
  475. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  476.  
  477.  
  478. </td>
  479.  
  480. </td>
  481.  
  482. </div>
  483. </td>
  484. </div>
  485. </div>
  486. </td>
  487. </table>
  488. </center>
  489.  
  490.  
  491. </body>
  492. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
  493. <script>
  494. $(function() {
  495. function filterPath(string) {
  496. return string
  497. .replace(/^\//,'')
  498. .replace(/(index|default).[a-zA-Z]{3,4}$/,'')
  499. .replace(/\/$/,'');
  500. }
  501. var locationPath = filterPath(location.pathname);
  502. var scrollElem = scrollableElement('html', 'body');
  503. // Any links with hash tags in them (can't do ^= because of fully qualified URL potential)
  504. $('a[href*=#]').each(function() {
  505. // Ensure it's a same-page link
  506. var thisPath = filterPath(this.pathname) || locationPath;
  507. if ( locationPath == thisPath
  508. && (location.hostname == this.hostname || !this.hostname)
  509. && this.hash.replace(/#/,'') ) {
  510. // Ensure target exists
  511. var $target = $(this.hash), target = this.hash;
  512. if (target) {
  513. var targetOffset = $target.offset().top - 0;
  514. $(this).click(function(event) {
  515. event.preventDefault();
  516. $(scrollElem).animate({scrollTop: targetOffset}, 400, function() {
  517. $(target).attr('id', 'tmp');
  518. location.hash = target;
  519. });
  520. });
  521. }
  522. }
  523. });
  524. // Use the first element that is "scrollable" (cross-browser fix?)
  525. function scrollableElement(els) {
  526. for (var i = 0, argLength = arguments.length; i <argLength; i++) {
  527. var el = arguments[i],
  528. $scrollElement = $(el);
  529. if ($scrollElement.scrollTop()> 0) {
  530. return el;
  531. } else {
  532. $scrollElement.scrollTop(1);
  533. var isScrollable = $scrollElement.scrollTop()> 0;
  534. $scrollElement.scrollTop(0);
  535. if (isScrollable) {
  536. return el;
  537. }
  538. }
  539. }
  540. return [];
  541. }
  542. });
  543. </script>
  544.  
  545. </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!