ithinkloveyou

Hipocrisia-exposta

Dec 5th, 2011
213
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.15 KB | None | 0 0
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3.  
  4.  
  5. <!--
  6.  
  7.  
  8.  
  9. Theme By Hipocrisia-Exposta
  10.  
  11.  
  12.  
  13. -->
  14.  
  15. <html lang="en">
  16. <head>
  17.  
  18. <style>
  19. .shakeimage{
  20. position:relative
  21. }
  22. </style>
  23. <script language="JavaScript1.2">
  24.  
  25.  
  26.  
  27. //configure shake degree (where larger # equals greater shake)
  28. var rector=1
  29.  
  30. ///////DONE EDITTING///////////
  31. var stopit=0
  32. var a=1
  33.  
  34. function init(which){
  35. stopit=0
  36. shake=which
  37. shake.style.left=0
  38. shake.style.top=0
  39. }
  40.  
  41. function rattleimage(){
  42. if ((!document.all&&!document.getElementById)||stopit==1)
  43. return
  44. if (a==1){
  45. shake.style.top=parseInt(shake.style.top)+rector+"px"
  46. }
  47. else if (a==2){
  48. shake.style.left=parseInt(shake.style.left)+rector+"px"
  49. }
  50. else if (a==3){
  51. shake.style.top=parseInt(shake.style.top)-rector+"px"
  52. }
  53. else{
  54. shake.style.left=parseInt(shake.style.left)-rector+"px"
  55. }
  56. if (a<4)
  57. a++
  58. else
  59. a=1
  60. setTimeout("rattleimage()",50)
  61. }
  62.  
  63. function stoprattle(which){
  64. stopit=1
  65. which.style.left=0
  66. which.style.top=0
  67. }
  68.  
  69. </script>
  70.  
  71. {block:IfNotAlwaysShowDescription}
  72. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  73. <script src="toggle.js" type="text/javascript"></script>
  74. <script type="text/javascript">
  75. $(document).ready(function(){
  76. $(".info").hide();
  77. $(".leaf").click(function(){
  78. $('.info').slideToggle(300);
  79. return true;
  80. });
  81. });
  82. </script>
  83. {/block:IfNotAlwaysShowDescription}
  84.  
  85.  
  86. <meta name="if:Repeat background image" content="0"/>
  87. <meta name="if:Endless Scrolling" content="1"/>
  88. <meta name="if:Caption" content="0"/>
  89. <meta name="image:minigif1" content=""/>
  90. <meta name="image:minigif2" content=""/>
  91. <meta name="image:minigif3" content=""/>
  92. <meta name="image:minigif4" content=""/>
  93.  
  94. <meta name="font:Body" content="trebuchet ms"/>
  95. <meta name="font:Title" content="trebuchet ms"/>
  96. <meta name="font:Post title" content="trebuchet ms"/>
  97.  
  98. <meta name="color:Background" content="#FFFFFF"/>
  99. <meta name="color:Box" content="#FFFFFF"/>
  100. <meta name="color:Post" content="#FFFFFF"/>
  101. <meta name="color:Permalink" content="#FFFFFF"/>
  102. <meta name="color:Chat" content="#F5F5F5"/>
  103. <meta name="color:Text" content="#000000"/>
  104. <meta name="color:Title" content="#000000"/>
  105. <meta name="color:Link" content="#363636"/>
  106. <meta name="color:Hover" content="#000000"/>
  107.  
  108. <meta name="text:Title font size" content="22"/>
  109. <meta name="text:Post title font size" content="20"/>
  110. <meta name="text:Body font size" content="11"/>
  111.  
  112. <meta name="image:Background" content=""/>
  113. <meta name="image:Sidebar" content=""/>
  114.  
  115. <meta name="text:Link1" content="http://" />
  116. <meta name="text:Link1 Title" content="link1" />
  117. <meta name="text:Link2" content="http://" />
  118. <meta name="text:Link2 Title" content="link2" />
  119. <meta name="text:Link3" content="http://" />
  120. <meta name="text:Link3 Title" content="link3" />
  121.  
  122.  
  123. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  124. <title>{block:SearchPage}Search results for "{SearchQuery}" - {/block:SearchPage}{block:PostSummary}
  125.  
  126. {PostSummary} - {/block:PostSummary}{Title}</title>
  127.  
  128. <link href='http://fonts.googleapis.com/css?family=Delius+Swash+Caps' rel='stylesheet' type='text/css'>
  129.  
  130. <style type="text/css">
  131.  
  132.  
  133. iframe#tumblr_controls{
  134. top: 1px !important;
  135. margin: 0 0 0 0;
  136. right: 6px !important;
  137. position: fixed !important;
  138. }
  139.  
  140. body {
  141. margin:0px;
  142. background-color: {color:Background};
  143. background-image:url({image:Background});
  144. background-attachment: fixed;
  145. background-repeat: no-repeat;
  146. {block:IfRepeatBackgroundImage}
  147. background-repeat: repeat;
  148. {/block:IfRepeatBackgroundImage}
  149. background-position:right;
  150. font-size:{text:Body font size}px;
  151. font-family:{font:Body};
  152. line-height:16px;
  153. color:{color:Text};
  154. }
  155.  
  156. a:link, a:active, a:visited{
  157. color: {color:Link};
  158. text-decoration: none;
  159. -webkit-transition: 0.3s ease-in;
  160. }
  161.  
  162. a:hover {
  163. color:{color:Hover};
  164. text-decoration: none;
  165. -webkit-transition: 0.3s ease-in;
  166. }
  167.  
  168. ::-webkit-scrollbar-thumb:vertical {
  169. background-color:{color:text};
  170. height:100px;
  171. }
  172.  
  173. ::-webkit-scrollbar-thumb:horizontal {
  174. background-color:{color:text};
  175. height:10px;
  176. }
  177.  
  178. ::-webkit-scrollbar {
  179. height:10px;
  180. width:8px;
  181. background-color:{color:background};
  182. }
  183.  
  184. div#content{
  185. width:400px;
  186. margin:auto;
  187. padding:10px;
  188. background-color:{color:Post};
  189. }
  190.  
  191. div#header{
  192. margin:auto;
  193. height:justify;
  194. width:400px;
  195. padding:10px;
  196. text-align:center;
  197. background-color:{color:Post};
  198. }
  199.  
  200. a.nav{
  201. display:inline-block;
  202. background-color:{color:Circle};
  203. color:{color:Circle hover};
  204. font-size:12px;
  205. font-family:Delius Swash Caps;
  206. text-transform:lowercase;
  207. width:56px;
  208. height:56px;
  209. line-height:56px;
  210. text-align:center;
  211. margin-left:2px;
  212. -webkit-border-radius: 56px;
  213. -moz-border-radius: 56px;
  214. border-radius: 56px;
  215. }
  216.  
  217. a.nav:hover{
  218. background-color:{color:Circle hover};
  219. color:{color:Circle};
  220. }
  221.  
  222. .title{
  223. font-family:Delius Swash Caps;
  224. font-size: {text:title font size}px;
  225. color:{color:Title};
  226. padding:10px 0px 5px 0px;
  227. }
  228.  
  229. .post_title{
  230. font-family:{font:Post title};
  231. font-size:{text:Post title font size}px;
  232. color:{color:Post title};
  233. line-height:24px;
  234. border-bottom:2px solid {color:post title};
  235. }
  236.  
  237. .info{padding:0px 0px 10px 0px;}
  238.  
  239. .leaf{
  240. margin:auto;
  241. width:24px;
  242. background:{color:permalink};
  243. padding:5px 5px 8px 5px;
  244. -webkit-border-radius: 30px;
  245. -moz-border-radius: 30px;
  246. border-radius: 30px;
  247. }
  248.  
  249. {block:IfNotAlwaysShowDescription}.leaf:hover{cursor:help;}{/block:IfNotAlwaysShowDescription}
  250.  
  251. .entry{
  252. text-align:left;
  253. width:400px;
  254. margin-bottom:20px;
  255. }
  256.  
  257. .asker{
  258. line-height:16px;
  259. font-size:10px;
  260. }
  261.  
  262. blockquote{
  263. padding:0px 0px 2px 5px;
  264. margin:0px 0px 2px 1px;
  265. border-left: 2px solid {color:Text};
  266. }
  267.  
  268. .perma{
  269. background:{color:permalink};
  270. padding:4px 4px 4px 2px;
  271. -webkit-border-top-left-radius: 4px;
  272. -webkit-border-bottom-left-radius: 4px;
  273. -moz-border-radius-topleft: 4px;
  274. -moz-border-radius-bottomleft: 4px;
  275. border-top-left-radius: 4px;
  276. border-bottom-left-radius: 4px;
  277. position:absolute;
  278. margin-left:-40px;
  279. font-size:9px;
  280. text-align:right;
  281. opacity:0;
  282. filter: alpha(opacity = 0);
  283. -webkit-transition: 0.2s ease-in;
  284. }
  285.  
  286. .entry:hover .perma{
  287. opacity:1;
  288. filter: alpha(opacity = 100);
  289. -webkit-transition: 0.2s ease-in;
  290. }
  291.  
  292. .q{
  293. margin-left:20px;
  294. padding-top:12px;
  295. font-family:{font:Post Title};
  296. font-size:{text:post title font size}px;
  297. color: #6C80A3;
  298. line-height:23px;
  299. }
  300.  
  301. .quote{
  302. position:absolute;
  303. margin-left:0px;
  304. margin-top:20px;
  305. font-size:60px;
  306. opacity:0.3;
  307. filter: alpha(opacity = 30);
  308. }
  309.  
  310. .source{
  311. font-size:12px;
  312. margin-left:35px;
  313. }
  314.  
  315. div#chat li {
  316. padding: 4px;
  317. background-color:{color:Chat};
  318. margin-top: 2px;
  319. }
  320.  
  321. div#chat ul{
  322. list-style: none;
  323. padding: 0px;
  324. margin-top:5px;
  325. margin-bottom:10px;
  326. width: 400px;
  327. text-align: left;
  328. }
  329.  
  330. .lalala{
  331. background-color:#000;
  332. height:27px;
  333. width:400px;
  334. -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
  335. -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
  336. box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
  337. }
  338.  
  339. .page{
  340. display:block;
  341. text-align:right;
  342. font-family:arial;
  343. font-size:14px;
  344. padding-bottom:6px;
  345. {block:IfEndlessScrolling}display:none;{/block:IfEndlessScrolling}
  346. }
  347.  
  348. ol.notes {
  349. padding: 0px;
  350. margin: 25px 0px;
  351. list-style-type: none;
  352. border-bottom: solid 1px {color:text};
  353. font-size:10px;
  354. }
  355.  
  356. ol.notes li.note {
  357. border-top: solid 1px {color:text};
  358. padding: 10px;
  359. font-size:10px;
  360. }
  361.  
  362. ol.notes li.note img.avatar {
  363. vertical-align: -4px;
  364. margin-right: 10px;
  365. width: 16px;
  366. height: 16px;
  367. }
  368.  
  369. ol.notes li.note span.action {
  370. font-weight: normal;
  371. font-size:10px;
  372. }
  373.  
  374. ol.notes li.note .answer_content {
  375. font-weight: normal;
  376. font-size:10px;
  377. }
  378.  
  379. ol.notes li.note blockquote {
  380. border-color: {color:text};
  381. padding: 4px 10px;
  382. margin: 10px 0px 0px 25px;
  383. font-size:10px;
  384. }
  385.  
  386. ol.notes li.note blockquote a {
  387. text-decoration: none;
  388. font-size:10px;
  389. }
  390.  
  391. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  392.  
  393. .sidebar3 { text-align: justify; bottom:-14px;position:fixed; margin:0px 0px -30px -60px; float: center; }
  394.  
  395. .boxside {overflow:hidden;letter-spacing: 0px; text-align: justify; color: ##696767; font: 11,5px verdana; background-color: {color:Box}; line-height:17px; padding:5px; margin: 0px 0px 0px 0px;-webkit-border-radius: 03px;}
  396.  
  397. #pagina {font:normal 11px Tahoma;color:#666; width: 876px; padding: 0px; text-align:left;}
  398.  
  399. .sidebar {position:absolute; width:300px; z-index:2; left: 90px; top: 90px; overflow-x: hidden; overflow-y: hidden; font-style: tahoma; font-size: 11px; color: #A2A2A2; text-align:justify; position:fixed; background-color: transparent; padding:6px; color:#666; line-height: 17px;}
  400.  
  401. #conteudo { margin-left: 480px; margin-top:60px; width: 510px; padding: 3px;}
  402. #conteudo .post {margin-bottom:15px;}
  403.  
  404. {CustomCSS}
  405. </style>
  406. </head>
  407. <body>
  408.  
  409. <div id="pagina">
  410. <div class="sidebar">
  411. <div class="simg">
  412. <pre><div style="border; padding: 5px; overflow: auto; background-color: {color:sidebar}; font-family: verdana; letter-spacing: 0px; font-size:9px;width:392px"> <img src="{image:minigif1}"/> <img src="{image:minigif2}"/> <img src="{image:minigif3}"/> <img src="{image:minigif4}"/> </div></div></pre>
  413. <div class="boxside"><center><a href="/">home</a> • <a href="/ask">ask</a> • <a href="{text:Link1}">{text:Link1 Title}</a> •
  414. <a href="{text:Link2}">{text:Link2 Title}</a> •
  415. <a href="{text:Link3}">{text:Link3 Title}</a> •
  416. {block:HasPages}{block:Pages}<a href="{URL}" class="nav">{Label}</A>{/block:Pages}{/block:HasPages}
  417. <a href="http://hipocrisia-exposta.tumblr.com/" target="_blank">theme</a></center>{Description}</div>
  418. <p><center><div style="border: 1px solid rgb(230, 230, 250); overflow: auto; color: {color: text}; background-color: {color: backgroungcolor} ; width: 220px; text-align: center; font-family: verdana; height: 17px; padding: 0px 10px 5px 10px; letter-spacing: 0px; font-size:9px; line-height: 100%"> adaptado por <b><a href="http://hipocrisia-exposta.tumblr.com/">hipocrisia-exposta</a></b>; base por<b><a href="http://xantheose.tumblr.com/"> xantheose</a></b>, com alguns detalhes retirados dos themes da <a href="http://completaimperfeita.tumblr.com/"><b>completaimperfeita</b></a><br>; theme (base) pego do <a href="http://tsithemes.tumblr.com"><b>tsithemes</b></a> </div></div></div>
  419.  
  420.  
  421. <div id="conteudo">
  422.  
  423.  
  424.  
  425. <div id="content">
  426.  
  427. {block:IfEndlessScrolling}<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js";;></script>
  428. <Div class="autopagerize_page_element"></div>{/block:IfEndlessScrolling}
  429.  
  430. {block:Posts}
  431. {block:Text}
  432. <div class="entry">
  433. <div class="perma"><a href="{Permalink}"><img src="http://cdn1.iconfinder.com/data/icons/devine_icons/128/PNG/GAIA/50.png" width="26"/></a></div>
  434. {block:Title}<span class="post_title">{Title}</span>{/block:Title}
  435. {Body}
  436. </div>
  437. {/block:Text}
  438.  
  439. {block:Photo}
  440. <div class="entry">
  441. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  442. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  443. <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()" alt="{PhotoAlt}" width="400"/>
  444. {block:IndexPage}</a>
  445. {block:IfCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfCaption}{/block:IndexPage}
  446. {block:PermalinkPage}{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}</div>
  447. {/block:Photo}
  448.  
  449. {block:Photoset}
  450. <div class="entry">
  451. <div class="perma"><a href="{Permalink}"><img src="http://cdn1.iconfinder.com/data/icons/devine_icons/128/PNG/GAIA/50.png" width="26"/></a></div>
  452. {Photoset-400}
  453. {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}<br>
  454. </div>
  455. {/block:Photoset}
  456.  
  457. {block:Quote}
  458. <div class="entry">
  459. <div class="perma"><a href="{Permalink}"><img src="http://cdn1.iconfinder.com/data/icons/devine_icons/128/PNG/GAIA/50.png" width="26"/></a></div>
  460. <span class="quote">&#10077;</span><div class="q">{Quote}</div>
  461. {block:Source}<div class="source"><p>&#8212; {Source}</p></div>{/block:Source}</div>
  462. {/block:Quote}
  463.  
  464. {block:Chat}
  465. <div class="entry">
  466. <div class="perma"><a href="{Permalink}"><img src="http://cdn1.iconfinder.com/data/icons/devine_icons/128/PNG/GAIA/50.png" width="26"/></a></div>
  467. {block:Title}<span class="post_title">{Title}</span>{/block:Title}
  468. <div id="chat">
  469. <ul>{block:Lines}<li>
  470. {block:Label}<b>{Label}</b>{/block:Label}
  471. {Line}
  472. </li>{/block:Lines}</ul>
  473. </div></div>
  474. {/block:Chat}
  475.  
  476. {block:Link}
  477. <div class="entry">
  478. <div class="perma"><a href="{Permalink}"><img src="http://cdn1.iconfinder.com/data/icons/devine_icons/128/PNG/GAIA/50.png" width="26"/></a></div>
  479. <span class="post_title"><a href="{URL}">{Name}</span></a>
  480. {block:Description}{Description}{/block:Description}
  481. </div>
  482. {/block:Link}
  483.  
  484. {block:Audio}
  485. <div class="entry">
  486. <div class="perma"><a href="{Permalink}"><img src="http://cdn1.iconfinder.com/data/icons/devine_icons/128/PNG/GAIA/50.png" width="26"/></a></div>
  487. <center><div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" alt="" width="180"/><p>{/block:AlbumArt}</div></center>
  488. <div class="lalala">{AudioPlayerBlack}</div>
  489. {block:Caption}{Caption}
  490. <small>{PlayCount} listens</small> {block:ExternalAudio} <a href="{ExternalAudioURL}"> (download link) </a> {/block:ExternalAudio}{/block:Caption}
  491. </div>
  492. {/block:Audio}
  493.  
  494. {block:Video}
  495. <div class="entry">
  496. <div class="perma"><a href="{Permalink}"><img src="http://cdn1.iconfinder.com/data/icons/devine_icons/128/PNG/GAIA/50.png" width="26"/></a></div>
  497. {Video-400}
  498. {block:Caption}{Caption}{/block:Caption}
  499. </div>
  500. {/block:Video}
  501.  
  502. {block:Answer}
  503. <div class="entry">
  504. <div class="perma"><a href="{Permalink}"><img src="http://cdn1.iconfinder.com/data/icons/devine_icons/128/PNG/GAIA/50.png" width="26"/></a></div>
  505. <div class="asker">{Asker} : {Question}</div>
  506. <div style="border-top:2px solid {color:text};">{Answer}<p></div>
  507. </div>
  508. {/block:Answer}
  509.  
  510.  
  511. {block:PostNotes}
  512. <center>
  513. <p>{block:NoteCount}<img src="http://cdn5.iconfinder.com/data/icons/nounproject/128/330.png" width="15"/> {NoteCountWithLabel}<br>{/block:NoteCount}
  514.  
  515. {block:HasTags}
  516. {block:Tags}<a href="{TagURL}"><img src="http://cdn5.iconfinder.com/data/icons/nounproject/128/419.png" width="10"/>{Tag} </a>{/block:Tags}<br>{/block:HasTags}
  517. {block:RebloggedFrom}
  518. Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  519. Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}
  520. </center></span>
  521. {PostNotes}<br>
  522.  
  523. <center>{block:ContentSource}
  524. <br><a href="{SourceURL}">
  525. {lang:Source}:
  526. {block:SourceLogo}
  527. <img src="{BlackLogoURL}" width="{LogoWidth}"
  528. height="{LogoHeight}" alt="{SourceTitle}" />
  529. {/block:SourceLogo}
  530. {block:NoSourceLogo}
  531. {SourceLink}
  532. {/block:NoSourceLogo}
  533. </a>
  534. {/block:ContentSource}<br><br></center>
  535.  
  536. {/block:PostNotes}
  537.  
  538. {/block:posts}
  539.  
  540. {block:Pagination}<div class="page">{block:PreviousPage}<a href="{PreviousPage}">&laquo; / </a>{/block:PreviousPage}{block:nextPage}<a href="{nextPage}">&raquo;</a>{/block:nextPage}</div>{/block:Pagination}
  541.  
  542. </div>
  543.  
  544. <!-- Não remova os créditos, bom uso! -->
  545.  
  546. </body>
  547. </html>
  548.  
  549.  
Advertisement
Add Comment
Please, Sign In to add comment