API tools faq
paste
Ikxa

Theme Paradigma

Ikxa
Sep 7th, 2016
518
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.32 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!-- © oxigenio-themes I tumblr -->
  4. <!-- © oxigenio-themes I tumblr -->
  5. <!-- © oxigenio-themes I tumblr -->
  6. <!-- © oxigenio-themes I tumblr -->
  7. <!-- © oxigenio-themes I tumblr -->
  8.  
  9. <!-- THEME REGISTRADO NO JARDIM DE THEMES DO TUMBLR --
  10.  
  11. PERMITIDA MODIFICAÇÃO PARA USO PRÓPRIO
  12.  
  13. PROIBIDA RETIRADA DE DETALHES PARA USO ALHEIO -->
  14.  
  15. <!--[if lt IE 7]><html class="lt-ie10 lt-ie9 lt-ie8 lt-ie7"><![endif]-->
  16. <!--[if IE 7]><html class="lt-ie10 lt-ie9 lt-ie8"><![endif]-->
  17. <!--[if IE 8]><html class="lt-ie10 lt-ie9"> <![endif]-->
  18. <!--[if IE 9]><html class="lt-ie10"> <![endif]-->
  19. <!--[if gt IE 9]><!-->
  20.  
  21. <html>
  22. <!--<![endif]-->
  23. <head>
  24. {MobileAppHeaders}
  25. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  26. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  27.  
  28. <meta name="if:Logo Credito" content="1"/>
  29. <meta name="if:DescricaoFoto" content="0"/>
  30. <meta name="if:Blogroll" content="1"/>
  31. <meta name="color:Titulo" content="#FFF"/>
  32. <meta name="color:Link" content="#FFF"/>
  33. <meta name="color:Fundo" content="#000"/>
  34. <meta name="color:Post" content="#FFF"/>
  35. <meta name="color:Barrinha" content="#b9b0a6"/>
  36. <meta name="color:Sidebar" content="#000"/>
  37. <meta name="color:corletra" content="#b9b0a6"/>
  38. <meta name="color:perma" content="#FFF"/>
  39. <meta name="image:background" content=""/>
  40. <meta name="image:sidebar" content=""/>
  41. <meta name="text:tamanhotitulo" content="24"/>
  42. <meta name="text:tamanholetra" content="14"/>
  43. <meta name="text:urlblogroll" content="/blogroll"/>
  44. <meta name="text:urlimgblogroll" content="http://static.tumblr.com/55859ffb0a21fec56750aaf2089a0d71/m8tfdmt/Q3qndwdyk/tumblr_static_da6791y5n2800ocs0gswo0o4k.gif"/>
  45. <meta name="text:Link 1" content="/"/>
  46. <meta name="text:Link 1 Titulo" content="one"/>
  47. <meta name="text:Link 2" content="/" />
  48. <meta name="text:Link 2 Titulo" content="two"/>
  49. <meta name="text:Link 3" content="/" />
  50. <meta name="text:Link 3 Titulo" content="three"/>
  51. <meta name="text:Link 4" content="/" />
  52. <meta name="text:Link 4 Titulo" content="four"/>
  53. <meta name="text:Link 5" content="/" />
  54. <meta name="text:Link 5 Titulo" content="five"/>
  55. <meta name="text:Link 6" content="/" />
  56. <meta name="text:Link 6 Titulo" content="six"/>
  57. <meta name="text:Link 7" content="/" />
  58. <meta name="text:Link 7 Titulo" content="seven"/>
  59.  
  60. <link rel="shortcut icon" href="{Favicon}">
  61. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  62.  
  63. <link rel="stylesheet" href="http://static.tumblr.com/vr9xgox/PuGmmhqcs/normalize.css">
  64.         <link rel="stylesheet" href="http://static.tumblr.com/vr9xgox/adcmzkawk/main.css">
  65.  
  66. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  67. <link href='https://fonts.googleapis.com/css?family=Amatic+SC:400,700|Handlee' rel='stylesheet' type='text/css'>
  68. <link href='http://fonts.googleapis.com/css?family=Parisienne|Bad+Script|Oswald|Dancing+Script:700|Amatic+SC:700|Satisfy' rel='stylesheet' type='text/css'>
  69.  
  70. <!-- HTML5 Shiv -->
  71.         <!--[if lt IE 9]>
  72.                <script src="http://static.tumblr.com/hriofhd/Qj0m8pn7q/html5shiv.js"></script>
  73.        <![endif]-->
  74.  
  75. <style type="text/css">
  76.  
  77. a.install {z-index: 9999999999;width: 96px;height: 20px;background: url(http://static.tumblr.com/thpaaos/dHHkt0jor/install_theme.png);display: block;position:fixed;top: 32px;right:3px;opacity:.8;}
  78. .user_ .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  79. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Titulo};}
  80.  
  81. ::-webkit-scrollbar {width:5px;height:5px;background:{color:corletra};}
  82. ::-webkit-scrollbar-thumb {background:{color:Barrinha};}
  83.  
  84. iframe#tumblr_controls {
  85. position:fixed;
  86. -webkit-filter: invert(100%) ;
  87. -moz-transition: all 0.8s ease-out;
  88. -webkit-transition: opacity 0.7s linear;
  89. -webkit-transition: all 0.8s ease-out;
  90. transition: all 0.8s ease-out;
  91. opacity: 0.5;}
  92.  
  93. body {width:600px;margin:-5px;background:{color:Fundo} url({image:background});Background-attachment: fixed;font-family:Trebuchet MS;}
  94. body, div, p, textarea, submit, input{
  95. font-family:Trebuchet MS;
  96. font-size:{text:tamanholetra}px;
  97. line-height:auto;
  98. color:{color:corletra};
  99. }
  100.  
  101. a:link, a:active, a:visited{text-decoration:none;color:{color:Link};
  102. -webkit-transition: 0.7s ease;transition: 0.7s ease;
  103. -o-transition: 0.7s ease;-moz-transition: 0.7s ease;}
  104. a:hover {opacity:1;}
  105. h1{color:#fff;font-family: 'Parisienne', cursive;font-size:{text:tamanhonome}px;}
  106. h1:hover {opacity:0.5;}
  107. h4 {color:#000;font-size:12px;}
  108. h5 {font-family: 'Handlee', cursive;font-size:13px;}
  109.  
  110. #tudo{margin-left:0px;absolute:relative;width:550px;background:transparent;}
  111. #content{
  112. width:500px;padding:5px;text-align:justify;margin-left:660px;margin-top:5px;}
  113. #entry img{max-width:100%;}
  114. #entry{
  115. margin-top:0px;margin-left:10px; {block:IndexPage}padding:0px;width:400px;padding-bottom:0px;background:{color:Post};{/block:IndexPage}
  116. {block:PermalinkPage}padding:0px;width:400px;padding:0px;background:{color:Post};{/block:PermalinkPage};}
  117.  
  118. .links{margin-top:0px;margin-left:8px;text-align:left;color: {color:letraside};font-family: 'Handlee';font-size:19px;}
  119. .links a{width:200px;
  120. display:inline-block;
  121. background:transparent;
  122. border-bottom:0px solid {color:letraside};
  123. line-height:14px;
  124. padding:5px;}
  125. .links:hover {}
  126.  
  127. .titulo{font-family: 'Handlee', cursive;
  128. font-size:{text:tamanhotitulo}px;
  129. font-weight:bold;
  130. color:{color:Titulo};margin-left:10px;margin-bottom:8px;}
  131.  
  132. .quote {
  133. padding:0px;
  134. text-transform:none;
  135. background:url('http://static.tumblr.com/akhimg2/fAbm9o4gq/untitled-2.png') width:15px height:15px no-repeat 5px 5px;
  136. }
  137.  
  138. .autor {font-size:13px;
  139. text-align:left;
  140. font-style:normal;
  141. text-transform:none;
  142. }
  143.  
  144. #entry:hover .perma {{block:IndexPage}opacity:1;{/block:IndexPage}}
  145. #entry .perma {{block:IndexPage}
  146. font-size:9px;border-left:1px solid {color:corletra};padding-left:5px;
  147. position:absolute;line-height:17px;
  148. width:70px;background:transparent;
  149. opacity:0; text-align:left;
  150. margin-left:410px;
  151. margin-top:-100px;
  152. transition: 0.7s ease;
  153. -o-transition: 0.7s ease;
  154. -moz-transition: 0.7s ease;
  155. -webkit-transition: 0.7s ease;
  156. {block:IndexPage}}
  157.  
  158. .perma a{
  159. display:inline-block;
  160. background:transparent;
  161. line-height:7px;
  162. padding:0px 4px;}
  163.  
  164. .perma img{border-radius:50px;margin-bottom:7px;}
  165.  
  166. .pagina{
  167. padding:5px;
  168. margin-top:10px;
  169. font-size:8px;
  170. letter-spacing:1px;
  171. text-transform:uppercase;
  172. text-align:center;
  173. border-top:1px solid {color:corletra};
  174. border-bottom:1px solid {color:corletra};}
  175.  
  176. .album {position:absolute;}
  177. .album img {width:50px;height:50px;float:left;}
  178. .audio {width:20px;padding:7px 13px 9px 5px;overflow:hidden;}
  179. .audiodescr {margin-left:55px;padding:0px;}
  180. .i{display:block;padding:2px;font-size:10px;line-height:13px;}
  181. .i b, strong{text-transform:uppercase;}
  182. .player {margin-left:300px;
  183. position:absolute;
  184. background:transparent;
  185. width:39px;
  186. height:39px;
  187. opacity:0.75;
  188. padding:6px;
  189. overflow:hidden;}
  190.  
  191. .answer{margin:5px 0px 0px 0px;}
  192.  
  193. .sea {margin-left:10px;}
  194.  
  195. ::selection {color:#FFF;background:{color:Titulo};}
  196. ::-moz-selection {color:#FFF;background:{color:Titulo};}
  197. ::-webkit-selection{color:#FFF;background:{color:Titulo};}
  198.  
  199. i, em{color:{color:Titulo};}
  200. b, strong{color:{color:Titulo};}
  201. ul,ol{margin:0px;margin-left:-10px;}
  202. p{padding:0px;margin:5px;}
  203. u{text-decoration:none;color:{color:corletra};
  204. border-bottom:1px dotted {color:corletra};}
  205. blockquote {margin:2px 0px 0px -6px;padding:0px;
  206. padding-left:2px;border-left:0px solid {color:corletra};}
  207. img{ margin-bottom:-2px;}
  208. .notes img { width:0px;}
  209.  
  210. #sidebar{color:{color:letraside};margin-left:370px; margin-top: 200px;z-index: 999999;position: fixed; width:205px;background:{color:Sidebar};border-left:1px solid {color:letraside};}
  211. #sidebarimg{margin-left:130px; margin-top:200px;z-index:9999999;position: fixed; background:transparent;text-align: center;}
  212. #credito img{width:25px;border-radius:50px;}
  213. #credito{position:fixed;left:15px;bottom:20px;font-family:Consolas;}
  214. #blogroll img{width:50px;border-radius:50px;}
  215. #blogroll{position:fixed;right:12px;top:31px;font-family:Consolas;}
  216.  
  217. </style>
  218.  
  219. <script type="text/javascript"
  220. src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  221. <script type="text/javascript"
  222. src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  223.  
  224. <script type="text/javascript">
  225. $(window).load(function () {
  226. var $content = $('#content');
  227. $content.masonry({itemSelector: '#entry'}),
  228. $content.infinitescroll({
  229. navSelector : 'div#pagination',
  230. nextSelector : 'div#pagination a#nextPage',
  231. itemSelector : '#entry',
  232. loading: {
  233. finishedMsg: '',
  234. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  235. },
  236. bufferPx : 600,
  237. debug : false,
  238. },
  239. // call masonry as a callback.
  240. function( newElements ) {
  241. var $newElems = $( newElements );
  242. $newElems.hide();
  243. // ensure that images load before adding to masonry layout
  244. $newElems.imagesLoaded(function(){
  245. $content.masonry( 'appended', $newElems, true,
  246. function(){$newElems.fadeIn(300);} );
  247.  
  248.  
  249. });
  250. });
  251. });
  252. </script>
  253.  
  254. {CustomCSS}
  255.  
  256. </style>
  257. </head>
  258. <body>
  259. <div id="sidebarimg"><a href="/"><img src="{image:sidebar}"style="height:auto; max-width:223px; align="right"></a>
  260. </div>
  261. <div id="sidebar">
  262. <div class="titulo"><a href="/">{title}</a></div>
  263. <div class="links">
  264. {block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Titulo}</a>
  265. {/block:ifLink1}<br>
  266. {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Titulo}</a>
  267. {/block:ifLink2}<br>
  268. {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Titulo}</a>
  269. {/block:ifLink3}<br>
  270. {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Titulo}</a>
  271. {/block:ifLink4}<br>
  272. {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Titulo}</a>
  273. {/block:ifLink5}<br>
  274. {block:ifLink6}<a href="{text:Link 6}">{text:Link 6 Titulo}</a>
  275. {/block:ifLink6}<br>
  276. {block:ifLink7}<a href="{text:Link 7}">{text:Link 7 Titulo}</a>
  277. {/block:ifLink7}<br>
  278. </div>
  279. </div>
  280.  
  281. <div id="tudo"><br>
  282. <div id="content">
  283. {block:Posts}
  284.  
  285. <div id="entry">
  286.  
  287. {block:Text}<br>
  288. <div class="titulo">{Title}</div>{Body}<br>
  289. {/block:Text}
  290.  
  291. {block:Link}<br>
  292. <a href="{URL}"><span class="titulo">{Name} &raquo;</span></a>
  293. {block:Description}{Description}{/block:Description}<br>
  294. {/block:Link}
  295.  
  296. {block:Photo}{block:IndexPage}{LinkOpenTag}
  297. <a href="{Permalink}"><img src="{PhotoURL-400}" alt="{PhotoAlt}" width="100%" /></br></a>{LinkCloseTag}
  298. {block:ifDescricaoFoto}{block:Caption}{Caption}{/block:Caption}{/block:ifDescricaoFoto}{/block:IndexPage}{block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" style="width:100%;"/></a>{/block:PermalinkPage}
  299. {/block:Photo}
  300.  
  301. {block:Photoset}<div id="photoset">
  302. {block:IndexPage}
  303. {Photoset-400}
  304. {/block:IndexPage}
  305. {block:PermalinkPage}{Photoset-400}{Caption}{/block:PermalinkPage}</div>
  306. {/block:Photoset}
  307.  
  308. {block:Quote}
  309. <div class="quote"><br>{Quote}<div class="autor">{Source}<br><br></div></div>
  310. {/block:Quote}
  311.  
  312. {block:Chat}<br>
  313. <div class="titulo">{Title}</div>
  314. {block:Lines}<div class="i {Alt}"><div class="{Alt} user_{UserNumber}">
  315. {block:Label}<b>{Label}</b> {/block:Label}{Line}</div></div>{/block:Lines}<br>
  316. {/block:Chat}
  317.  
  318. {block:Audio}<br>
  319. {block:AlbumArt}<div class="album">
  320. <img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  321. <div class="player"><div class="audio">{AudioPlayerWhite}</div></div>
  322. <div class="audiodescr"><div class="i"><b>TITLE: </b><span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div><div class="i"><b>ARTIST: </b><span{block:Artist} style="display: none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}</div>
  323. <div class="i"><b>PLAYS: </b><span{block:PlayCount} style="display: none;"{block:PlayCount}>Unknown</span>{block:PlayCount}{PlayCount}{/block:PlayCount}</div></div><br>
  324. {/block:Audio}
  325.  
  326. {block:Video}
  327. {block:IndexPage}
  328. {Video-400}{block:ifDescricaoFoto}{block:Caption}{Caption}{/block:Caption}{/block:ifDescricaoFoto}
  329. {/block:IndexPage}
  330. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  331. {block:Caption}{Caption}{/block:Caption}
  332. {/block:Video}
  333.  
  334. {block:Answer}<br>
  335. <div><img src="{AskerPortraitURL-24}" style="border-radius:50px;"> → <b>{Asker}</b> → {Question}</div>
  336. <div class="answer">{Answer}</div><br>
  337. {/block:Answer}
  338.  
  339. {block:IndexPage}<div class="perma">{block:RebloggedFrom}<a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-30}" alt="{PhotoAlt}" /></a>{/block:RebloggedFrom}<br>
  340. <a style="color:{color:perma};" href="{Permalink}">{NoteCountWithLabel}</a><br><a style="color:{color:perma};" href="{ReblogUrl}" target="_blank"><img src="http://static.tumblr.com/eb7avl1/GMsmolvi1/reblog.png"></a>
  341. {block:HasTags}{block:Tags}&rarr; <a href="{TagURL}">{Tag}</a>
  342. {/block:Tags}{/block:HasTags}</div>
  343. {/block:IndexPage}
  344.  
  345. {block:PermalinkPage}{block:Date}<div class="pagina">
  346. posted {TimeAgo} with {NoteCountWithLabel}
  347.  
  348. {block:HasTags}<br>tagged: {block:Tags}
  349. <a href="{TagURL}" title="{Tag}">{Tag}, </a>
  350. {/block:Tags}{/block:HasTags}
  351. </div>{/block:Date}
  352.  
  353. {block:NoteCount}<div style="margin-top:10px;">
  354. {block:PostNotes}{PostNotes}{/block:PostNotes}
  355. </div>{/block:NoteCount}{/block:PermalinkPage}
  356. </div>
  357. {block:ContentSource}
  358. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  359. {/block:ContentSource}
  360.  
  361. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  362. {/block:Posts}
  363. </div>
  364. </div>
  365.  
  366. {block:IndexPage}{block:Pagination}<div id="pagination">
  367. {block:NextPage}<a id="nextPage" href="{NextPage}"></a>{/block:NextPage}
  368. {block:PreviousPage}<a href="{PreviousPage}"></a>{/block:PreviousPage}
  369. </div>{/block:Pagination}{/block:IndexPage}
  370.  
  371. <div id="credito">{block:ifLogoCredito}
  372. <a title="credito" href="http://oxigenio-dapalavra.tumblr.com/paradigma">
  373. <img src="http://static.tumblr.com/eb7avl1/9f3moldo5/oxigenio.jpg"></a>
  374. {/block:ifLogoCredito}{block:ifnotLogoCredito}&copy;
  375. <a title="credito" href="http://oxigenio-dapalavra.tumblr.com/paradigma">theme</a>
  376. {/block:ifnotLogoCredito}</div>
  377.  
  378. {block:ifBlogroll}
  379. <div id="blogroll">
  380. <a title="Blogroll" href="{text:urlblogroll}">
  381. <img src="{text:urlimgblogroll}"></a>
  382. </div>{/block:ifBlogroll}
  383. {block:ifnotBlogroll}{/block:ifnotBlogroll}
  384.  
  385. </body>
  386. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!