cest-lavie

THEME 19 ☾

Mar 24th, 2017
97
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.54 KB | None | 0 0
  1. <!--
  2.  
  3. (◍•ᴗ•◍)♡ ✧*。
  4.  
  5. * THEME 19 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. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/jkEm9tb4p/jquery-1.8.1.min.js"></script>
  14.  
  15. <meta name="color:background" content="#030303" />
  16. <meta name="color:text" content="#cacaca" />
  17. <meta name="color:entry" content="#000" />
  18. <meta name="color:link" content="#cacaca" />
  19. <meta name="color:sidebar" content="#0f0f0f" />
  20. <meta name="color:frase" content="#fff" />
  21. <meta name="color:descri" content="#eaeaea"/>
  22. <meta name="color:bglinks" content="#000" />
  23. <meta name="color:links" content="#fff" />
  24. <meta name="color:borda" content="#000" />
  25. <meta name="color:corac" content="#fa75a9" />
  26. <meta name="color:scroll" content="#000" />
  27.  
  28. <meta name="if:Cursor pequeno" content="1"/>
  29.  
  30. <meta name="text:frase" content="You left a hole where my heart should be" />
  31.  
  32. <meta name="image:background" content="http://static.tumblr.com/fzbupk7/vBfmbens9/6.jpg" />
  33. <meta name="image:bglink" content="http://static.tumblr.com/icmnqoq/XcOmflmi9/desenhos-imagem-de-fundo-desenho-borboletas-tons-rosa-e-preto-262963.jpg" />
  34. <meta name="image:sidebar" content="https://static.tumblr.com/534fb8535d880280872aa6262f907396/fi6k5io/H26ops39n/tumblr_static_7w63xth8irs4k4gocc0s0o008.jpg"/>
  35.  
  36.  
  37. <meta name="text:Link1 URL" content="/" />
  38. <meta name="text:Link1 Titulo" content="link1" />
  39. <meta name="text:Link2 URL" content="/" />
  40. <meta name="text:Link2 Titulo" content="link2" />
  41. <meta name="text:Link3 URL" content="/" />
  42. <meta name="text:Link3 Titulo" content="link3" />
  43. <meta name="text:Link4 URL" content="/" />
  44. <meta name="text:Link4 Titulo" content="link4" />
  45. <meta name="text:Link5 URL" content="/" />
  46. <meta name="text:Link5 Titulo" content="link5" />
  47. <meta name="text:Link6 URL" content="/" />
  48. <meta name="text:Link6 Titulo" content="link6" />
  49.  
  50.  
  51.  
  52.  
  53. <title>{Title}</title>
  54. {block:Description}
  55. <meta name="description" content="{MetaDescription}" />
  56. {/block:Description}
  57. <link rel="shortcut icon" href="{Favicon}" />
  58. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  59. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  60.  
  61. <link href="https://fonts.googleapis.com/css?family=Rochester|Ruge+Boogie|Ubuntu+Mono" rel="stylesheet">
  62. <style type="text/css">/*
  63. Por favor, NÃO REMOVA OS CRÉDITOS, RESPEITE ESSA REGRA SIMPLES!
  64. Eu gastei muito tempo para fazer esses temas.
  65. OBS: Se usar quaisquer detalhes credite à CEST-LAVIE. Grata. */
  66.  
  67. /****** BASE ******/
  68. body {color:{color:text}; opacity:0.8; background-color:{color:background}; background-image: url('{image:Background}'); background-attachment:fixed; font-family:calibri; font-size:11px; line-height:100%; text-align:justify; text-transform: none;text-align: center; font-style: none; }
  69. a:link, a:active, a:visited{ color: {color:link}; text-decoration:none; -webkit-transition-duration: 0.4s; }
  70. a:hover{color:#aaa;}
  71. blockquote {padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:text}}
  72. /****** CONTROLS ******/
  73. #tumblr_controls{position: fixed!important}
  74. #tumblr_controls{position: fixed!important}
  75. #tumblr_controls{position: fixed!important}
  76. #tumblr_controls{position: fixed!important}
  77. #tumblrcontrols2 {position:fixed; top:25px; right:5px; z-index:999;}
  78. #tumblrcontrols2 a {opacity:1;}
  79. #tumblrcontrols2 a:hover {opacity:1;}
  80. /****** SCROLLBAR E SELEÇÃO COLORIDA ******/
  81. ::selection {color:#fff;background:#929090;}
  82. ::-moz-selection {color:#fff;background:#929090;}
  83. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scroll}; height: 50px;}
  84. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:scroll}; height: 10px;}
  85. ::-webkit-scrollbar {height: 5px; width: 5px; background-color: #ccc; }
  86. /****** CORPO DO THEME ******/
  87. #container {background-color: ; width: 1000px; margin: 0 auto 4px auto; background: {color:background};}
  88. #entries {margin-left: 383px; width: 700px; margin-top: 5px; opacity:0.8; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; }
  89. #entries:hover{-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; opacity:1}
  90. .entry {{block:IndexPage} border:4px double #0e0e0e; width: 300px; background-color:{color:entry} ; text-align: justify; padding: 6px; float: left; margin: 6px 0 0 6px; {/block:IndexPage}{block:PermalinkPage} padding:10px; width:540px; margin-top: 6px; height:auto; background-color: {color:entry}; text-align: left;
  91. {/block:PermalinkPage}}
  92. .entry:hover {opacity:1}
  93. .entry img {width: 290px; padding: 2px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; }
  94. .entry img:hover {-webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; opacity:1;}
  95. /****** TITULOS ******/
  96. #title2 {font-size: 13px; font-family: Cambria; letter-spacing: 0px; line-height: 13px; text-transform: none;text-align: center; font-style: none; margin-top: 6px; margin-bottom: 8px;opacity:0.8 }
  97. #title2 a{background: {color:linkhover}; padding: 4px; color: #fff;opacity:0.8;}
  98. #title {font-size: 13px; font-family: Cambria; letter-spacing: 0px; line-height: 13px; text-transform: none;text-align: center; font-style: none; margin-top: 6px; margin-bottom: 8px;opacity:0.8}
  99. #title a{background: {color:linkhover}; padding: 4px; color: #fff; margin-bottom: 5px}
  100. /****** ASK ******/
  101. .question1 {
  102. color:{color:text};
  103. font-size: 12px;
  104. font-family: cambria;
  105. text-align:left;
  106. font-weight: normal;
  107. line-height:95%;
  108. background: #272727;
  109. position: relative;
  110. min-height:70px;
  111. padding:10px 15px;
  112. margin-bottom:2px;
  113. margin-right:-10px; opacity:0.8}
  114. .questionarrow {
  115. font-size:30px;
  116. color:#272727;
  117. vertical-align:middle;
  118. margin-left:-5px!important; opacity:0.8}
  119. .asker {width:250px; text-align:right; text-transform:lowercase; color:{color:text}; opacity:0.8}
  120. .asker a {color:{color:text};}
  121. .asker img {float:left; margin-left:238px; vertical-align:top; margin-right:3px; max-height:15px; opacity:0.8 }
  122. .asking {text-align:center; color:{color:text}; font:9px calibri; text-transform:none; opacity:0.8;}
  123. .asking a{color:{color:text}; border-bottom:1px dotted {color:text};}
  124. .asking img {width:58px; vertical-align:middle; background-color:{color:background}; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;padding:3px;opacity:0.8;}
  125. .answer {color:{color:text};font-size:11.5px;font-family:cambria;}
  126. /****** CHAT ******/
  127. .user_1 .label {color:{color:text}; font-weight:bold; background-color:#030303; text-transform: italic}
  128. .user_2 .label {color:{color:text}; font-weight:bold; background-color:#111111; text-transform: italic}
  129. .user_3 .label {color:{color:link}; font-weight:bold}
  130. .user_4 .label {color:{color:links}; font-weight:bold}
  131. .user_5 .label {color:{color:links}; font-weight:bold}
  132. .user_6 .label {color:{color:links}; font-weight:bold}
  133. ul.chat, .chat ol, .chat li {list-style:none; margin-left: -20px; margin-top: 3px;opacity:0.8}
  134. /****** REBLOG ******/
  135. .cred {opacity: 0.7; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  136. .cred:hover {opacity: 0.7; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  137. #info {text-align: left; margin-top:5px; font-size: 11px; font-family: calibri; text-transform: uppercase; z-index: 11; border-top:1px solid #aaa;border-bottom:1px solid #aaa;}
  138. #info a {font-size: 10px; text-transform: uppercase;opacity:0.9;}
  139. #tags {color: {color:text}; font-size: 10px; font-family: calibri; display: inline; list-style: none; text-transform: uppercase;opacity:0.8}
  140. #tags a {font-size: 10px; font-family: calibri; display: inline; list-style: none; text-transform: uppercase;;}
  141. #cap {width: 500px; margin-top: -2px;}
  142. .source {display: none;}
  143. /****** QUOTE ******/
  144. .aspaquote {position:relative;top:8px;font-size:40px;opacity:0.2;filter: alpha(opacity = 20);margin-left:-2px;}
  145. .quotee {font-family: georgia; text-align: left; font-size: 11px; line-height: 15px; padding: 3px; margin-top:-19px; margin-left: 02px;margin-bottom:5px;padding-top:5px;opacity:0.9;}
  146. .sourcequotee {font-family: verdana; font-weight: bold;text-align: right; font-size: 10px; line-height: 5px; padding: 3px; margin-top:-5; border-top:1px solid #aaa;opacity:0.8;height:16px;}
  147. /****** SIDEBAR ******/
  148. #side {position: fixed; margin-left: 120px; width:243px; height: 387px; background-color:{color:sidebar};background-color:{color:sidebar}; margin-top: 61px;border: double 5px #000; box-shadow: 5px 5px 20px 5px #272727;}
  149. /****** IMAGEM ******/
  150. .imagem {position: absolute; width:229px; height:245px; margin-left:130px; margin-top: 94px;z-index:9999999;position:fixed;border:2px solid {color:borda};opacity:7;}
  151. .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:245px; width: 229px; background-color: ; padding:0px;margin-left:0px; margin-top:0px; opacity:0.8; }
  152. .imagem img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.7); opacity:0.9;-webkit-transition-duration: .59s;}
  153. .imagem img.top { opacity:1;}
  154. .imagem:hover img.top, .cf4.hover_effect img.top {opacity:0;}
  155. .imagem:hover img.bottom, .cf4.hover_effect img.bottom {filter:gray}
  156. /****** LINKS ******/
  157. #links1{width:248px; height: 24px; float: left; margin-left:136.2px; margin-top: 344px; padding: 0px; text-align: center; position: fixed; z-index:800;}
  158. #links1 a {display: inline-block;float: left; margin-left: 1px; font-family: calibri; font-size: 9px;letter-spacing:2px; text-align: center; margin-top: 2px; height: 26px; width: 72px; color:{color:links}; line-height: 26px; text-transform: uppercase; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; font-style: normal; background-color: {color:bglinks}; }
  159. @-webkit-keyframes shine {from {background: url('{image:bglink}') top;} to {background: url('{image:bglink}') bottom;}}
  160. #links1 :hover {-webkit-animation-name: shine; -webkit-animation-duration: 500ms; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; color:{color:links};}
  161. /****** DESCRIÇÃO ******/
  162. .desc {text-align: justify; width: 230px;padding: 5px; margin-top: 401px; margin-left: 127px; position:fixed; font-family: 'calibri' ;font-size: 10px; background-color: #transp; color: {color:descri}; line-height:10px;;text-transform: none; height:55px; z-index:100; {opacity:0.9}}
  163. /****** FRASE ******/
  164. #fraseemi {background-color:#;margin-left:131px;margin-top: 66px; height:20px; line-height:25px;float:left; position:fixed; width:250px; font-family: 'Rochester', cursive; font-size:19px; text-align: left;
  165. color:{color:frase} ; letter-spacing:-1px; z-index:11; text-transform: none; }
  166. /****** CORAÇÃO ******/
  167. #corac{ margin-left:346px; margin-top:66px; height:20px; line-height:22px; position:fixed; overflow:hidden; color: #000; width:13px; z-index: 0; font-family:calibri; font-size:24px;text-transform:none; text-align:left; border-left:0px solid; border-right:0px solid; padding:3px; border: 0px solid {color:sidebar link central}; background-color: #trans; -moz-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; z-index: 1; -moz-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; z-index: 100000000000000000000000;-webkit-transform: rotate(17deg); }
  168. /*------- CURSOR -------*/
  169. {block:ifCursorpequeno}
  170. html{cursor:url('http://www.dolliehost.com/dolliecrave/cursors/cursors-arrow/arrow38.gif'), auto !important;}
  171. a, a:hover{cursor:url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), auto !important;}
  172. {/block:ifCursorpequeno}
  173. </style>
  174. </head>
  175. <body>
  176.  
  177. <div id="tumblrcontrols2">
  178. <a href="http://cest-lavie.tumblr.com/" target="_blank"><img src="http://static.tumblr.com/dbek3sy/zESllc4x6/install_theme.png"/></a>
  179. </div>
  180.  
  181. <div id="corac"><font color="{color:corac}">♥</font></a></div>
  182.  
  183. <div id="side"></div>
  184.  
  185. <div class="desc">
  186. {description}</div>
  187. <div class="imagem" class="hover">
  188. <img class="bottom shadow" src="{image:sidebar}">
  189. <img class="top shadow" src="{image:sidebar}" />
  190. </div>
  191.  
  192. <div id="fraseemi">{text:frase}</div>
  193.  
  194. <div id="links1">
  195. <a href="{text:Link1 URL}">{text:Link1 Titulo}</a>
  196. <a href="{text:Link2 URL}">{text:Link2 Titulo}</a>
  197. <a href="{text:Link3 URL}">{text:Link3 Titulo}</a>
  198. <a href="{text:Link4 URL}">{text:Link4 Titulo}</a>
  199. <a href="{text:Link5 URL}">{text:Link5 Titulo}</a>
  200. <a href="{text:Link6 URL}">{text:Link6 Titulo}</a>
  201. </div></div>
  202.  
  203. <div id="entries">
  204. {block:Posts}
  205. <div class="entry">
  206.  
  207. {block:Text}{block:Title}<div id="title2">{Title}</div>{/block:Title}{Body}{/block:Text}
  208.  
  209. {block:Photo}<center><img src="{PhotoURL-400}" width="400px"/></center>
  210. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  211.  
  212.  
  213. {block:Photoset}<center>{Photoset-250}</center>
  214. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  215.  
  216. {block:Quote}
  217. <span class="aspaquote">&#10077;</span><div class="quotee">{Quote}</div>
  218. {block:Source}<div class="sourcequotee"><p>&#8212; {Source}</p></div>{/block:Source}<br>
  219. {/block:Source}
  220. {/block:Quote}
  221.  
  222.  
  223. {block:Link}
  224. <a href="{URL}" id="title" {Target}><div id="title">{Name}</div></a>{block:Description}{Description}{/block:Description}
  225. {/block:Link}
  226.  
  227. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  228.  
  229. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  230.  
  231. {block:Audio}<center>{AudioPlayerWhite}</center>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  232. {block:Answer}
  233. <table width="310px" cellspacing="0" cellpadding="0">
  234. <tr>
  235. <td width="135px" class="question1">{Question}</td>
  236. <td width="30px"><span class="questionarrow">◤</span></td>
  237. <td width="1px" class="asking"><img src="{AskerPortraitURL-64}"><br>{Asker}</td>
  238. </tr>
  239. </table>
  240. <div class="answer">{Answer}</div>
  241. {/block:answer}
  242.  
  243. <div class="cred">
  244. {block:Date}<div id="info">
  245. <center> <a href="{Permalink}">{TimeAgo}</a> · {block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} · <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{block:ContentSource} · <a href="{SourceURL}">source</a>{/block:ContentSource} {block:IndexPage}+ <a href="{ReblogUrl}" target="_blank">reblog <font color="{color:tags}"></font> </a>{/block:IndexPage}</center> </div>{block:IfShowTags}<center><div id="tags">{block:HasTags}{block:Tags} #<a href="{TagUrl}">{Tag}</a>{/block:Tags}{/block:HasTags}
  246. </div></center>{/block:IfShowTags}{/block:Date}</div>
  247. </div>
  248. {/block:Posts}
  249. </div></div></div>
  250. {block:IndexPage}
  251. <div class="column navigation" id="navigation">
  252. {block:Pagination}
  253. {block:PreviousPage}
  254. <a href="{PreviousPage}" class="navigate">
  255. {/block:PreviousPage}
  256. {block:PreviousPage}</a>
  257. {/block:PreviousPage}
  258. {block:NextPage}
  259. <a href="{NextPage}" class="navigate" id="nextPage">
  260. {/block:NextPage}
  261. {block:NextPage}</a>{/block:NextPage}
  262. {/block:Pagination}
  263. </div>
  264. {/block:IndexPage}
  265.  
  266.  
  267. </div></div></div>
  268. </body>
  269. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  270. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
  271. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  272. <script>
  273. $(function(){
  274. var $container = $('#entries');
  275. $container.imagesLoaded(function(){
  276. $container.masonry({
  277. itemSelector: '.entry',
  278. });
  279. });
  280. $container.infinitescroll({
  281. navSelector : "div#navigation",
  282. nextSelector : "div#navigation a#nextPage",
  283. itemSelector : '.entry',
  284. loading: {
  285. finishedMsg: ' ',
  286. img: ' '
  287. }
  288. },
  289. function( newElements ) {
  290. var $newElems = $( newElements ).css({ opacity: 0 });
  291. $newElems.imagesLoaded(function(){
  292. $newElems.animate({ opacity: 1 });
  293. $container.masonry( 'appended', $newElems, true );
  294. });
  295. }
  296. );
  297.  
  298. });
  299. </script>
  300. <!----------------------------------------------------------------------------
  301. Se eu vejo você usando um dos meus temas sem esse crédito, vou denunciá-lo.
  302. ----------------------------------------------------------------------------->
  303. <div style="display:block;bottom:0px;left:5px;font-size:9px;font-family:calibri;position:fixed; border-top:1px dotted #fa85bc;background-color:#000;color:#fff; padding:3px;z-index:55554235555;opacity:0.75;"><a href="http://cest-lavie.tumblr.com" title="theme credit">THEME <font color="#fa85bc">©</font></a></div>
  304. </html>
Advertisement
Add Comment
Please, Sign In to add comment