API tools faq
paste
cest-lavie

THEME 52 P/ TUMBLR DE FOTOS ☾

cest-lavie
May 22nd, 2017
76
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.43 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. (◍•ᴗ•◍)♡ ✧*。
  4.  
  5. * THEME 52 BY CEST-LAVIE.TUMBLR.COM
  6. * É EXTREMAMENTE PROIBIDO QUALQUER TIPO DE CÓPIA.
  7. * POR FAVOR MANTENHA TODO O CRÉDITO, OBRIGADA !❤
  8. =================================================
  9.  
  10. -->
  11. <html>
  12. <head>
  13.  
  14. <meta name="color:Background" content="#fff"/>
  15. <meta name="color:Text" content="#000"/>
  16. <meta name="color:Link" content="#000"/>
  17. <meta name="color:Titulo" content="#000"/>
  18. <meta name="color:links bg" content="#fff"/>
  19. <meta name="color:links hover bg" content="#000">
  20. <meta name="color:Hover" content="#b0c4de"/>
  21. <meta name="color:Scrollbar" content="#000"/>
  22.  
  23. <meta name="image:Background" content=""/>
  24.  
  25.  
  26. <meta name="if:Rainbow links" content="1"/>
  27. <meta name="if:Cursor pequeno" content="1"/>
  28.  
  29. <meta name="text:Link1 URL" content="/" />
  30. <meta name="text:Link1 Titulo" content="home" />
  31. <meta name="text:Link2 URL" content="/" />
  32. <meta name="text:Link2 Titulo" content="message" />
  33. <meta name="text:Link3 URL" content="/" />
  34. <meta name="text:Link3 Titulo" content="archive" />
  35. <meta name="text:Link4 URL" content="/" />
  36. <meta name="text:Link4 Titulo" content="submit" />
  37.  
  38. <title>{Title}</title>
  39. <link rel="shortcut icon" href="{Favicon}">
  40. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  41. {block:Description}
  42. <meta name="description" content="{MetaDescription}" />
  43. {/block:Description}
  44.  
  45.  
  46. <link href="https://fonts.googleapis.com/css?family=Allura" rel="stylesheet">
  47. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  48. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  49. <script type="text/javascript" src="scrolltopcontrol.js">
  50. </script>
  51. <script type="text/javascript" src="http://static.tumblr.com/2plu7ye/jt0mgeac5/top.txt"></script>
  52.  
  53. <style type="text/css">/*
  54. Por favor, NÃO REMOVA OS CRÉDITOS, RESPEITE ESSA REGRA SIMPLES!
  55. Eu gastei muito tempo para fazer esses temas.
  56. OBS: Se usar quaisquer detalhes credite à CEST-LAVIE. Grata. */
  57.  
  58. /*---- BASE ----*/
  59. body {background-color: {color:Background};background-image:url({image:Background});background-attachment: fixed;background-repeat: repeat;color:{color:Text};font-family: helvetica;font-size: 11px;line-height: 11px;}
  60. /*---- ROLAGEM INFI / CONTROLS ----*/
  61. #infscr-loading{position: absolute;bottom: 0;left: 25%;}
  62. #tumblr_controls{position:fixed z-index:9999999999;}
  63. /*---- LINKS ----*/
  64. a:link, a:active, a:visited{color:{color:Link};text-decoration: none;}
  65. a:hover{color:{color:Hover};}
  66. /*---- CORPO DO THEME / REBLOGS ----*/
  67. div#content{width: 1290px;}
  68. div#contain {width: 1290px;margin:-15px;margin-left: 40px;}
  69. div#hdr{z-index:555;float:center;background-color:transparent;width: 900px;height: auto;margin-top: 30px;margin-left: 190px;padding: 30px;float:center;text-align: center;}
  70. div#titulo{float:center;color:{color:titulo};text-align:center;font-size: 60px;line-height: 40px;padding:0px;font-family: 'Allura', cursive;font-style:none;text-align:center;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
  71. div#titulo a:hover{color:{color:titulo};}
  72. div#pagination{display:none;}
  73. div#content .entry{float: left;background-color:transparent;{block:Indexpage}width: 250px;float: left;margin-left: 2px;padding:0px;{/block:Indexpage}{block:Permalinkpage}padding:5px;width: 500px;margin-left:160px;margin-top:0px;{/block:Permalinkpage}}
  74. .entry:hover #text{padding-right:15px;opacity:0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}.entry:hover
  75. #text:hover{opacity:1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  76. .entry #text a{font-style:italic;text-align:right;font-weight:bold;font-family:helvetica;color:{color:post permalinks};}
  77. .entry #text{text-align:right;font-family:helvetica;opacity:0;font-size:10px;
  78. color:{color:post permalinks};-webkit-transition: all 0.4s ease-out;
  79. -moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  80. .entry #text:hover{text-align:right;font-family:helvetica;opacity:1;color:{color:post permalinks};-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  81. div#desc{float:center;margin:5px;font-size: 11px;line-height: 11px;font-family:helvetica;}
  82. #reblog{display:block; height:10px; width:240px;text-align:center; text-transform:uppercase; position: absolute; padding-left:5px;padding-bottom:5px;padding-right:5px;padding-top:5px;letter-spacing:1px;opacity:0;bottom:0px;-webkit-transition: 0.3s ease-in;font-family: 'helvetica'; background:#ffffff;color:black;font-size: 8px; line-height:10px;}
  83. #reblog a:hover{color:{color:hover};}
  84. {block:IndexPage}
  85. .entry:hover #reblog{ opacity:0.75; -webkit-transition: 0.3s ease-in;}
  86. .entry:hover #reblog:hover{ opacity:.75; -webkit-transition: 0.3s ease-in;}
  87. {/block:IndexPage}
  88. /*---- SCROLLBAR ----*/
  89. ::-webkit-scrollbar {width: 7px; height: 4px; background: {color:background};}
  90. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};}
  91. /*---- QUOTE/TITULO ----*/
  92. .biebs{padding:10px;border-radius:6px;}
  93. .t{text-align:left;font-weight:normal;font-family:"century gothic";font-size: 12px;line-height:15px;}
  94. blockquote {margin: 0px; padding-left: 5px; margin-left: 5px;border-left: 3px solid #000000;}
  95. ul, ol, li{list-style:none;margin:0px;padding:1px;}
  96. biebs{display:block;margin-bottom:6px;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;padding-left:5px;padding-bottom:3px;padding-top:3px;border-bottom:1px solid #7FFFD4;}
  97. biebs:hover{border-bottom:1px solid #000;padding-left:15px;}
  98. /*---- LINKS ----*/
  99. #linksx {padding-top:1px;position: relative;text-align: center;}
  100. #linksx a {padding-left:5px;padding-right:4px;padding-top:4px;padding-bottom:3px;margin-top: 2px;border-radius:5px;margin-left: 7px;width: auto;font-family:helvetica;font-size: 11px;font-weight:bold;text-transform: uppercase;letter-spacing: 1px;display: inline-block;text-align: center;color:{color:link} ;background-color: {color:links bg};-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
  101. #linksx a:hover {color: {color:link};background-color:{color:links hover bg};}
  102. #linksss{position:absolute !important;width:auto;height:auto;right:3px;top:26px;}
  103. /*---- SOURCE ----*/
  104. .sources{display:none;}
  105. {CustomCSS}
  106. /*---- CURSOR ----*/
  107. {block:ifCursorpequeno}
  108. html{cursor:url('http://www.dolliehost.com/dolliecrave/cursors/cursors-arrow/arrow38.gif'), auto !important;}
  109. a, a:hover{cursor:url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), auto !important;}
  110. {/block:ifCursorpequeno}
  111. </style>
  112.  
  113. {block:ifrainbowlinks}
  114. <script type="text/javascript" src="http://static.tumblr.com/jn17x0j/2Zvltn7mc/rainbow_links.txt
  115. "></script>{/block:ifrainbowlinks}
  116.  
  117. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  118. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/rSGl20lfv/masonry.js">
  119. </script>
  120. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  121. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  122. <script type="text/javascript">
  123.  
  124. $(window).load(function () {
  125. $('#content').masonry(),
  126. $('.masonryWrap').infinitescroll({
  127. navSelector : "div#navigation",
  128. // selector for the paged navigation (it will be hidden)
  129. nextSelector : "div#navigation a#nextPage",
  130. // selector for the NEXT link (to page 2)
  131. itemSelector : ".entry",
  132. // selector for all items you'll retrieve
  133. bufferPx : 10000,
  134. extraScrollPx: 1000,
  135. loadingImg : "http://static.tumblr.com/8yo5xxv/3Dem80mch/loading.gif",
  136. loadingText : "carregando",
  137. },
  138. // call masonry as a callback.
  139. function() { $('.posts').masonry({ appendedContent: $(this) }); }
  140. );
  141. });
  142. </script>
  143. </head>
  144. <body>
  145.  
  146. <div id="hdr">
  147.  
  148. <div id="titulo"><a href="/">{Title}</a></div>
  149. <br><br>
  150. <div id="linksx">
  151. <a href="{text:link1 URL}">{text:link1 Titulo}</a>
  152. <a href="{text:link2 URL}">{text:link2 Titulo}</a>
  153. <a href="{text:link3 URL}">{text:link3 Titulo}</a>
  154. <a href="{text:link4 URL}">{text:link4 Titulo}</a>
  155. </div>
  156.  
  157. <div id="desc">{description}</div>
  158. <br><br>
  159.  
  160.  
  161. </div></div></div>
  162. <div id="contain">
  163. <div id="content">
  164. {block:Posts}
  165. <div class="entry">
  166. <div class="sources">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div>
  167.  
  168. {block:Text}
  169. <div class="perm">
  170. {block:Title}
  171. <div class="t">{Title}</div>
  172. {/block:Title}
  173. <li>
  174. {Body}
  175. </li>
  176. {block:Indexpage}
  177. <div id="text"><a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} • </a> <a href="{reblogurl}" target="_blank">reblog</a> </div>{/block:Indexpage}</div>
  178. {/block:Text}
  179.  
  180. {block:Link}
  181. <div class="biebs">
  182. <div class="t">
  183. <a href="{URL}" class="title">{Name}</a></div>
  184. {block:Description}<li>{Description}</li>{/block:Description}
  185. {block:Indexpage}
  186. <div id="text"><a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} • </a> <a href="{reblogurl}" target="_blank">reblog</a> </div>{/block:Indexpage}</div>
  187. {/block:Link}
  188.  
  189. {block:Photo}
  190. {block:IndexPage}
  191. <div id="reblog">
  192. Posted <a href="{permalink}">{TimeAgo} </a>•
  193. <a href="{permalink}"> {NoteCount} ❤ </a> •<a href="{reblogurl}" target="_blank"> Reblog</a>
  194. </div>
  195. <a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=250px/></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=500px/>{/block:PermalinkPage}
  196. {/block:Photo}
  197.  
  198. {block:Photoset}
  199. {block:IndexPage}
  200. <center>
  201. {Photoset-250}</center>
  202. {/block:IndexPage}
  203. {block:PermalinkPage}
  204. <center>
  205. {Photoset-550}</center>
  206. {/block:PermalinkPage}
  207. {block:Indexpage}
  208. <div id="text"><a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} • </a> <a href="{reblogurl}" target="_blank">reblog</a> </div>{/block:Indexpage}
  209. {/block:Photoset}
  210.  
  211. {block:Quote}
  212. <div class="biebs">
  213. {Quote}</span>
  214. {block:Source}<strong>{Source}</strong>{/block:Source}
  215. {block:Indexpage}
  216. <div id="text"><a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} • </a> <a href="{reblogurl}" target="_blank">reblog</a> </div>{/block:Indexpage}</div>
  217. {/block:Quote}
  218.  
  219. {block:Answer}
  220. <b>{Asker}</b> asked : {Question}
  221. <br><i>{Answer}</i>
  222. {block:Indexpage}
  223. <div id="text"><a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} • </a> <a href="{reblogurl}" target="_blank">reblog</a> </div>{/block:Indexpage}
  224. {/block:Answer}
  225.  
  226. {block:Chat}
  227. <div class="biebs">
  228. {block:Title}<span class="title">{Title}</span>{/block:Title}
  229. <ul class="chat">
  230. {block:Lines}
  231. <li class="user_{UserNumber}">
  232. {block:Label}
  233. <span class="label">{Label}</span>
  234. {/block:Label}
  235. {Line}
  236. </li>
  237. {/block:Lines}
  238. </ul>
  239. {block:Indexpage}
  240. <div id="text"><a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} • </a> <a href="{reblogurl}" target="_blank">reblog</a> </div>{/block:Indexpage}</div>
  241. {/block:Chat}
  242.  
  243. {block:Audio}
  244. <center>
  245. <div class="biebs">
  246. {AudioPlayerBlack}
  247. {block:Indexpage}{block:Caption}{Caption}{/block:Caption}
  248. <div id="text"><a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} • </a> <a href="{reblogurl}" target="_blank">reblog</a> </div>{/block:Indexpage}}</div>
  249. {/block:Audio}
  250.  
  251. {block:Video}
  252. <div class="biebs">
  253. {block:IndexPage}
  254. <center>
  255. {Video-250}
  256. {/block:IndexPage}
  257. <center>{block:PermalinkPage}{Video-500}{/block:PermalinkPage}</center>
  258. {block:Indexpage}{block:Caption}{Caption}{/block:Caption}
  259. <div id="text"><a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} • </a> <a href="{reblogurl}" target="_blank">reblog</a> </div>{/block:Indexpage}</div>
  260. {/block:Video}
  261.  
  262. {block:PermalinkPage}
  263. <div align="left">
  264. {block:Date}
  265. <p>
  266. <li>
  267. Posted: <a href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}">
  268. {DayOfWeek} {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a>
  269. at {12Hour}:{Minutes}{AmPm} {block:Date}
  270. </li>
  271. <li>
  272. {block:RebloggedFrom}
  273. Reblogged from <a href="{ReblogParentUrl}">{ReblogParentName}</a>.
  274. {/block:RebloggedFrom}
  275. </li>
  276. <li>
  277. {block:HasTags} &middot; {block:Tags}<a href="/{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}
  278. </li>
  279. <p>
  280. {block:PostNotes}
  281. <div style="margin-top:0;margin-left:0px;margin-right:auto;margin-bottom:0px;width:500px;text-align:left;background-color:#eee;max-height:150px;overflow-y:scroll;"}{PostNotes}</div>
  282. {/block:PostNotes}
  283. {/block:PermalinkPage}
  284. </div>
  285.  
  286.  
  287. {/block:Posts}
  288. </div>
  289. {block:PermalinkPage}{/block:PermalinkPage}
  290.  
  291. {block:IndexPage}
  292. <div class="column navigation" id="navigation">
  293. {block:Pagination}
  294. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  295. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  296. </div>
  297. {/block:IndexPage}
  298.  
  299. </body>
  300. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  301. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
  302. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  303. <script>
  304. $(function(){
  305. var $container = $('#content');
  306. $container.imagesLoaded(function(){
  307. $container.masonry({
  308. itemSelector: '.entry',
  309. });
  310. });
  311. $container.infinitescroll({
  312. navSelector : "div#navigation",
  313. nextSelector : "div#navigation a#nextPage",
  314. itemSelector : '.entry',
  315. loading: {
  316. finishedMsg: ' ',
  317. img: ' '
  318. }
  319. },
  320. function( newElements ) {
  321. var $newElems = $( newElements ).css({ opacity: 0 });
  322. $newElems.imagesLoaded(function(){
  323. $newElems.animate({ opacity: 1 });
  324. $container.masonry( 'appended', $newElems, true );
  325. });
  326. }
  327. );
  328.  
  329. });
  330. </script>
  331. <!-------------------------------------------------------------------
  332. Se eu vejo você usando este theme sem esse crédito, vou denunciá-lo.
  333. Você não possui o direito para tirá-los e nem modificá-los.
  334. --------------------------------------------------------------------->
  335. <a style="position:fixed; color:{color:text}; right:-3px;background:{color:background};border-radius:40px;width:20px;height:20px;line-height:20px;text-align:center;top:-2px;font-family: helvetica;font-weight:bold;font-size:16px;" href="http://cest-lavie.tumblr.com" target="_blank" title="Theme Credit">©</a>
  336. </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!