API tools faq
paste
cest-lavie

THEME 16 ☾

cest-lavie
Mar 24th, 2017
93
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.09 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. (◍•ᴗ•◍)♡ ✧*。
  4.  
  5. * THEME 16 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:entry" content="#000" />
  17. <meta name="color:text" content="#cacaca" />
  18. <meta name="color:link" content="#cacaca" />
  19. <meta name="color:sidebar" content="#000" />
  20. <meta name="color:descricao" content="#cacaca"/>
  21. <meta name="color:bglinks" content="#030303"/>
  22. <meta name="color:links" content="#fff" />
  23. <meta name="color:linkshover" content="#dddddd"/>
  24. <meta name="color:scroll" content="#000" />
  25.  
  26. <meta name="if:Cursor pequeno" content=""/>
  27.  
  28. <meta name="text:frase" content="HISTÓRIA NOSSAS HISTÓRIAS" />
  29.  
  30.  
  31. <meta name="image:background" content="http://static.tumblr.com/fzbupk7/vO4mbi4k3/22.jpg" />
  32. <meta name="image:sidebar" content="https://static.tumblr.com/fzbupk7/yo6mbi4xk/tumblr_mavobx8n8k1rag40uo1_400.jpg"/>
  33.  
  34.  
  35. <meta name="text:Link1 URL" content="/" />
  36. <meta name="text:Link1 Titulo" content="link1" />
  37. <meta name="text:Link2 URL" content="/" />
  38. <meta name="text:Link2 Titulo" content="link2" />
  39. <meta name="text:Link3 URL" content="/" />
  40. <meta name="text:Link3 Titulo" content="link3" />
  41. <meta name="text:Link4 URL" content="/" />
  42. <meta name="text:Link4 Titulo" content="link4" />
  43. <meta name="text:Link5 URL" content="/" />
  44. <meta name="text:Link5 Titulo" content="link5" />
  45. <meta name="text:Link6 URL" content="/" />
  46. <meta name="text:Link6 Titulo" content="link6" />
  47. <meta name="text:Link7 URL" content="/" />
  48. <meta name="text:Link7 Titulo" content="link7" />
  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. <link href="https://fonts.googleapis.com/css?family=Wire+One" rel="stylesheet">
  61.  
  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. blockquote {padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:text}}
  70. /*------- LINKS E HOVER LINKS -------*/
  71. a:link, a:active, a:visited{ color: {color:link}; text-decoration:none; -webkit-transition-duration: 0.4s; }
  72. a:hover{color:#aaaaaa;}
  73. /*------- CONTROLS -------*/
  74. #tumblr_controls{position: fixed!important}
  75. #tumblr_controls{position: fixed!important}
  76. #tumblr_controls{position: fixed!important}
  77. #tumblr_controls{position: fixed!important}
  78. #tumblrcontrols2 {position:fixed; top:25px; right:5px; z-index:999;}
  79. #tumblrcontrols2 a {opacity:1;}
  80. #tumblrcontrols2 a:hover {opacity:1;}
  81. /*------- SCROLLBAR -------*/
  82. ::selection {color:#fff;background:#929090;}
  83. ::-moz-selection {color:#fff;background:#929090;}
  84. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scroll}; height: 50px;}
  85. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scroll}; height: 10px;}
  86. ::-webkit-scrollbar {height: 5px; width: 5px; background-color:#ddd }
  87. /*------- CORPO DO THEME -------*/
  88. #container {background-color: ; width: 1000px; margin: 0 auto 4px auto; background: {color:background};}
  89. #entries {margin-left: 383px; width: 700px; margin-top: 5px; opacity:0.8; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; }
  90. #entries:hover{-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; opacity:1}
  91. .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;
  92. {/block:PermalinkPage}}
  93. .entry:hover {opacity:1}
  94. .entry img {width: 290px; padding: 2px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; }
  95. .entry img:hover {-webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; opacity:1;}
  96. /*------- TITULOS -------*/
  97. #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 }
  98. #title2 a{background: {color:linkhover}; padding: 4px; color: #fff;opacity:0.8;}
  99. #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}
  100. #title a{background: {color:linkhover}; padding: 4px; color: #fff; margin-bottom: 5px}
  101. @font-face { font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  102. /*-------- ASK --------*/
  103. .question1 {
  104. color:{color:text};
  105. font-size: 12px;
  106. font-family: cambria;
  107. text-align:left;
  108. font-weight: normal;
  109. line-height:95%;
  110. background: #272727;
  111. position: relative;
  112. min-height:70px;
  113. padding:10px 15px;
  114. margin-bottom:2px;
  115. margin-right:-10px; opacity:0.8}
  116. .questionarrow {
  117. font-size:30px;
  118. color:#272727;
  119. vertical-align:middle;
  120. margin-left:-5px!important; opacity:0.8}
  121. .asker {width:250px; text-align:right; text-transform:lowercase; color:{color:text}; opacity:0.8}
  122. .asker a {color:{color:text};}
  123. .asker img {float:left; margin-left:238px; vertical-align:top; margin-right:3px; max-height:15px; opacity:0.8 }
  124. .asking {text-align:center; color:{color:text}; font:9px calibri; text-transform:none; opacity:0.8;}
  125. .asking a{color:{color:text}; border-bottom:1px dotted {color:text};}
  126. .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;}
  127. .answer {color:{color:text};font-size:11.5px;font-family:cambria;}
  128. /*------- CHAT -------*/
  129. .user_1 .label {color:{color:text}; font-weight:bold; background-color:#030303; text-transform: italic}
  130. .user_2 .label {color:{color:text}; font-weight:bold; background-color:#111111; text-transform: italic}
  131. .user_3 .label {color:{color:link}; font-weight:bold}
  132. .user_4 .label {color:{color:links}; font-weight:bold}
  133. .user_5 .label {color:{color:links}; font-weight:bold}
  134. .user_6 .label {color:{color:links}; font-weight:bold}
  135. ul.chat, .chat ol, .chat li {list-style:none; margin-left: -20px; margin-top: 3px;opacity:0.8}
  136. /*------- REBLOG -------*/
  137. .cred {opacity: 0.7; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  138. .cred:hover {opacity: 0.7; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  139. #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;}
  140. #info a {font-size: 10px; text-transform: uppercase;opacity:0.9;}
  141. /*------- TAGS -------*/
  142. #tags {color: {color:text}; font-size: 10px; font-family: calibri; display: inline; list-style: none; text-transform: uppercase;opacity:0.8}
  143. #tags a {font-size: 10px; font-family: calibri; display: inline; list-style: none; text-transform: uppercase;;}
  144. #cap {width: 500px; margin-top: -2px;}
  145. .source {display: none;}
  146. /*------- QUOTE -------*/
  147. .aspaquote {position:relative;top:8px;font-size:40px;opacity:0.2;filter: alpha(opacity = 20);margin-left:-2px;}
  148. .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;}
  149. .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;}
  150. .letra {font-family: tinytots; font-size: 8px; margin-top: -4px;}
  151. /*------- SIDEBAR -------*/
  152. #side {margin-top:67px;margin-left:154px;width:205px;height:326px;background-color:{color:sidebar};position:fixed;opacity:0.8;border: double 5px #000;box-shadow: 3px 5px 18px 3px #272727;}
  153. /*------- IMAGEM -------*/
  154. .imagem {position: absolute; height:auto; margin-left:165px; margin-top: 74px;position:fixed;;;;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;border:1px solid {color:sidebarlinkbg};height:225px; width: 190px ;opacity:1}
  155. .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:225px; width:190px; background-color: {color:none}; padding:0px;;opacity:1 }
  156. .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;}
  157. .imagem img.top { opacity:1;}
  158. .imagem:hover img.top, .cf4.hover_effect img.top {opacity:0;}
  159. .imagem:hover img.bottom, .cf4.hover_effect img.bottom {filter:gray}
  160. /*------- DESCRIÇÃO -------*/
  161. #descri2 {position: fixed; margin-top: 329px; margin-left: 184px; width: 200px; height: 100px; background: transp; font-family: calibri; font-size: 10px; text-align:justify; color: {color:descricao};}
  162. #descri {margin-top: -2px; padding: 3px 2px; height: auto; width: 193px; line-height: 94%; margin-left: -20px; letter-spacing: 1px; opacity: 0.85}
  163. /*------- FRASE -------*/
  164. #fraseemi {opacity:0.8;font-size:24px; font-style: normal; text-transform:none; text-align:center; font-family: 'Wire One', sans-serif;background-color: transparent; color: #ffffff; line-height:8px;text-transform:none;padding: 5px; width:228px; height: 5px;line-height: 3px; padding-top: 7px; letter-spacing:2px; margin-top:45px; text-transform:uppercase;position:fixed; margin-left:142px; -webkit-transition: all 1s ease-in-out;webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; opacity: 0.9; text-shadow: -2px 0px #E86060, 2px 0px #54d2cb;}
  165. #fraseemi:hover {webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; opacity: 0.8; text-shadow: 0px 0px #E86060, 0px 0px #54d2cb;}
  166. /*------- LINKS -------*/
  167. #links2 {width: 192px; float: left; margin-left: 164px; height:18px; margin-top: 300px; padding: 2px; text-align: center; position: fixed; background-color:transparent; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;z-index:999999999999999999999999999999999999999999999999999999999999999999999999999999999999; }
  168. #links2 a {float: left; margin-right: 0px; display: block; width: 40px; letter-spacing: 0px; font-family: calibri; font-size: 9px; text-transform: uppercase; text-align: center; margin-bottom: 1px; background-color: {color:bglinks}; color: {color:links}; text-decoration: none; line-height: 10px; padding: 4px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  169. #links2 a:hover{height:93px; line-height: 100px; border-bottom:1px solid {color:links};text-shadow:5px 0px 10px {color:links}}
  170. #linksfoto { margin-top: 255px; margin-left:170px; position:fixed; z-index:200000; opacity: 0.8; }
  171. #linksfoto a{height:8px; display:block; width: 40px; line-height: 3px; font-size:8px; margin-bottom: 1px; text-align:center; line-height:9px; font-family: calibri; text-transform: uppercase; color: {color:links} ; background-color: {color:bglinks}; padding-left:1px; -webkit-transition-duration: 0.4s;padding:2px}
  172. #linksfoto a:hover{ opacity:0.77;}
  173. /*------- CURSOR -------*/
  174. {block:ifCursorpequeno}
  175. html{cursor:url('http://www.dolliehost.com/dolliecrave/cursors/cursors-arrow/arrow38.gif'), auto !important;}
  176. a, a:hover{cursor:url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), auto !important;}
  177. {/block:ifCursorpequeno}
  178. </style>
  179. </head>
  180. <body>
  181. <div id="tumblrcontrols2">
  182. <a href="http://cest-lavie.tumblr.com/" target="_blank"><img src="http://static.tumblr.com/dbek3sy/zESllc4x6/install_theme.png"/></a>
  183. </div>
  184.  
  185.  
  186. <div id="links2">
  187. <a href="{text:link1 URL}">{text:link1 Titulo}</a>
  188. <a href="{text:link2 URL}">{text:link2 Titulo}</a>
  189. <a href="{text:link3 URL}">{text:link3 Titulo}</a>
  190. <a href="{text:link4 URL}">{text:link4 Titulo}</a>
  191. </div>
  192.  
  193. <div id="linksfoto">
  194. <a href="{text:link5 URL}">{text:link5 Titulo}</a>
  195. <a href="{text:link6 URL}">{text:link6 Titulo}</a>
  196. <a href="{text:link7 URL}" >{text:link7 Titulo}</a>
  197. </div>
  198.  
  199.  
  200. <div id="side"></div>
  201.  
  202. <div class="imagem" class="hover">
  203. <img class="bottom shadow" src="{image:sidebar}">
  204. <img class="top shadow" src="{image:sidebar}" />
  205. </div>
  206.  
  207. <div id="descri2">
  208. <div id="descri">{description}</div></div>
  209.  
  210. <div id="fraseemi">{text:frase}</div>
  211.  
  212. <div id="entries">
  213. {block:Posts}
  214. <div class="entry">
  215.  
  216.  
  217.  
  218. {block:Answer}
  219. <table width="310px" cellspacing="0" cellpadding="0">
  220. <tr>
  221. <td width="135px" class="question1">{Question}</td>
  222. <td width="30px"><span class="questionarrow">◤</span></td>
  223. <td width="1px" class="asking"><img src="{AskerPortraitURL-64}"><br>{Asker}</td>
  224. </tr>
  225. </table>
  226. <div class="answer">{Answer}</div>
  227. {/block:answer}
  228.  
  229.  
  230.  
  231. {block:Text}{block:Title}<div id="title2">{Title}</div>{/block:Title}{Body}{/block:Text}
  232.  
  233. {block:Photo}<center><img src="{PhotoURL-400}" width="400px"/></center>
  234. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  235.  
  236.  
  237. {block:Photoset}<center>{Photoset-250}</center>
  238. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  239.  
  240.  
  241. {block:Quote}
  242. <span class="aspaquote">&#10077;</span><div class="quotee">{Quote}</div>
  243. {block:Source}<div class="sourcequotee"><p>&#8212; {Source}</p></div>{/block:Source}<br>
  244. {/block:Source}
  245. {/block:Quote}
  246.  
  247.  
  248. {block:Link}
  249. <a href="{URL}" id="title" {Target}><div id="title">{Name}</div></a>{block:Description}{Description}{/block:Description}
  250. {/block:Link}
  251.  
  252. {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}
  253.  
  254. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  255.  
  256. {block:Audio}<center>{AudioPlayerWhite}</center>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  257.  
  258.  
  259. <div class="cred">
  260. {block:Date}<div id="info">
  261. <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}
  262. </div></center>{/block:IfShowTags}{/block:Date}</div>
  263. </div>
  264. {/block:Posts}
  265. </div></div>
  266.  
  267.  
  268. </div>
  269. {block:IndexPage}
  270. <div class="column navigation" id="navigation">
  271. {block:Pagination}
  272. {block:PreviousPage}
  273. <a href="{PreviousPage}" class="navigate">
  274. {/block:PreviousPage}
  275. {block:PreviousPage}</a>
  276. {/block:PreviousPage}
  277. {block:NextPage}
  278. <a href="{NextPage}" class="navigate" id="nextPage">
  279. {/block:NextPage}
  280. {block:NextPage}</a>{/block:NextPage}
  281. {/block:Pagination}
  282. </div>
  283. {/block:IndexPage}
  284.  
  285.  
  286. </div></div></div>
  287. </body>
  288. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  289. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
  290. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  291. <script>
  292. $(function(){
  293. var $container = $('#entries');
  294. $container.imagesLoaded(function(){
  295. $container.masonry({
  296. itemSelector: '.entry',
  297. });
  298. });
  299. $container.infinitescroll({
  300. navSelector : "div#navigation",
  301. nextSelector : "div#navigation a#nextPage",
  302. itemSelector : '.entry',
  303. loading: {
  304. finishedMsg: ' ',
  305. img: ' '
  306. }
  307. },
  308. function( newElements ) {
  309. var $newElems = $( newElements ).css({ opacity: 0 });
  310. $newElems.imagesLoaded(function(){
  311. $newElems.animate({ opacity: 1 });
  312. $container.masonry( 'appended', $newElems, true );
  313. });
  314. }
  315. );
  316.  
  317. });
  318. </script>
  319. <!----------------------------------------------------------------------------
  320. Se eu vejo você usando um dos meus temas sem esse crédito, vou denunciá-lo.
  321. ----------------------------------------------------------------------------->
  322. <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>
  323. </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!