Advertisement
Jalcanttara

Theme 27 - Acalentador.

Jun 21st, 2013
166
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 15.88 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.  
  5. <!--— THEME BY ACALENTADOR, DON'T COPY AND DON'R REMOVE CREDIT -->
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7. <!-- VALORES DEFAULT-->
  8.  
  9. <title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12.  
  13. <meta name="image:Background" content="http://static.tumblr.com/r2ogzvx/gfAmnmhyn/-3_-_c__pia__72_.jpg"/>
  14.  
  15. <meta name="font:Postagens" content="Georgia"/>
  16.  
  17. <meta name="text:Link1" content="/" />
  18. <meta name="text:Link1 Title" content="inicie" />
  19. <meta name="text:Link2" content="/ask" />
  20. <meta name="text:Link2 Title" content="correio" />
  21. <meta name="text:Link3" content="/submit" />
  22. <meta name="text:Link3 Title" content="despeje" />
  23. <meta name="text:Link4" content="/" />
  24. <meta name="text:Link4 Title" content="link" />
  25. <meta name="text:Link5" content="/" />
  26. <meta name="text:Link5 Title" content="link" />
  27. <meta name="text:Link6" content="/" />
  28. <meta name="text:Link6 Title" content="link" />
  29. <meta name="text:frase" content"Born to die">
  30.  
  31. <meta name="color:Postagens" content="##a3a2a2" />
  32. <meta name="color:Background" content="#000000" />
  33. <meta name="color:Ask Fundo" content="#dadad8" />
  34. <meta name="color:Chat Fundo" content="#eeeeee" />
  35. <meta name="color:Chat Fonte" content="#3a3a3a" />
  36. <meta name="color:Links" content="#767879" />
  37. <meta name="color:Hover" content="#b1b2b4" />
  38.  
  39.  
  40. <style type="text/css">
  41.  
  42. /* body */
  43.  
  44. body
  45. {background-color: {color:Background};
  46. background-image: url({image:Background});
  47. background-attachment: fixed;
  48. background-repeat: no-repeat;
  49. background-position: right;
  50. {block:IfNotRepetirBackground}
  51. background-size: 100% 100%;
  52. {/block:IfNotRepetirBackground}
  53. {block:IfRepetirBackground}
  54. background-repeat: repeat;
  55. {/block:IfRepetirBackground}
  56. color: {color:Postagens};
  57. font-family: {font:Postagens};
  58. font-size: {text:Postagens}px}
  59.  
  60. .tumblrAutoPager_page_separator,
  61.  
  62. .tumblrAutoPager_page_info {display: none;}
  63.  
  64. iframe#tumblr_controls
  65. {top: 1px !important;
  66. margin: 0 0 0 0;
  67. right: 6px !important;}
  68.  
  69.  
  70. /* Caixa dos posts */
  71.  
  72. #conteudo
  73. {width: 1000px;
  74. margin-left: 407px;
  75. top: -90px;
  76. position: relative;
  77. text-align: justify;
  78. z-index: 99999999999999999999999999999999999999999999999999999;
  79. padding-bottom: 10px;
  80. {block:PermalinkPage}
  81. width: 550px;
  82. {/block:PermalinkPage}}
  83.  
  84. .post
  85. {width: 500px;
  86. background: transparent;
  87. font-size: 12px;
  88. font-family:calibri;
  89. padding: 10px;
  90. margin-left: 20px;
  91. margin-bottom: 10px;
  92. margin-right: 5px;
  93. z-index: 99999999999999999999999999999999999999999999999999999;
  94. {block:PermalinkPage}
  95. width: 500px;
  96. {/block:PermalinkPage}}
  97.  
  98. .permalink
  99. {width: 300px;
  100. font-family: Arial;
  101. font-size: 11px;
  102. text-transform: uppercase;
  103. position: absolute;
  104. text-align: left;
  105. font-size: 9px;
  106. opacity: 0;
  107. margin-top: -2px;
  108. padding-top: 7px;
  109. background: {color:background};
  110. webkit-transition: all .2s linear;
  111. -moz-transition: all .2s linear;
  112. transition: all 0.2s linear;}
  113.  
  114. {block:IndexPage}
  115. .post:hover .permalink
  116. {opacity: 1;
  117. margin-top: -7px;
  118. webkit-transition: all .2s linear;
  119. -moz-transition: all .2s linear;
  120. transition: all 0.2s linear;}
  121. {/block:IndexPage}
  122.  
  123. .permalinkfoto
  124. {width: 280px;
  125. font-family: consolas;
  126. font-size: 9px;
  127. letter-spacing: 1px;
  128. z-index: 19;
  129. text-transform: uppercase;
  130. text-align: center;
  131. opacity: 0;
  132. margin-top: -20px;
  133. margin-left: 5px;
  134. padding: 5px;
  135. position: absolute;
  136. background: #ffffff;
  137. color: #000000;
  138. webkit-transition: all .2s linear;
  139. -moz-transition: all .2s linear;
  140. transition: all 0.2s linear;}
  141.  
  142. .post:hover .permalinkfoto
  143. {opacity: 0.85;font-style:underlined;
  144. margin-top: 5px;
  145. margin-left: 5px;
  146. webkit-transition: all .2s linear;
  147. -moz-transition: all .2s linear;
  148. transition: all 0.2s linear;}
  149.  
  150. .perma
  151. {width: 500px;
  152. background: transparent;
  153. padding: 10px;
  154. margin-top: 10px;
  155. margin-left: 10px;
  156. margin-bottom: 5px;
  157. margin-right: 5px;
  158. border: 1px {color:Bordas} dotted;
  159. background: {color:Background}}
  160.  
  161. .aspas
  162. {float: left;
  163. font-size: 25px;
  164. margin: -1px 5px -26px 0;
  165. position: relative;
  166. font-family: Georgia}
  167.  
  168. blockquote
  169. {padding-left: 5px;
  170. margin-left: 15px;
  171. font-size:10px;
  172. border-left: {color:Links} 1px dotted;
  173. text-align: left}
  174.  
  175. .chat
  176. {background: {color:Chat Fundo};
  177. color: {color:Chat Fonte};
  178. margin-top: 2px;
  179. padding: 4px;}
  180.  
  181.  
  182. .xquotesource {text-align: right;font-size:12px;color:{color:Postagegens}; margin-bottom: 5px;font-family:candara;}
  183. .xquotesource a {font-family:candara;font-size:12px;color:{color:Postagens};}
  184. .xquotesource:hover{text-transform: none;}
  185.  
  186. /* Sidebar */
  187. .desc{text-align: center; overflow: auto; height: auto; font-size: 11px; font-family:
  188. georgia; position: relative; margin-left:396px; width: 593px; background-color: none; color: #fff; margin-top: 26px; background-attachment: fixed; opacity: 1; line-height: 14px;}
  189.  
  190. #links {margin-top:-130px;margin-left:445px; position:relative; width:445px; height:190px; font-size:9px; text-align:center;font-size:10px; padding:29px; letter-spacing:2px; line-height:229%; z-index:999;word-spacing:13px;z-index:9999999999999999999999999999; }
  191.  
  192. #links a {color:{color:Links};width:445px; height:190px;border-radius: 1px 1px 1px 1px; -webkit-transition-duration: .39s;}
  193.  
  194. #links a:hover{color:{color:linkhover}; -webkit-transition: .39s;}
  195.  
  196. .tumblrAutoPager_page_separator, .tumblrAutoPager_page_info {display: none;}
  197.  
  198. .frase { width: 417px; height:7; padding:9px; color:#fff;position: relative;font-family:'Georgia'; font-size:20px; text-align: left; margin-top: 10px; margin-left:470px;line-height:15px;text-transform: overflow: ; text-align: center;z-index: 99999999999999999;-webkit-transition-duration: .75s;}
  199. .frase:hover {opacity:0.6;-webkit-transition-duration: .75s;}
  200.  
  201. /* Ask */
  202.  
  203. .ask
  204. {text-align: left;
  205. margin-bottom: 5px;
  206. font-family: Georgia;
  207. font-size: 11px;
  208. letter-spacing: 1px;
  209. padding: 10px;
  210. background: {color:Ask Fundo}}
  211.  
  212. .answer
  213. {text-align: left;
  214. font-family: {font:Postagens};
  215. font-size: {text:Postagens}}
  216.  
  217. /* links */
  218.  
  219. a {color: {color:Links};
  220. text-decoration: none;}
  221.  
  222. a:hover, div.permalink p a:hover
  223. {color: {color:Hover};
  224. text-decoration: none}
  225.  
  226. /* Barra de rolagem */
  227.  
  228. ::-webkit-scrollbar-thumb:vertical
  229. {background-color:{color:Background};
  230. height: 100px}
  231.  
  232. ::-webkit-scrollbar-thumb:horizontal
  233. {background-color:{color:Background};
  234. height: 10px}
  235.  
  236. ::-webkit-scrollbar
  237. {height: 3px;
  238. width: 3px;
  239. background-color: {color:Background}}
  240.  
  241.  
  242. </style>
  243. <script src="http://static.tumblr.com/8l2gpxb/Apwlulgho/snowstorm2.js"></script>
  244.  
  245. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/mFbkoqlkr/tumblrautopager.js"></script>
  246.  
  247. <link href='http://fonts.googleapis.com/css?family=Satisfy|Rochester' rel='stylesheet' type='text/css'>
  248.  
  249. {block:IndexPage}
  250. <script src="http://masonry.desandro.com/js/jquery-1.7.1.min.js"></script>
  251. <script src="http://masonry.desandro.com/jquery.masonry.min.js"></script>
  252. <script src="http://masonry.desandro.com/js/jquery.infinitescroll.min.js"></script>
  253.  
  254. <script>
  255. $(function(){
  256.  
  257. var $container = $('#conteudo');
  258.  
  259. $container.imagesLoaded(function(){
  260. $container.masonry({
  261. itemSelector: '.post',
  262. });
  263. });
  264.  
  265. $container.infinitescroll({
  266. navSelector : "div#navigation",
  267. nextSelector : "div#navigation a#nextPage",
  268. itemSelector : '.post', // selector for all items you'll retrieve
  269. loading: {
  270. finishedMsg: '',
  271. img: ''
  272. }
  273. },
  274. // trigger Masonry as a callback
  275. function( newElements ) {
  276. // hide new items while they are loading
  277. var $newElems = $( newElements ).css({ opacity: 0 });
  278. // ensure that images load before adding to masonry layout
  279. $newElems.imagesLoaded(function(){
  280. // show elems now they're ready
  281. $newElems.animate({ opacity: 1 });
  282. $container.masonry( 'appended', $newElems, true );
  283. });
  284. }
  285. );
  286.  
  287. });
  288. </script>{/block:IndexPage}
  289. </head>
  290.  
  291. <body>
  292.  
  293. <div class="frase">{text:frase}</div>
  294. <div class="desc"> {description}</div>
  295. <div id="links">
  296.  
  297. <a href="{text:Link1}">{text:Link1 Title}</a>
  298. <a href="{text:Link2}">{text:Link2 Title}</a>
  299. <a href="{text:Link3}">{text:Link3 Title}</a>
  300. <a href="{text:Link4}">{text:link4 Title}</a>
  301. <a href="{text:Link5}">{text:link5 Title}</a>
  302. <a href="{text:Link6}">{text:link6 Title}</a>
  303.  
  304. </div>
  305.  
  306. <div id="conteudo">
  307. <div class="autopagerize_page_element">
  308. {block:Posts}
  309. {block:Text}
  310.  
  311. <div class="post">
  312.  
  313. {block:Title}<font size="2">{Title}</font>{/block:Title}{Body}
  314.  
  315. <div class="permalink">
  316. <div style="text-align: left; text-transform: uppercase; margin-top: -4px; letter-spacing: 1px;"><a href="{Permalink}">{DayOfMonth}/{MonthNumberWithZero}/{Year}</a></div>
  317.  
  318. <div style="text-align: center; text-transform: uppercase; margin-top: -13px; letter-spacing: 1px;"><a href="{Permalink}"><a href="{Permalink}">{NoteCount}</a> Notas</div>
  319.  
  320. <div style="text-align:right; text-transform: uppercase; margin-top: -13px; letter-spacing: 1px;"><a href="{ReblogURL}" target="_blank">Reblog</a></div>
  321.  
  322. </div></div>        
  323. {/block:Text}
  324.  
  325.  
  326.  
  327. {block:Photo}
  328. <div class="post">
  329.  
  330. {block:IndexPage}
  331. <div class="permalinkfoto">{DayOfMonthWithZero}/{MonthNumberWithZero}/{Year}</a>| <a href="{Permalink}">{NoteCount} notas</a>| <a href="{ReblogURL}" target="_blank">Reblog</a></div>
  332. {/block:IndexPage}
  333.  
  334. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="img" width="100%"/>{block:IfMostrarCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfMostrarCaption}
  335.  
  336. </div>                    
  337. {/block:Photo}
  338.  
  339.  
  340.  
  341. {block:Photoset}
  342. <div class="post">
  343.  
  344. {block:IndexPage}
  345. <div class="permalinkfoto">{DayOfMonthWithZero}/{MonthNumberWithZero}/{Year}</a> <a href="{Permalink}">{NoteCount} notas</a> <a href="{ReblogURL}" target="_blank">Reblog</a></div>
  346. {/block:IndexPage}
  347.  
  348. {Photoset-500}
  349.  
  350. {block:IfMostrarCaption}
  351. {block:Caption}
  352. <div class="caption">{Caption}</div>
  353. {/block:Caption}
  354. {/block:IfMostrarCaption}
  355.  
  356. </div>    
  357. {/block:Photoset}
  358.  
  359.  
  360.  
  361. {block:Quote}
  362. <div class="post">
  363.  
  364. <span class="aspas">&ldquo;</span>{Quote}<br>
  365. {block:Source}<div class="xquotesource"><b> — {Source}</b></div>{/block:Source}
  366.  
  367.  
  368. <div class="permalink">
  369. <div style="text-align: left; text-transform: uppercase; margin-top: -4px; letter-spacing: 1px;"><a href="{Permalink}">{DayOfMonth}/{MonthNumberWithZero}/{Year}</a></div>
  370.  
  371. <div style="text-align: center; text-transform: uppercase; margin-top: -13px; letter-spacing: 1px;"><a href="{Permalink}"><a href="{Permalink}">{NoteCount} Notas</div>
  372.  
  373. <div style="text-align:right; text-transform: uppercase; margin-top: -13px; letter-spacing: 1px;"><a href="{ReblogURL}" target="_blank">Reblog</a></div>
  374.  
  375. </div>
  376. </div>
  377. {/block:Quote}
  378.  
  379.  
  380.  
  381. {block:Answer}
  382. <div class="post">
  383.  
  384. <div class="ask">{Question} — <i>{Asker}</i></div>
  385. <div class="answer">{Answer}</div>
  386.  
  387. <div class="permalink">
  388. <div style="text-align: left; text-transform: uppercase; margin-top: -5px; letter-spacing: 1px;">Respondida em <a href="{Permalink}">{DayOfMonth}/{MonthNumberWithZero}/{Year}</a></div>
  389.  
  390. <div style="text-align:right; text-transform: uppercase; margin-top: -13px; letter-spacing: 1px;"><a href="/ask">converse</a></div>
  391.  
  392. </div>
  393. </div>
  394. {/block:Answer}
  395.  
  396.  
  397.  
  398. {block:Link}
  399. <div class="post">
  400.  
  401. <a href="{URL}" {Target}><font size="2">{Name}</font></a>
  402.  
  403. {block:Description}
  404. <div class="description">{Description}</div>
  405. {/block:Description}
  406.  
  407. <div class="permalink">
  408. <div style="text-align: left; text-transform: uppercase; margin-top: -4px; letter-spacing: 1px;"><a href="{Permalink}">{DayOfMonth}/{MonthNumberWithZero}/{Year}</a></div>
  409.  
  410. <div style="text-align: center; text-transform: uppercase; margin-top: -13px; letter-spacing: 1px;"><a href="{Permalink}"><a href="{Permalink}">{NoteCount}</a> Notas</div>
  411.  
  412. <div style="text-align:right; text-transform: uppercase; margin-top: -13px; letter-spacing: 1px;"><a href="{ReblogURL}" target="_blank">Reblog</a></div>
  413.  
  414. </div>
  415. </div>      
  416. {/block:Link}
  417.  
  418.  
  419.  
  420. {block:Chat}
  421. <div class="post">
  422.  
  423. {block:Title}{Title}{/block:Title}
  424. {block:Lines}
  425. <div class="chat">{block:Label}<b>{Label}</b>{/block:Label} {Line}</div>
  426. {/block:Lines}{Line}{/block:Lines}
  427.  
  428. <div class="permalink">
  429. <div style="text-align: left; text-transform: uppercase; margin-top: -4px; letter-spacing: 1px;"><a href="{Permalink}">{DayOfMonth}/{MonthNumberWithZero}/{Year}</a></div>
  430.  
  431. <div style="text-align: center; text-transform: uppercase; margin-top: -13px; letter-spacing: 1px;"><a href="{Permalink}"><a href="{Permalink}">{NoteCount}</a> Notas</div>
  432.  
  433. <div style="text-align:right; text-transform: uppercase; margin-top: -13px; letter-spacing: 1px;"><a href="{ReblogURL}" target="_blank">Reblog</a></div>
  434.  
  435. </div>
  436. </div>              
  437. {/block:Chat}
  438.  
  439.  
  440.  
  441. {block:Video}
  442. <div class="post">
  443.  
  444. {Video-500}
  445.  
  446. {block:Caption}
  447. <div class="caption">{Caption}</div>
  448. {/block:Caption}
  449.  
  450. <div class="permalink">
  451. <div style="text-align: left; text-transform: uppercase; margin-top: -4px; letter-spacing: 1px;"><a href="{Permalink}">{DayOfMonth}/{MonthNumberWithZero}/{Year}</a></div>
  452.  
  453. <div style="text-align: center; text-transform: uppercase; margin-top: -13px; letter-spacing: 1px;"><a href="{Permalink}"><a href="{Permalink}">{NoteCount}</a> Notas</div>
  454.  
  455. <div style="text-align:right; text-transform: uppercase; margin-top: -13px; letter-spacing: 1px;"><a href="{ReblogURL}" target="_blank">Reblog</a></div>
  456.  
  457. </div>
  458. </div>          
  459. {/block:Video}
  460.  
  461.  
  462.  
  463. {block:Audio}
  464. <div class="post">
  465.  
  466. {AudioPlayerBlack}
  467.  
  468. {block:Caption}
  469. <div class="caption">{Caption}</div>
  470. {/block:Caption}
  471.  
  472. <div class="permalink">
  473. <div style="text-align: left; text-transform: uppercase; margin-top: -4px; letter-spacing: 1px;"><a href="{Permalink}">{DayOfMonth}/{MonthNumberWithZero}/{Year}</a></div>
  474.  
  475. <div style="text-align: center; text-transform: uppercase; margin-top: -13px; letter-spacing: 1px;"><a href="{Permalink}"><a href="{Permalink}">{NoteCount}</a> Notas</div>
  476.  
  477. <div style="text-align:right; text-transform: uppercase; margin-top: -13px; letter-spacing: 1px;"><a href="{ReblogURL}" target="_blank">Reblog</a></div>
  478.  
  479. </div>
  480. </div>
  481. {/block:Audio}
  482.  
  483. {block:PermalinkPage}
  484. <div class="perma">
  485. Publicado no dia {DayOfMonthWithZero}/{MonthNumberWithZero}/{Year}</a>, às <a href="{Permalink}">{24Hour}:{Minutes}</a>.<br>
  486.  
  487. &hearts; <a href="{Permalink}">{NoteCount}</a> notas.<br>
  488.  
  489. {block:RebloggedFrom}Postado por <a href="{ReblogRootURL}">{ReblogRootName}</a><br> Reblogado de <a href="{ReblogParentURL}">{ReblogParentName}</a>.
  490. {/block:RebloggedFrom}
  491.  
  492. </div>
  493. <div class="perma">
  494.  
  495. {block:PostNotes}
  496. {PostNotes}
  497. {/block:PostNotes}
  498.  
  499. </div>
  500. {/block:PermalinkPage}
  501.  
  502.  
  503. {/block:Posts}</div>
  504.  
  505. {block:IfRolagemInfinita}
  506. <div class="column navigation" id="navigation">
  507. {block:Pagination}
  508. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  509. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  510. {/block:IfRolagemInfinita}
  511.  
  512. {block:ContentSource}
  513. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  514. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  515. {/block:SourceLogo}
  516. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  517. {/block:ContentSource}
  518.  
  519. {block:ContentReblogParent}
  520. <!-- {ReblogParentURL}{block:ReblogParentLogo}<img src="{BlackLogoURL}"
  521. width="{LogoWidth}" height="{LogoHeight}" alt="{ReblogParentTitle}" />
  522. {/block:ReblogParentLogo}
  523. {block:NoReblogParentLogo}{ReblogParentLink}{/block:NoReblogParentLogo} -->
  524. {/block:ContentReblogParent}
  525.  
  526. </div>
  527.  
  528. <a style="position:fixed;left:23px;top:23px;font-family:calibri;font-size:13px;color:{color:Postagens}" href="http://acalentador.tumblr.com" title="Design by acalentador + copyright 2013 ©">© credit</a>
  529.  
  530. </body>
  531.  
  532. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement