cest-lavie

THEME 31

Mar 25th, 2017
108
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.88 KB | None | 0 0
  1. <!--
  2.  
  3. (◍•ᴗ•◍)♡ ✧*。
  4.  
  5. * THEME 31 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:bg" content="#fff" />
  15. <meta name="color:post" content="#fff" />
  16. <meta name="color:link" content="#575757" />
  17. <meta name="color:text" content="#575757" />
  18. <meta name="color:frase" content="#000" />
  19. <meta name="color:descri" content="#0f0f0f" />
  20. <meta name="color:linkbaixo" content="#929292" />
  21. <meta name="color:linkbaixohover" content="#ff5f8f" />
  22.  
  23. <meta name="if:RolagemInfinita" content="1"/>
  24. <meta name="if:Cursor pequeno" content="1"/>
  25.  
  26. <meta name="image:background" content="" />
  27. <meta name="image:foto" content="http://static.tumblr.com/0aa07aaf6649d02e121f92caa9b808dd/icmnqoq/AcKmfnqqd/tumblr_static_tumblr_m721eoic721qfa0zmo1_500.jpg" />
  28.  
  29. <meta name="text:titulo" content="Começou no início mas, " />
  30. <meta name="text:titulo2" content="terminou sem um fim." />
  31.  
  32.  
  33. <meta name="text:Link1" content="/" />
  34. <meta name="text:Link1 Title" content="link1" />
  35. <meta name="text:Link2" content="/" />
  36. <meta name="text:Link2 Title" content="link2" />
  37. <meta name="text:Link3" content="/" />
  38. <meta name="text:Link3 Title" content="link3" />
  39. <meta name="text:Link4" content="/" />
  40. <meta name="text:Link4 Title" content="link4" />
  41. <meta name="text:Link5" content="/" />
  42. <meta name="text:Link5 Title" content="link5" />
  43. <meta name="text:Link6" content="/" />
  44. <meta name="text:Link6 Title" content="link6" />
  45. <meta name="text:Link7" content="/" />
  46. <meta name="text:Link7 Title" content="link7" />
  47.  
  48.  
  49. <title>{Title}</title>
  50. <link rel="shortcut icon" href="{Favicon}">
  51. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  52.  
  53.  
  54. <link href="https://fonts.googleapis.com/css?family=Rochester|Sacramento" rel="stylesheet">
  55. <style type="text/css">/*
  56. Por favor, NÃO REMOVA OS CRÉDITOS, RESPEITE ESSA REGRA SIMPLES!
  57. Eu gastei muito tempo para fazer esses temas.
  58. OBS: Se usar quaisquer detalhes credite à CEST-LAVIE. Grata. */
  59.  
  60. /*============= BASE ===============*/
  61. body {background-color:{color:bg}; font-family:'calibri'; color: {color:text}; background-image:url('{image:bg}'); font-size: 15px; background-position:bottom right; background-attachment:fixed; background-repeat:repeat;}
  62. blockquote {padding:0px; padding-left:-0px; margin:5px; border-left:2px solid {color:text}}
  63. /*======== COR DOS LINKS E HOVER LINKS ========*/
  64. a:link, a:active, a:visited{color: {color:link}; text-decoration:none;webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  65. a {color:{color:link}; text-decoration:none; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  66. a:hover {opacity:5;}
  67. /*========= TOOLTIP =====*/
  68. #s-m-t-tooltip {max-width:300px; padding:4px 4px 4px 4px;margin:12px 15px;background-color:#fff; font-family:consolas;font-size:9px;letter-spacing: 1px; text-transform:uppercase; color:#000; z-index:9999999;}
  69. /*== SCROLLBAR E SELEÇÃO COLORIDA ==*/
  70. ::selection {color:#fff;background:#bdbbbb;}
  71. ::-moz-selection {color:#fff;background:#bdbbbb;}
  72. ::-webkit-scrollbar-thumb:vertical {background-color:#000;;height:50px; border:5px solid #fff;}
  73. ::-webkit-scrollbar-button:vertical {height:8px;display: block; background:#000;;}
  74. ::-webkit-scrollbar {height:0px;width:12px;background-color:#fff;}
  75. /*================= CONTROLS =====================*/
  76. #tumblr_controls{position: fixed!important}
  77. #tumblr_controls{position: fixed!important}
  78. #tumblr_controls{position: fixed!important}
  79. #tumblr_controls{position: fixed!important}
  80. #tumblrcontrols2 {position:fixed; top:25px; right:5px; z-index:999;}
  81. #tumblrcontrols2 a {opacity:1;}
  82. #tumblrcontrols2 a:hover {opacity:1;}
  83. /*================= CORPO DO THEME =====================*/
  84. #content {}@font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  85. #container {background-color: ; width: 1000px; margin: 0 auto 4px auto; background: {color:background};}
  86. #entries {margin-left: 395px; width: 640px; margin-top: 5px; ; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; }
  87. .entry {{block:IndexPage}-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; border:4px double #eee; width: 300px; background-color:{color:post} ;margin-top:10px text-align: justify; padding: 6px; float: left; margin: 0px 0 0 0px; font-family:calibri; {/block:IndexPage}{block:PermalinkPage} padding:10px; width:300px; margin-top: 6px; height:auto; background-color: {color:post}; text-align: left;font-family:'Calibri';-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out
  88. {/block:PermalinkPage}}
  89. .entry:hover {opacity:5;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out}
  90. .entry img {width: 290px; padding: 2px; border: 1px solid #eee; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; }
  91. /*========= NOTES==========*/
  92. ol.notes, .notes li{width:280px; list-style:none; margin:0px 0 -1px 5px; padding:0px}
  93. .notes {width: 520px; padding: 0px; margin-top: 1px; margin-bottom: 1px; font-size: 9px; text-align: justify;}
  94. ol.notes {list-style: none; margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  95. ol.notes li {background-color: {color:post}; margin-bottom: 2px; padding: 5px; }
  96. .notes img{display: none; border:0px}
  97. ol.notes, .notes li{width:280px; list-style:none; margin:0px 0 -1px 5px; padding:0px;font-family:Calibri;}
  98. #damon {position: fixed; margin: 0px 0px 0px -492px;}
  99. /** VOCÊ NÃO TEM O DIREITO PARA MODIFICAR OU RETIRAR MEUS CRÉDITOS!!! **/
  100. .credit {position:fixed; bottom:7px; left:4px; font: 11px arial, sans-serif; background: {color:background}; color: #000; text-transform:lowercase; letter-spacing: 0px; padding: 3px; width:27px;}
  101. .credit a{color:#000; opacity:0.9;}
  102. .credit a:hover{text-shadow: -1px 0px #47e6dd, 1px 0px #ee4848;opacity:1.0;}
  103.  
  104. /*============ CHAT ============*/
  105. .chat {line-height: 12px; list-style: none; }
  106. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height:20px;}
  107. .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px;}
  108. .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px;}
  109. /*============ QUOTE ============*/
  110. .quote {font-family: cambria; text-align: justify; font-size: 12px; line-height: 15px; padding: 3px; margin-top: 2px;}
  111. .qsource {text-align: right; font-family: cambria; font-size: 12px;text-transform: none; margin-bottom: 5px; margin-top: 2px;}
  112. .title {font-size:15px; text-align:left; }
  113.  
  114. /*============ NOTAS ============*/
  115. #date {font-size:8px; font-family:verdana; text-transform:uppercase; overflow:hidden; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; margin-top:4px;border-top:1px solid; color: #eeeeee;border-bottom:1px solid; color: #eeeeee;}
  116. .notecount {color:#fff; font-family:verdana;}
  117. .tag {color:#fff;}
  118. #cap {position:relative;}
  119. .source {display: none; position:absolute;}
  120. /*============ ASK ============*/
  121. .ftask {display:inline-block; max-height:25px; max-width:25px; float:left;
  122. margin-left:5px; margin-top:5px; border:1px solid #efdfdf; padding:2px;
  123. background:#efdfdf; border-radius:100px;}
  124. .perguntou{width:auto; margin-top:0px; margin-right:0px; font-size:09px; font-family:'Space Mono', monospace; padding-right:4px; border-top:15px solid #efdfdf; text-transform:uppercase; text-align:right; line-height:22px;
  125. height:20px; box-shadow:inset 1px 1px 1px rgba(255,255,255,.2), inset -1px -1px 1px rgba(0,0,0,.1);background:#fbfbfb;color:#696969;
  126. text-transform:uppercase;}
  127. .pergunta{margin-top:-1px; margin-left:0px; height:auto; width:275px;
  128. text-align:left; padding:5px; font-family:'Space Mono', monospace; font-size:9px; background:#fff; box-shadow:inset -1px -1px 1px rgba(255,255,255,.2), inset 1px 1px 1px rgba(0,0,0,.2); color:#737373;text-transform:uppercase;}
  129. .resposta{display:inline-block; margin-left:3px; margin-top:-6px; width:275px; height:auto; font-family:'Space Mono', monospace; font-size:9px;
  130. text-align:left;text-transform:uppercase;}
  131. /*============ PAGINAÇÃO ============*/
  132. #pagina{ margin-top: 250px; margin-left: 1050px; width: 100px; float: right; background-color: transparent; position: fixed; height: 24px; -webkit-border-radius: 0px 0px 0px 0px; z-index:1000000 }
  133. #paginacaoml {font-size: 30px; font-family: tahoma; line-height: 24px;}
  134. #paginacaoml a {font-size: 30px; font-family: tahoma; background: transparent; margin: 0 1px 0 0; padding: 2px 2px; color: #000; text-decoration: none;}
  135. #paginacaoml a:hover {font-size: 30px; font-family: tahoma; background: transparent; border: none;}
  136. #paginacaoml span.pagina_atual {background: #cor de fundo; margin: 0 1px 0 0; padding: 2px 4px; color:{color:desc}; text-decoration: none; font-weight: bold;}#paginacaoml span.info {background: #aaaaaa; margin: 0 1px 0 0; padding: 1px 2px; color: #cor da fonte; text-decoration: none;}
  137. /*============ IMAGEM ============*/
  138. .imagem {position: absolute; width:260px; height:280px; margin-left:110px; margin-top: 70px;z-index:9999999;position:fixed;border:2px solid #ccc;opacity:7;}
  139. .imagem img {position:fixed; -webkit-transition: all 1s ease-in-out;-webkit-border-radius: 0px 0px 0px 0px; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; display: block; height:280px; width: 260px; background-color: ; padding:0px;margin-left:0px; margin-top:0px; opacity:0.9; }
  140. .imagem img:hover{ -webkit-transform:scale(1.5); -moz-transform:scale(1.5); -o-transform:scale(1.5); opacity:0.2;-webkit-transition-duration: .59s;}
  141. .imagem img.top { opacity:1;}
  142. /*============ LINKS ============*/
  143. .linkss2 {position: fixed; margin-left:0px; margin-top:0px; padding: 0px; text-align: center; opacity:0.8; }
  144. .linkss2 a {float: left; display: block; letter-spacing: 0px; font-size:8px; font-family:tahoma; text-align: center; margin-right: 1px; margin-bottom:1px; width: 86px; height: 280px; background-color: #000; color: #fff; text-decoration: none; text-transform:uppercase; line-height:271px; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;0.8;border-top:2px solid color: #eee ;opacity:0.6}
  145. .linkss2 a:hover{ -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; color: #fff ;text-shadow:#999 0px 10px 1px;opacity:0.9;background-color: #000}
  146. #links1{width:580px; height: 24px; float: left; margin-left:110px; margin-top: 355px; padding: -40px; text-align: center; position: fixed; z-index:800;}
  147. #links1 a {float: left; margin-right: 1px; display: block; width: 57px; letter-spacing: 3px; font-family: calibri; font-size: 9px; text-transform: uppercase; text-align: center; margin-bottom: 0px; background-color:; color: {color:linkbaixo}; text-decoration: none; height:10px;line-height:10px; padding:4px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;border-top:2px solid {color:bordercolorida}; }
  148. #links1 a:hover {text-align: center;color: {color:linkbaixohover}; opacity:0.7; }
  149. /*============ FRASES ============*/
  150. #fraseemi {position:fixed; margin-top:19px;margin-left: 105px; font-family: rochester; font-style: none; line-height: 36px; height:30px; width:270px; font-size: 25px; text-align: right; color: {color:frase}; }
  151. #fraseemi2 {position:fixed; margin-top:41px;margin-left: 108px; font-family: calibri; line-height: 36px; height:30px; width:270px; font-size: 13px; text-align: right; color: {color:frase}; }
  152. /*------- CURSOR -------*/
  153. {block:ifCursorpequeno}
  154. html{cursor:url('http://www.dolliehost.com/dolliecrave/cursors/cursors-arrow/arrow38.gif'), auto !important;}
  155. a, a:hover{cursor:url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), auto !important;}
  156. {/block:ifCursorpequeno}
  157. </style>
  158. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  159. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script> <script> (function($){ $(document).ready(function(){ $("[title]").style_my_tooltips(); }); })(jQuery); </script>
  160. <script type="text/javascript" src="http://static.tumblr.com/5u1fog0/z2jnb4r5z/jquery.js"></script>
  161. <script type="text/javascript" src="http://static.tumblr.com/5u1fog0/uRynb4r20/minifield.js"></script>
  162. </head>
  163. <body>
  164.  
  165. <div id="fraseemi"><center>{text:titulo}</center></div>
  166. <div id="fraseemi2"><center>{text:titulo2}</center></div>
  167. <div id="links1">
  168. <a href="{text:Link4}">{text:Link4 Title}</a>
  169. <a href="{text:Link5}">{text:Link5 Title}</a>
  170. <a href="{text:Link6}">{text:Link6 Title}</a>
  171. <a href="{text:Link7}">{text:Link7 Title}</a>
  172.  
  173. </div>
  174.  
  175.  
  176.  
  177. <div class="imagem" class="hover">
  178. <img class="bottom shadow" src="{image:foto}"style="-webkit-filter: grayscale(100%);" >
  179. <img class="top shadow" src="{image:foto}" />
  180.  
  181. <div class="linkss2">
  182. <a href="{text:Link1}">{text:Link1 Title}</a>
  183. <a href="{text:Link2}">{text:Link2 Title}</a>
  184. <a href="{text:Link3}">{text:Link3 Title}</a>
  185.  
  186.  
  187. </div>
  188. </div>
  189.  
  190. </div>
  191. <div id="tumblrcontrols2">
  192. <a href="http://cest-lavie.tumblr.com/" target="_blank"><img src="http://static.tumblr.com/dbek3sy/zESllc4x6/install_theme.png"/></a>
  193. </div>
  194.  
  195. {block:IfNotRolagemInfinita}
  196. <div id="pagina"><div id="paginacaoml"> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"alt="" title="pag anterior">-</a>{/block:PreviousPage}{/block:Pagination}
  197.  
  198. {block:JumpPagination length="0"} {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage} {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:Pagination}{block:NextPage}<a href="{NextPage}"alt="" title="proxima pag">+</a>{/block:NextPage}{/block:Pagination}</div></div>
  199. </div>{/block:IfNotRolagemInfinita}
  200.  
  201.  
  202. <div id="content">
  203. <div id="entries">
  204.  
  205. {block:Posts}
  206. <div class="entry">
  207.  
  208.  
  209. {block:Text}{block:Title}<div class="title"><center>{Title}</center></div>{/block:Title}{Body}{/block:Text}
  210.  
  211.  
  212.  
  213.  
  214.  
  215. {block:Quote}
  216. <div class="quote">“{Quote}”</div>
  217. {block:Source}<div class="qsource">— {Source}</div>
  218. {/block:Source}
  219. {/block:Quote}
  220.  
  221. {block:Link}
  222. <div class="title"><a href="{URL}" {Target}>{Name}</a></div>
  223. {block:Description}{Description}{/block:Description}
  224. {/block:Link}
  225.  
  226. {block:Chat}
  227. {block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  228. <div class="chat"><ul>{block:Lines}
  229. <li class="person{UserNumber}">{block:Label}
  230. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  231. {/block:Chat}
  232.  
  233. {block:Audio}
  234. <div class="player">{AudioPlayerBlack}</div>
  235. {block:Caption}{Caption}{/block:Caption}
  236. {/block:Audio}
  237.  
  238. {block:Video}{Video-500}{/block:Video}
  239.  
  240. {block:Answer}
  241. <img src="{AskerPortraitURL-30}" class="ftask">
  242. <div class="pergunta">
  243. <div class="perguntou">{Asker} said:</div><br> {Question}</div>
  244. <div class="resposta">{Answer}</div>
  245. {block:IndexPage}{/block:IndexPage}
  246. {/block:Answer}
  247.  
  248.  
  249.  
  250. {block:Photo}<center><img src="{PhotoURL-400}" width="400px"/></center>
  251. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  252.  
  253.  
  254. {block:Photoset}<center>{Photoset-250}</center>
  255. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  256.  
  257.  
  258. <div class="source">
  259. {block:ContentSource}<a href="{SourceURL}" target="_blank">Source</a>{/block:ContentSource}
  260. </div>
  261. <div id="date">
  262. {block:Date}
  263. <center>
  264. {block:RebloggedFrom}<a href="{ReblogRootURL}">ORIGINAL</a>{/block:RebloggedFrom}{block:RebloggedFrom} + <a href="{ReblogParentURL}">VIA</a> +
  265. {/block:RebloggedFrom}
  266. <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} +
  267. <font class="notecount"></font> <a href="{Permalink}">notes: {NoteCount}</a> {/block:NoteCount} {block:IndexPage} + <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</center></a>{/block:IndexPage}
  268. </center></div>
  269.  
  270. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  271. </div>{/block:Date}
  272. {/block:Posts}
  273. </div>
  274. </div>
  275. {block:IfRolagemInfinita}
  276. {block:IndexPage}
  277. <div class="column navigation" id="navigation">
  278. {block:Pagination}
  279. {block:PreviousPage}
  280. <a href="{PreviousPage}" class="navigate">
  281. {/block:PreviousPage}
  282. {block:PreviousPage}</a>
  283. {/block:PreviousPage}
  284. {block:NextPage}
  285. <a href="{NextPage}" class="navigate" id="nextPage">
  286. {/block:NextPage}
  287. {block:NextPage}</a>{/block:NextPage}
  288. {/block:Pagination}
  289. </div>
  290. {/block:IndexPage}
  291. {/block:IfRolagemInfinita}
  292. </div></div>
  293. </body>
  294. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  295. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
  296. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  297. <script>
  298. $(function(){
  299. var $container = $('#entries');
  300. $container.imagesLoaded(function(){
  301. $container.masonry({
  302. itemSelector: '.entry',
  303. });
  304. });
  305. $container.infinitescroll({
  306. navSelector : "div#navigation",
  307. nextSelector : "div#navigation a#nextPage",
  308. itemSelector : '.entry',
  309. loading: {
  310. finishedMsg: ' ',
  311. img: ' '
  312. }
  313. },
  314. function( newElements ) {
  315. var $newElems = $( newElements ).css({ opacity: 0 });
  316. $newElems.imagesLoaded(function(){
  317. $newElems.animate({ opacity: 1 });
  318. $container.masonry( 'appended', $newElems, true );
  319. });
  320. }
  321. );
  322.  
  323. });
  324. </script>
  325. <!----------------------------------------------------------------------------
  326. Se eu vejo você usando um dos meus temas sem esse crédito, vou denunciá-lo.
  327. ----------------------------------------------------------------------------->
  328. <div class="credit"><a href="http://cest-lavie.tumblr.com/" title="theme credit"><img src="http://static.tumblr.com/25e99782ab1375a490b15414b1270de1/lcdil8e/P9Encwfta/tumblr_static_ej7sks1o70g04s8wkgo4sck04.png"/></a></div>
  329. </html>
Advertisement
Add Comment
Please, Sign In to add comment