Advertisement
MarginalSide

Theme 02 - Agridoce

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