API tools faq
paste
cest-lavie

THEME 12 ☾

cest-lavie
Mar 24th, 2017
83
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.43 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. (◍•ᴗ•◍)♡ ✧*。
  4.  
  5. * THEME 12 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:frase" content="#fff" />
  21. <meta name="color:descri" content="#fff"/>
  22. <meta name="color:bglinks" content="#030303"/>
  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="Time has brought your heart to me" />
  31.  
  32. <meta name="image:fundo" content="http://static.tumblr.com/v3fpuyf/4LBopk0cw/ake.jpg" />
  33. <meta name="image:background" content="http://static.tumblr.com/icmnqoq/uLJmdswyu/starlit_night_by_gucken.jpg" />
  34. <meta name="image:sidebar" content="https://static.tumblr.com/9213eacb0007dadf59afe3ff0fcf224b/v3fpuyf/yrLopcpd2/tumblr_static_3eyx6rlvfpkwww04wcg0gg8ck.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. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  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.  
  60. <link href="https://fonts.googleapis.com/css?family=Rochester|Ruge+Boogie|Ubuntu+Mono" rel="stylesheet">
  61. <style type="text/css">/*
  62. Por favor, NÃO REMOVA OS CRÉDITOS, RESPEITE ESSA REGRA SIMPLES!
  63. Eu gastei muito tempo para fazer esses temas.
  64. OBS: Se usar quaisquer detalhes credite à CEST-LAVIE. Grata. */
  65.  
  66. /*-------- BASE --------*/
  67. 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; }
  68. blockquote {padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:text}}
  69. /*-------- LINKS E HOVER LINKS --------*/
  70. a:link, a:active, a:visited{ color: {color:link}; text-decoration:none; -webkit-transition-duration: 0.4s; }
  71. a:hover{color:#aaa;}
  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. /*-------- NOTES --------*/
  101. .notes img{width:10px; position:relative; top:1px}
  102. ol.notes, .notes li{width:280px; list-style:none; margin:0px 0 -1px 5px; padding:0px;}
  103. .notes {width: 520px; padding: 0px; margin-top: 1px; margin-bottom: 1px; font-size: 9px; text-align: left}
  104. ol.notes {list-style: none; margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  105. ol.notes li {background-color: {color:post}; margin-bottom: 2px; padding: 5px; }
  106. .notes img{display: none; border:0px}
  107. #damon {position: fixed; margin: 0px 0px 0px -492px;}
  108. /*-------- ASK --------*/
  109. .question1 {
  110. color:{color:text};
  111. font-size: 12px;
  112. font-family: cambria;
  113. text-align:left;
  114. font-weight: normal;
  115. line-height:95%;
  116. background: #272727;
  117. position: relative;
  118. min-height:70px;
  119. padding:10px 15px;
  120. margin-bottom:2px;
  121. margin-right:-10px; opacity:0.8}
  122. .questionarrow {
  123. font-size:30px;
  124. color:#272727;
  125. vertical-align:middle;
  126. margin-left:-5px!important; opacity:0.8}
  127. .asker {width:250px; text-align:right; text-transform:lowercase; color:{color:text}; opacity:0.8}
  128. .asker a {color:{color:text};}
  129. .asker img {float:left; margin-left:238px; vertical-align:top; margin-right:3px; max-height:15px; opacity:0.8 }
  130. .asking {text-align:center; color:{color:text}; font:9px calibri; text-transform:none; opacity:0.8;}
  131. .asking a{color:{color:text}; border-bottom:1px dotted {color:text};}
  132. .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;}
  133. .answer {color:{color:text};font-size:11.5px;font-family:cambria;}
  134. /*-------- CHAT --------*/
  135. .user_1 .label {color:{color:text}; font-weight:bold; background-color:#030303; text-transform: italic}
  136. .user_2 .label {color:{color:text}; font-weight:bold; background-color:#111111; text-transform: italic}
  137. .user_3 .label {color:{color:link}; font-weight:bold}
  138. .user_4 .label {color:{color:links}; font-weight:bold}
  139. .user_5 .label {color:{color:links}; font-weight:bold}
  140. .user_6 .label {color:{color:links}; font-weight:bold}
  141. ul.chat, .chat ol, .chat li {list-style:none; margin-left: -20px; margin-top: 3px;opacity:0.8}
  142. /*-------- REBLOG --------*/
  143. .cred {opacity: 0.7; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  144. .cred:hover {opacity: 0.7; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  145. #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;}
  146. #info a {font-size: 10px; text-transform: uppercase;opacity:0.9;}
  147. #tags {color: {color:text}; font-size: 10px; font-family: calibri; display: inline; list-style: none; text-transform: uppercase;opacity:0.8}
  148. #tags a {font-size: 10px; font-family: calibri; display: inline; list-style: none; text-transform: uppercase;;}
  149. #cap {width: 500px; margin-top: -2px;}
  150. .source {display: none;}
  151. /*-------- QUOTE --------*/
  152. .aspaquote {position:relative;top:8px;font-size:40px;opacity:0.2;filter: alpha(opacity = 20);margin-left:-2px;}
  153. .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;}
  154. .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;}
  155. .letra {font-family: tinytots; font-size: 8px; margin-top: -4px;}
  156. /*-------- SIDEBAR --------*/
  157. #side {position: fixed; margin-left: 120px; width:233px; height: 368px; background-color:{color:sidebar}; margin-top: 62px;border: double 5px {color:borda};background-image: url('{image:fundo}'); box-shadow: 5px 5px 20px 5px #272727;}
  158. /*-------- IMAGEM --------*/
  159. .imagem {position: absolute; width:218.5px; height:245px; margin-left:130px; margin-top: 94px;z-index:9999999;position:fixed;border:2px solid {color:borda};opacity:7;}
  160. .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: 218.5px; background-color: ; padding:0px;margin-left:0px; margin-top:0px; opacity:0.8; }
  161. .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;}
  162. .imagem img.top { opacity:1;}
  163. .imagem:hover img.top, .cf4.hover_effect img.top {opacity:0;}
  164. .imagem:hover img.bottom, .cf4.hover_effect img.bottom {filter:gray}
  165. /*-------- LINKS --------*/
  166. #links1 {width: 360px; float: left; margin-left:102px; height:20px; margin-top: 341px; padding: 3px; text-align: center; position: fixed; background-color: transparent; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; z-index:1000; }
  167. #links1 a {display: inline-block;float: left; margin-left: 1px; font-family: calibri; font-size: 8px; text-align: center; margin-top: 2px; height: 16px; width: 36px; color:{color:links}; line-height: 16px; text-transform: uppercase; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; font-style: normal; background-color:{color:bglinks}; text-decoration: none; height:15px;line-height:15px; padding: 4px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  168. #links1 a:hover{text-align: center; color:#c1c1c1; background-color: #000; letter-spacing: 1px; -webkit-transform: rotate(-360deg); text-shadow:0px 0px 7px #000;}
  169. /*-------- DESCRIÇÃO --------*/
  170. #descri2 {position: fixed; margin-top: 380px; margin-left: 160px; width: 235px; height: 100px; background: transp; font-family: calibri; font-size: 11px; text-align: center; color: {color:descri};}
  171. #descri {margin-top: -2px; padding: 3px 2px; height: auto; width: 232px; line-height: 95%; margin-left: -37px; letter-spacing: 0px; solid {color:descri}; opacity: 0.8}
  172. /*-------- FRASE --------*/
  173. #fraseemi {background-color:#;margin-left:131px;margin-top: 66px; height:24px; line-height:25px;float:left; position:fixed; width:300px; font-family: 'Rochester', cursive; font-size:20px; text-align: left;
  174. color:{color:frase} ; letter-spacing:-1px; z-index:11; text-transform: none; }
  175. /*-------- CORAÇÃO --------*/
  176. #corac{ margin-left:330px; margin-top:66px; height:20px; line-height:22px; position:fixed; overflow:hidden; color: #000; width:13px; z-index: 0; font-family: times new roman; font-size:25px;text-transform:none; text-align:left; border-left:0px solid; border-right:0px solid; padding:3px; 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); }
  177. /*-------- CURSOR --------*/
  178. {block:ifCursorpequeno}
  179. html{cursor:url('http://www.dolliehost.com/dolliecrave/cursors/cursors-arrow/arrow38.gif'), auto !important;}
  180. a, a:hover{cursor:url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), auto !important;}
  181. {/block:ifCursorpequeno}
  182. </style>
  183. </head>
  184. <body>
  185. <div id="tumblrcontrols2">
  186. <a href="http://cest-lavie.tumblr.com/" target="_blank"><img src="http://static.tumblr.com/dbek3sy/zESllc4x6/install_theme.png"/></a>
  187. </div>
  188.  
  189. <div id="corac"><font color="{color:corac}">♥</font></a></div>
  190.  
  191. <div id="side"></div>
  192.  
  193. <div class="imagem" class="hover">
  194. <img class="bottom shadow" src="{image:sidebar}">
  195. <img class="top shadow" src="{image:sidebar}" />
  196. </div>
  197.  
  198. <div id="descri2">
  199. <div id="descri">{description}</div></div>
  200.  
  201.  
  202. <div id="fraseemi">{text:frase}</div>
  203.  
  204. <div id="links1">
  205. <a href="{text:Link1 URL}">{text:Link1 Titulo}</a>
  206. <a href="{text:Link2 URL}">{text:Link2 Titulo}</a>
  207. <a href="{text:Link3 URL}">{text:Link3 Titulo}</a>
  208. <a href="{text:Link4 URL}">{text:Link4 Titulo}</a>
  209. <a href="{text:Link5 URL}">{text:Link5 Titulo}</a>
  210. <a href="{text:Link6 URL}">{text:Link6 Titulo}</a>
  211. </div></div>
  212.  
  213. <div id="entries">
  214.  
  215. {block:Posts}
  216. <div class="entry">
  217.  
  218. {block:Text}{block:Title}<div id="title2">{Title}</div>{/block:Title}{Body}{/block:Text}
  219.  
  220. {block:Photo}<center><img src="{PhotoURL-400}" width="400px"/></center>
  221. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  222.  
  223.  
  224. {block:Photoset}<center>{Photoset-250}</center>
  225. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  226.  
  227. {block:Quote}
  228. <span class="aspaquote">&#10077;</span><div class="quotee">{Quote}</div>
  229. {block:Source}<div class="sourcequotee"><p>&#8212; {Source}</p></div>{/block:Source}<br>
  230. {/block:Source}
  231. {/block:Quote}
  232.  
  233.  
  234. {block:Link}
  235. <a href="{URL}" id="title" {Target}><div id="title">{Name}</div></a>{block:Description}{Description}{/block:Description}
  236. {/block:Link}
  237.  
  238. {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}
  239.  
  240. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  241.  
  242. {block:Audio}<center>{AudioPlayerWhite}</center>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  243. {block:Answer}
  244. <table width="310px" cellspacing="0" cellpadding="0">
  245. <tr>
  246. <td width="135px" class="question1">{Question}</td>
  247. <td width="30px"><span class="questionarrow">◤</span></td>
  248. <td width="1px" class="asking"><img src="{AskerPortraitURL-64}"><br>{Asker}</td>
  249. </tr>
  250. </table>
  251. <div class="answer">{Answer}</div>
  252. {/block:answer}
  253.  
  254. <div class="cred">
  255. {block:Date}<div id="info">
  256. <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}
  257. </div></center>{/block:IfShowTags}{/block:Date}</div>
  258. </div>
  259. {block:PostNotes}{PostNotes}{/block:PostNotes}
  260. {/block:Posts}
  261.  
  262. </div></div></div>
  263. {block:IndexPage}
  264. <div class="column navigation" id="navigation">
  265. {block:Pagination}
  266. {block:PreviousPage}
  267. <a href="{PreviousPage}" class="navigate">
  268. {/block:PreviousPage}
  269. {block:PreviousPage}</a>
  270. {/block:PreviousPage}
  271. {block:NextPage}
  272. <a href="{NextPage}" class="navigate" id="nextPage">
  273. {/block:NextPage}
  274. {block:NextPage}</a>{/block:NextPage}
  275. {/block:Pagination}
  276. </div>
  277. {/block:IndexPage}
  278. </div></div></div>
  279. </body>
  280. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  281. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
  282. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  283. <script>
  284. $(function(){
  285. var $container = $('#entries');
  286. $container.imagesLoaded(function(){
  287. $container.masonry({
  288. itemSelector: '.entry',
  289. });
  290. });
  291. $container.infinitescroll({
  292. navSelector : "div#navigation",
  293. nextSelector : "div#navigation a#nextPage",
  294. itemSelector : '.entry',
  295. loading: {
  296. finishedMsg: ' ',
  297. img: ' '
  298. }
  299. },
  300. function( newElements ) {
  301. var $newElems = $( newElements ).css({ opacity: 0 });
  302. $newElems.imagesLoaded(function(){
  303. $newElems.animate({ opacity: 1 });
  304. $container.masonry( 'appended', $newElems, true );
  305. });
  306. }
  307. );
  308.  
  309. });
  310. </script>
  311. <!----------------------------------------------------------------------------
  312. Se eu vejo você usando um dos meus temas sem esse crédito, vou denunciá-lo.
  313. ----------------------------------------------------------------------------->
  314. <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>
  315. </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!