Don't like ads? PRO users don't see any ads ;-)
Public Pastes

Jellu Theme

By: reconduzir on May 7th, 2012  |  syntax: None  |  size: 13.10 KB  |  hits: 4,817  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
  2. <html>
  3.  
  4. <!--
  5. toda a criação e distribuição deste código é de descortino.tumblr.com
  6. não retire os créditos, saiba que alguém perdeu muito tempo com esse theme
  7. Preserve a ética na internet-->
  8.  
  9. <head>
  10. <title>{Title}</title>
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}
  14.  
  15. <meta name="description" content="{MetaDescription}" />
  16. {/block:Description}
  17. <meta name="font:title" content="Georgia"/>
  18. <meta name="font:post title" content="Georgia"/>
  19. <meta name="font:body" content="Tebuchet MS"/>
  20. <meta name="image:Fundo" content=""/>
  21. <meta name="text:font size" content="11px"/>
  22. <meta name="text:width" content="350"/>
  23. <meta name="text:post title size" content="11px"/>
  24. <meta name="text:title font size" content="14px"/>
  25. <meta name="text:altura da linha" content="11px"/>
  26. <meta name="text:altura title" content="15px"/>
  27.  
  28. <meta name="text:link 1" content=""/>
  29. <meta name="text:url link 1" content=""/>
  30.  
  31. <meta name="text:link 2" content=""/>
  32. <meta name="text:url link 2" content=""/>
  33.  
  34. <meta name="text:Proxima" content="past"/>
  35. <meta name="text:Anterior" content="future"/>
  36. <meta name="text:distancia da esquerda" content="240"/>
  37. <meta name="color:scrollbar" content="#c2c2c2"/>
  38. <meta name="color:bgtitle" content="#000000"/>
  39. <meta name="color:title color" content="#ffffff"/>
  40. <meta name="color:color background" content="#ffffff"/>
  41. <meta name="color:content background" content="#ffffff"/>
  42. <meta name="color:caption background" content="#ffffff"/>
  43. <meta name="color:text" content="#222"/>
  44. <meta name="color:link" content="#222"/>
  45. <meta name="color:link hover" content="#a8a8a8"/>
  46. <meta name="color:Nav Links" content="#a8a8a8"/>
  47. <meta name="if:larger image permalink" content="0"/>
  48. <meta name="if:Cedarville Font" content="0"/>
  49. <meta name="if:shadowed images" content="1" />
  50. <meta name="if:Click To Show And Hide Nav" content="1"/>
  51. <meta name="if:show captions" content="1"/>
  52. <meta name="if:central" content="1"/>
  53. <meta name="if:Maximized Background Image" content="1"/>
  54. <meta name="if:Right Background" content="0"/>
  55.  
  56.  
  57.  
  58. {block:ifClickToShowAndHideNav}
  59. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  60. <script type="text/javascript">
  61. jQuery(document).ready(function() {
  62. jQuery(".nav").hide();
  63. //toggle the componenet with class msg_body
  64. jQuery(".blogtitle").click(function()
  65. {
  66. jQuery(this).next(".nav").slideToggle(700);
  67. });});
  68. </script>
  69. {/block:ifClickToShowAndHideNav}
  70.  
  71. <style type="text/css">
  72. iframe#tumblr_controls {
  73. top: 0% !important;
  74. right:0% !important;
  75. position: absolute !important;}
  76.  
  77. body {
  78. margin:auto;
  79. background-repeat:no-repeat;
  80. {block:IfMaximizedBackgroundImage}
  81. background-size:100% 100%;
  82. {block:IfMaximizedBackgroundImage}
  83. {/block:IfNotMaximizedBackgroundImage}
  84. background-image:url({image:Fundo});
  85. background-attachment:fixed;
  86. {/block:IfNotMaximizedBackgroundImage}
  87. {block:ifrightbackground}
  88. background-position:right bottom;
  89. {/block:ifrightbackground}
  90. {block:ifnotrightbackground}
  91. background-position:left bottom;
  92. {/block:ifnotrightbackground}
  93. background-color: {color:color background};
  94. font-family: {font:body};
  95. font-size:{text:font size};
  96. line-height:{text:line height};
  97. font-color:{color:text};
  98.  
  99. }
  100.  
  101.  
  102. {block:ifshadowedimages}
  103. a img{
  104. -webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.33);
  105. -moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.33);
  106. box-shadow: 0px 2px 8px rgba(0,0,0,0.33);
  107. }
  108. {/block:ifshadowedimages}
  109.  
  110. #posts {
  111. padding:19px;
  112. text-align: justify;
  113. /*background-color: {color:content background};*/
  114. {block:ifcentral}
  115. margin:auto;
  116. {/block:ifcentral}
  117. {block:ifnotcentral}
  118. margin-left: {text:distancia da esquerda}px;
  119. {/block:ifnotcentral}
  120. width:{text:Width}px;
  121. margin-top:0px;
  122. margin-bottom:15px;
  123. }
  124.  
  125. #entry {margin-bottom: 10px;}
  126.  
  127. .blogtitle {
  128.     font-family: {font:title};
  129. text-align: center;
  130. font-family:
  131. {block:IfCedarvilleFont}cedarville cursive;{/block:IfCedarvilleFont}
  132. {block:IfNotCedarvilleFont}{font:body}{/block:IfNotCedarvilleFont};
  133. font-size:{text:title font size};
  134. padding: 5px;
  135. -webkit-transition: 0.5s ease-in;
  136. -webkit-text-stroke: 1px transparent;
  137. text-transform:lowercase;
  138. {block:ifClickToShowAndHideNav}
  139. cursor: help;
  140. {/block:ifClickToShowAndHideNav}
  141. color:{color:title color};
  142. line-height:{text:altura title};
  143. }
  144.  
  145. .blogtitle a{
  146. color:{color:title color};
  147. ;
  148. }
  149.  
  150. .blogtitle a:hover{
  151. font-color:{color:Title Hover};
  152. }
  153. .nav {
  154. color:{color:Nav Links};
  155. text-align: center;
  156. text-transform:lowercase;
  157. letter-spacing:1px;
  158. word-spacing: 3px;
  159. margin-bottom:3px;
  160. {block:ifClickToShowAndHideNav}
  161. margin-top:-30px;
  162. {/block:ifClickToShowAndHideNav}
  163. {block:ifnotClickToShowAndHideNav}
  164. margin-top:1px;
  165. {block:ifnotClickToShowAndHideNav}
  166. font-size:10px;
  167.     background-color: {color:bgtitle};
  168. }
  169. .nav a{
  170. color:{color:Nav Links};
  171. -webkit-transition: 0.5s ease-in;}
  172.  
  173. .bgblogtitle {
  174.     background-color: {color:bgtitle};
  175. }
  176.  
  177.  
  178.  
  179. img {max-width: {text:width}px;}
  180.  
  181. h3 {font-family:{font:post title}; font-size:{text:post title size}; text-decoration:none;}
  182.  
  183. a {text-decoration:none; color:{color:link}; -webkit-transition: all .2s linear;
  184.  
  185. -moz-transition: all .2s linear;
  186. transition: all 0.2s linear;}
  187.  
  188. a:hover {color:{color:link hover};
  189. -webkit-transition: all .2s linear;
  190. -moz-transition: all .2s linear;
  191. transition: all 0.2s linear;}
  192.  
  193. .caption {
  194. margin-top:-8px;
  195. margin-bottom:-8px;
  196. background-color:{color:caption background};
  197. padding: 2px 0 2px 0;}
  198.  
  199.  
  200.  
  201. #entry:hover .permalink {display: block;}
  202.  
  203. .permalink {font-size:9px;; font-weight: normal; text-align: left; position: absolute; padding-left: 20px; margin-left:{text:width}px; display: none ;
  204. }
  205.  
  206.  
  207. #entry:hover .imgpermalink {overflow:visible;
  208. -webkit-transition: opacity 0.7s linear;
  209. opacity: 0.6;
  210. -webkit-transition: all 0.2s linear;
  211.  
  212. -moz-transition: all 0.2s linear; transition: all 0.2s linear;
  213. -webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.33);
  214. -moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.33);
  215. box-shadow: 0px 2px 8px rgba(0,0,0,0.33);}
  216.  
  217. #entry .imgpermalink {width: 50px;
  218. font: 9px Georgia;
  219. text-transform: lowercase;
  220. position:absolute;
  221. text-align: center;
  222. background-color:#fff; color:#fff;
  223. overflow:hidden;
  224. -webkit-transition: opacity 0.7s linear;
  225. opacity: 0.0;
  226. -webkit-transition: all 0.4s linear;
  227. -moz-transition: all 0.4s linear
  228. ;transition: all 0.4s linear;
  229.  
  230. {block:iflargerimagepermalink}
  231. padding: 1px; margin: 5px -1px 5px;
  232. width: {text:width}px;
  233. {/block:iflargerimagepermalink}
  234. {block:ifnotlargerimagepermalink}
  235. padding: 2px; margin: 5px 0 0 5px;
  236. {/block:ifnotlargerimagepermalink}
  237. }
  238.  
  239. .imgpermalink a{color: #222; -webkit-transition: all .2s linear;
  240. -moz-transition: all .2s linear;
  241. transition: all 0.2s linear;}
  242.  
  243. .imgpermalink a:hover{color: #C5C5C5; -webkit-transition: all .2s linear;
  244. -moz-transition: all .2s linear;
  245. transition: all 0.2s linear;}
  246.  
  247. .audio{width:{text:width}px; height:35px; overflow:hidden;background:#000;
  248. }
  249.  
  250. ol.notes {padding: 0px; margin: 25px 0px; list-style-type: none; border-bottom: dotted 1px #ccc;}
  251. ol.notes li.note {border-top: dotted 0px #ccc; padding: 3px;}
  252. ol.notes li.note img.avatar {vertical-align: -4px;margin-right: 10px;width: 16px;height: 16px;}
  253. ol.notes li.note span.action {font-weight: normal;}
  254. ol.notes li.note .answer_content {font-weight: normal;}
  255. ol.notes li.note blockquote {border-color: #eee; padding: 4px 10px; margin: 10px 0px 0px 25px;}
  256. ol.notes li.note blockquote a {text-decoration: none;}
  257. ul{margin-left:-40px!important; list-style:none;}
  258.  
  259. ::-webkit-scrollbar{width:7px;height:7px;}
  260. ::-webkit-scrollbar-button:start:decrement
  261. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  262. ::-webkit-scrollbar-track-piece{background-color:#fff; -webkit-border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;}
  263. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:scrollbar};-webkit-border-radius:px;}
  264. ::-webkit-scrollbar-thumb:horizontal{width:7px; background-color: {color:scrollbar}; -webkit-border-radius:px;}
  265.  
  266. {CustomCSS}
  267.  
  268. </style>
  269.  
  270. {block:Ifrolageminfinita}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:Ifrolageminfinita}
  271.  
  272.  
  273.  
  274. </head>
  275.  
  276. <body>
  277. <div style="position:fixed; bottom:10px; right:10px;"><a href="http://descortino.tumblr.com" title="theme from descortino">theme</a></div>
  278.  
  279. <div id="posts">
  280. <div class="bgblogtitle">
  281. <div class="blogtitle">{block:ifNotClickToShowAndHideNav}<a href="/">{Title}</a>{block:ifNotClickToShowAndHideNav}{block:ifClickToShowAndHideNav}{Title}{/block:ifClickToShowAndHideNav}</div>
  282.  
  283. <div class="nav">
  284. {block:ifClickToShowAndHideNav}
  285. <b><a href="/">home </a></b>
  286. {/block:ifClickToShowAndHideNav}
  287.  
  288. <b>
  289. <a href="/archive">archive </a>
  290. {block:AskEnabled}<a href="/ask">ask </a>{/block:AskEnabled}
  291. {block:HasPages}{block:Pages}<a href="{URL}">{Label} </a>{/block:Pages}{/block:HasPages}
  292. <a href="http://descortino.tumblr.com/">credit </a>
  293.  
  294. <a href="{text:url link 1}">{text:link 1} </a>
  295. <a href="{text:url link 2}">{text:link 2} </a>
  296.  
  297. </b> <br>
  298. {block:ifClickToShowAndHideNav}
  299. <br>
  300. {/block:ifClickToShowAndHideNav}
  301. {block:Description}{Description}{/block:Description}
  302.  
  303.  
  304. </div></div>
  305. <div class = "autopagerize_page_element" >
  306.  
  307.  
  308.  
  309. {block:Posts}
  310.  
  311. {block:Text}
  312. <div id="entry">
  313. <span class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a><br><a href="{ReblogURL}" target="_blank">Reblog</a></span>
  314. {block:Title}
  315. <h3><a href="{Permalink}">{Title}</a></h3>
  316. {/block:Title}
  317. {Body}
  318. <div><a href="{Permalink}">{text:Permalink}</a></div>
  319. </div>
  320. {/block:Text}
  321.  
  322. {block:Photo}
  323. {block:IndexPage}
  324. <div id="entry">
  325. <div class="imgpermalink"><a href="{Permalink}">{NoteCountWithLabel}</a><br>
  326. <a href="{ReblogURL}" target="_blank">reblog</a>
  327. </div>{/block:IndexPage}
  328. <a href="{Permalink}"><img src="{PhotoURL-400}" alt="{PhotoAlt}" width="{text:width}" /></a>
  329. {block:ifshowcaptions}
  330. <div class="caption">{Caption}</div>
  331. {/block:ifshowcaptions}
  332. </div>
  333. {/block:Photo}
  334.  
  335.  
  336. <div id="entry">
  337. {block:Photoset}
  338. <div style="max-width:{text:Width}px; height:auto; overflow:hidden;">{Photoset-400}</div>
  339. {block:Caption}
  340. <div class="caption">{Caption}</div>
  341. {/block:Caption}
  342. {/block:Photoset}
  343. </div>
  344.  
  345.  
  346. {block:Quote}
  347. <div id="entry">
  348. <span class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a><br><a href="{ReblogURL}" target="_blank">Reblog</a>
  349. </span>
  350. <div class="post quote">
  351. "{Quote}"{block:Source} - <strong>{Source}{/block:Source}</strong></div>
  352. </div>
  353. {/block:Quote}
  354.  
  355.  
  356. {block:Link}
  357. <div id="entry">
  358. <span class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a><br><a href="{ReblogURL}" target="_blank">Reblog</a></span>
  359. <a href="{URL}" class="link" {Target}><h3>{Name}</h3></a>
  360. {block:Description}
  361. <div class="description">{Description}</div>
  362. {/block:Description}
  363. </div>
  364. {/block:Link}
  365.  
  366.  
  367. {block:Chat}
  368. <div id="entry">
  369. <span class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a><br><a href="{ReblogURL}" target="_blank">Reblog</a></span>
  370. <div class="post chat">
  371. {block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}<ul class="chat">{block:Lines}<li class="{Alt} user_{UserNumber}">{block:Label}<span class="label">{Label} </span>{/block:Label}{Line}</li>{/block:Lines}</ul></div>
  372. </div>
  373. {/block:Chat}
  374.  
  375.  
  376. {block:Video}
  377. <div id="entry">
  378. <span class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a><br><a href="{ReblogURL}" target="_blank">Reblog</a></span>
  379. <div style="width:{text:width}px; height:auto; overflow:hidden;">{Video-500}</div>
  380. {block:Caption}
  381. <div class="caption">{Caption}</div>
  382. {/block:Caption}
  383. </div>
  384. {/block:Video}
  385.  
  386.  
  387. {block:Audio}
  388. <div id="entry">
  389. <span class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a><br><a href="{ReblogURL}" target="_blank">Reblog</a></span>
  390. <div class="audio">
  391. {AudioPlayerBlack}
  392. </div>
  393. {block:Caption}
  394. <div class="caption">{Caption}</div>
  395. {/block:Caption}
  396. </div>
  397. {/block:Audio}
  398.  
  399. {block:PermalinkPage}
  400. {block:RebloggedFrom}
  401. Via <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  402. Original <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}
  403. <div class="posted">Posted {TimeAgo}, with {NoteCount} Notes</div>
  404. <br>
  405. </div>
  406. <center>{block:ContentSource}
  407. <br><a href="{SourceURL}">
  408. {lang:Source}:
  409. {block:SourceLogo}
  410. <img src="{BlackLogoURL}" width="{LogoWidth}"
  411. height="{LogoHeight}" alt="{SourceTitle}" />
  412. {/block:SourceLogo}
  413. {block:NoSourceLogo}
  414. {SourceLink}
  415. {/block:NoSourceLogo}
  416. </a>
  417. {/block:ContentSource}</center>
  418. {/block:PermalinkPage}
  419.  
  420.  
  421. {/block:Posts}
  422.  
  423. </div>
  424.  
  425. <DIV style="text-align:right;">
  426.  
  427. {block:Pagination}
  428. {block:PreviousPage}<a href="{PreviousPage}">{text:Anterior}</a>{/block:PreviousPage} / {block:NextPage}<a href="{NextPage}" >{text:proxima}</a>{/block:NextPage}</div>
  429. {/block:Pagination}
  430.  
  431. </div>
  432.  
  433.  
  434.  
  435. <div style="position:fixed; bottom:10px; right:10px;"><a href="http://descortino.tumblr.com" title="theme from descortino">theme</a></div>
  436.  
  437. </body>
  438. </html>
create a new version of this paste RAW Paste Data