natashabartz

theme7

Apr 24th, 2015
234
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.76 KB | None | 0 0
  1. <html>
  2.  
  3. <!--
  4. --------- Base by:bandileira------------- Adaptado por:cafajestiada ---
  5.  
  6. ✿✿✿. ✿✿✿✿. ✿.
  7. ✿ ✿ ✿ ✿ ✿.
  8. ✿✿✿ ✿ ✿ ✿. Não se inspire.
  9. ✿ ✿ ✿ ✿ ✿.
  10. ✿✿✿. ✿✿✿✿ . ✿✿✿✿✿✿
  11.  
  12. ----------------------------------- NÃO RETIRE OS CREDITOS--------------------
  13. -->
  14.  
  15. <head>
  16. <!-- Fontes do theme -->
  17. <link href='http://fonts.googleapis.com/css?family=Dosis:300,400' rel='stylesheet' type='text/css'>
  18.  
  19. <link href='http://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css'>
  20.  
  21.  
  22. <!-- Fontes do theme -->
  23. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  24.  
  25. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  26.  
  27.  
  28.  
  29.  
  30.  
  31. <!-- Aparrence -->
  32. <meta name="image:sidebar" content="http://41.media.tumblr.com/1373452dbef666ed74e6bb00665d9c4d/tumblr_nl1c6aNX671uphst0o1_400.jpg"/>
  33. <meta name="image:background" content="" />
  34.  
  35. <meta name="color:background" content="#ffffff"/>
  36. <meta name="color:texto" content="#000000" />
  37. <meta name="color:cor dos detalhes" content="#ffc7e7" />
  38. <meta name="color:menu a hover" content="#000000" />
  39. <meta name="color:cor do menu" content="#fff" />
  40.  
  41.  
  42. <meta name="text:Link1" content="/" />
  43. <meta name="text:Link1 Title" content="Link 1 " />
  44. <meta name="text:Link2" content="/" />
  45. <meta name="text:Link2 Title" content="Link 2" />
  46. <meta name="text:Link3" content="/" />
  47. <meta name="text:Link3 Title" content="Link 3" />
  48. <meta name="text:Link4" content="/" />
  49. <meta name="text:Link4 Title" content="Link 4" />
  50.  
  51.  
  52. <!-- Aparrence -->
  53.  
  54. <title>{Title}</title>
  55. <link rel="shortcut icon" href="http://31.media.tumblr.com/tumblr_lkl6tsiCGt1qfamg6.gif">
  56. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  57. {block:Description}
  58. <meta name="description" content="{MetaDescription}" />
  59. {/block:Description}
  60.  
  61.  
  62.  
  63.  
  64.  
  65.  
  66. <style type="text/css">
  67.  
  68.  
  69.  
  70.  
  71. ::selection {background-color:{color:cor dos detalhes};color:#fff;}
  72.  
  73. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.1;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  74.  
  75.  
  76. body {background-color:{color:background}; color: {color:texto};font-family:calibri; font-size:10px;text-align:justify;background-image: url('{image:Background}');
  77. background-repeat:repeat;background-attachment:fixed;}
  78.  
  79. a{ color:#000; font-style:none;text-decoration:none;}
  80.  
  81. a:hover{color:{color:Link Hover};border-bottom:0px solid #FF00FF;;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
  82.  
  83. s {color: #000000;}
  84.  
  85. i {color: #000000;}
  86.  
  87. b, strong {color:#000;}
  88.  
  89. u, span.sublinha {color: #f000;
  90. text-decoration: none;
  91. border:0px solid #000000;}
  92.  
  93. p {margin: 6px 0 0px 0px}
  94.  
  95.  
  96. ::-webkit-scrollbar-thumb:vertical {background-color:#eee;height:50px;}
  97. ::-webkit-scrollbar-button:vertical {height:5px;display: block; background:#eee;}
  98. ::-webkit-scrollbar {width:12px;height:0px;background-color:#fff ;}
  99.  
  100.  
  101. /***************** Post ****************/
  102.  
  103. #posts{float:center;width:800px;width:600px;{/block:indexpage}{block:permalinkpage}width:600px;{/block:permalinkpage}margin-left:470px;margin-top:20px;z-index:;}
  104.  
  105. .entry{z-index:;float:left;background:transparent;font-size:10px;line-height:13px;text-transform:normal;width:250px;{block:PermalinkPage}width:250px;padding:2px;opacity:10;width:460px;margin:3px;margin-top:5px;margin-left:13px;z-index:999;{/block:PermalinkPage}-moz-transition: all 3.9s ease-out; -o-transition: all 3.9s ease-out;-webkit-transition: all 3.9s ease-out; transition: all 3.9s ease-out;transition:.7s;margin:4px 15px 20px 4px;background:{color:background};margin:4px 15px 20px 4px;}
  106.  
  107. .entry img{max-width: 250px; margin-bottom: 0px;{block:IfUmacoluna}max-width:517px;{/block:IfUmacoluna};{block:PermalinkPage}max-width:517px; padding:0px;{/block:PermalinkPage};}
  108.  
  109. .entry img:hover{-webkit-filter: grayscale(100%) blur(0px);}
  110.  
  111. .vsanna{display: none;}
  112.  
  113. .notes {text-transform:lowercase;padding:0px;width:250px; height:auto; background-color:#;font-size:10px; text-align:right; position: absolute;
  114. color:#999; opacity:0;font-family:calibri;display:block; -webkit-transition: all 0.4s ease-out;-moz-transition: all .4s ease-out;margin-top:4px; margin-left:-8px;-webkit-transform: scale(0.1)}
  115.  
  116. .notes a{color:#000;font-size:10px;font-family:calibri; text-transform:none;}
  117.  
  118. .entry:hover .notes {opacity:1; z-index:9;font-size:10px; text-transform:lowercase;-webkit-transition: all 0.4s ease-out;-moz-transition: all .4s ease-out;margin-left:-8px;text-transform:lowercase;margin-top:4px;-webkit-transform: scale(1)}
  119.  
  120.  
  121. .perguntou {width:99%;border-bottom:1px dashed #eee;text-align:left;padding:2px;font-family:calibri;font-size:10px;}
  122.  
  123. .perguntou:hover{}
  124.  
  125. .respondeu {width:100%;font-family:calibri;background-color:; padding:0px;
  126. font-size:11px;}
  127.  
  128.  
  129. /***************** Post ****************/
  130.  
  131.  
  132. /*****************Titulos,quotes etc ****************/
  133.  
  134. blockquote{margin:2px 5px 2px 5px; padding: 1px 0 3px 6px; border-left:
  135. 3px solid {color:cor dos detalhes}}
  136.  
  137. .quote:first-letter{font-family:Rochester; font-size: 24px;color:{color:cor dos detalhes};}
  138. titulo {text-align:justify;font-size:12px;color:{color:texto};font-family: 'Dosis', sans-serif;}
  139.  
  140. .quote {text-align:justify; padding-bottom:5px;font-size:12px;font-family: 'Dosis', sans-serif;border-bottom: 1px dashed #eee;color:{color:texto};}
  141. source {font-size:10px; text-transform:none;font-family:calibri;font-style:none; text-decoration:none;
  142. text-align:center; font-weight:bold;}
  143.  
  144. titulo {text-align:justify;font-size:12px; {color:texto};font-family: 'Dosis', sans-serif;}
  145.  
  146. h1 {text-align: center; font: 12px corbel; color: #000;}
  147.  
  148.  
  149. /*****************Titulos,quotes etc ****************/
  150.  
  151. /***************** Side e imagem ****************/
  152. .sidebarbie{position:fixed; margin-top:70px; margin-left:190px; width:161px; height:200px;background:#fff;z-index:9;border:0px solid #eee;}
  153. .sidebarbie:hover {position:fixed;-webkit-transition: all 0.99s ease-out
  154. ;-moz-transition: all 0.3s ease-out;all 0.3s ease-out;-moz-transition:All 1s ease;-o-transition:All 1s ease; margin-top:70px; margin-left:190px; background:#fff;z-index:9;border-right:px solid {color:cor do heart};}
  155.  
  156. .sidebarbieimg img{position:fixed; margin:12px -20px 10px 15px;height:190px;width:155px;border-right:2px dotted #e22893;border-left:2px dotted #e22893;border-top:2px solid #e22893;border-bottom:2px solid #e22893;-webkit-filter: grayscale(0%) blur(0px); margin-top:2px;margin-left:2px ; }
  157.  
  158. #letra{position:fixed;width:120px;margin-left:15px;margin-top:80px;font-family:century gothic;text-transform:uppercase;color:#000;font-size:11px;letter-spacing:2px;text-align:center;-webkit-transition: 0.4s ease-in;-moz-transition: 0.4s ease-in; transition: 0.4s ease-in;opacity:0;}
  159.  
  160. .sidebarbie:hover #letra{opacity:10;margin-left:25px;margin-top:200px;-webkit-transform:rotateX(360deg)}
  161.  
  162. .sidebarbie:hover .sidebarbieimg {opacity:1; z-index:9999;
  163. -webkit-transition: all 0.99s ease-out
  164. ;-moz-transition: all 0.3s ease-out;
  165. all 0.3s ease-out;-moz-transition:All 1s ease;
  166. -o-transition:All 1s ease;
  167. -webkit-filter: grayscale(100%) blur(0px);
  168. -webkit-transition:All 1s ease;}
  169.  
  170. /***************** Side e imagem ****************/
  171.  
  172.  
  173. /***************** descrição ****************/
  174.  
  175. .barbiedesc {background-color:#fff;color:#000 ;text-align:center;
  176. position:fixed; width:130px; margin-left:25px;height:12px;margin-top:
  177. 199px;font-family:corbel;font-size:10px;opacity:10;}
  178.  
  179. .sidebarbie:hover .barbiedesc {opacity:15;-webkit-transition: all 0.8s ease-out-moz-transition: all 0.4s ease-out;opacity:0;;}
  180.  
  181.  
  182. /***************** descrição ****************/
  183.  
  184. /***************** Menu ****************/
  185. .links{position:fixed; width:94px; height:60px;border:1px dotted #fff;
  186. margin-left:50px; margin-top:100px; text-align:left;opacity:0;-moz-transition: all .8s ease-out; -webkit-transition: all .8s ease-out; -moz-transition: all .8s ease-out;border-left:1px solid #aaa;background: rgba(255,255,255,.4);border-bottom:0px solid #fff;border-radius:3px;line-height:-35px;box-shadow:0px 0px 0px ;padding-top:5px;outline-offset: -4px;outline: 1px dashed #eee;}
  187.  
  188. .links a {border:0px dashed #fff;;outline-offset: -2px;display:block;width:75px;margin-left:4px;margin-bottom:1px;text-align:center;background: rgba(255,255,255,.2);border-left:5px solid transparent;border-right:5px solid transparent;text-shadow: 0em 0.1em 0em #fff;color:{color:cor do menu};
  189. }
  190.  
  191. .links a:hover{-webkit-transition: all 0.9s ease-out;color:{color:menu a hover};text-shadow:0em 0.1em 0.1em #fff;background-color:{color:cor dos detalhes};opacity:10}
  192.  
  193.  
  194. .sidebarbie:hover .links{opacity:10;-webkit-transition: all 0.4s ease-out;margin-top:79px;margin-left:35px;z-index:99999999;-webkit-transform:rotate(360deg);}
  195.  
  196.  
  197.  
  198. /***************** Menu ****************/
  199.  
  200.  
  201.  
  202. .simbarbie { margin-left:155px; margin-top:196px; height:10px; position:fixed; opacity:10;font-size:13px;color:#ccc;font-family:corbel;-webkit-transform:rotate(1deg); }
  203. .sidebarbie:hover .simbarbie {text-shadow: 0.6em 0em 0em #dccbe7; opacity:10 ;color:{color:cor dos detalhes};transition:1.1s;-webkit-transform:rotate(1deg); ; margin-left:3px;}
  204.  
  205.  
  206. /***************** credito ****************/
  207.  
  208.  
  209. .cred {font-size:11px;font-family:cambria;
  210. width:auto;height:10px; text-align:center;
  211. line-height:16px;margin-top:530px;
  212. position:fixed;left:1150px;line-height:15%;}
  213. .cred a {color:#000;text-indent:5px;
  214. padding:2px;border-bottom:1px dashed #ccc;
  215. width:60px;BACKGROUND:#fff;height:1px;}
  216.  
  217.  
  218.  
  219. /***************** credito ****************/
  220.  
  221.  
  222.  
  223.  
  224. /* Ask por Warvada. Não use sem permissão. */
  225. .pergunta{margin-top:0px; width:244px; height:auto; padding:2px; font-family:'Calibri'; font-size:9px; text-transform:uppercase; text-align:left; outline-offset:-2px;
  226. background:#eee;
  227. outline:1px dashed #fff;}
  228. .pergunta a{color:PINK; text-shadow:1px 1px 0 #fff; font-weight:bold;}
  229.  
  230. .ask-meio{display:block; width:244px; height:10px; padding:1px; text-align:center; height:12px; line-height:12px; font-family:'Calibri'; font-size:7px; text-transform:uppercase;}
  231. .ask-meio .simb{display:inline-block; transform:rotate(-1deg); color:PINK;}
  232.  
  233. .resposta{margin-top:-2px; width:244px; height:auto; padding:2px; font-family:'Calibri'; font-size:9px; text-transform:uppercase; text-align:center; background:#eee; outline-offset:-2px; outline:1px dashed #fff;}
  234. /* Ask por Warvada. Não use sem permissão. */
  235.  
  236.  
  237. /*Barrinha por Warvada*/
  238. .wr7{position:fixed; top:0px; left:400px; width:9px; height:700px;}
  239. .wr7a{position:fixed; margin-top:0px; margin-left:0px; width:4px; height:700px; background:#ffdae0; /*barrinha rosa*/
  240. border-right:2px dotted #fff;} /*pontilhados branco*/
  241. .wr7b{position:fixed; margin-top:0px; margin-left:6px; width:4px; height:700px; background:#eee;} /*barrinha cinza*/
  242. /*Barrinha por Warvada*/
  243. </style>
  244.  
  245.  
  246.  
  247.  
  248. <body onkeydown="return false">
  249.  
  250. <div class="wr7">
  251. <div class="wr7a"></div>
  252. <div class="wr7b"></div>
  253. </div>
  254. <div class="sidebarbie">
  255. <div class="sidebarbieimg"><img src="{image:sidebar}"></div>
  256. <div class="barbiedesc">{description}</div>
  257.  
  258. <div class="links">
  259.  
  260. <a href="{text:Link1}">{text:Link1 Title}</a>
  261. <a href="{text:Link2}">{text:Link2 Title}</a>
  262. <a href="{text:Link3}">{text:Link3 Title}</a>
  263. <a href="{text:Link4}">{text:Link4 Title}</a>
  264. </div>
  265.  
  266.  
  267.  
  268. <div class="faixa1"></div>
  269. <div id="letra">B a b y d o l l</div>
  270.  
  271. <div class="simbarbie" > <big> ✿</big></div>
  272.  
  273.  
  274. <div class="cred">
  275. <a href="http://cafajestiada.tumblr.com/"> <font color={color:cor dos detalhes}> ✿ </font> </a>
  276. </div></div>
  277.  
  278.  
  279.  
  280. <div id="posts">
  281. {block:Posts}
  282. <div class="entry">
  283.  
  284. {block:Text}
  285. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  286. {Body}</span></a>
  287. {block:IndexPage}<br>
  288. <div class="notes">
  289. <a href="{ReblogURL}" target="_blank">Rebloga</a><font color={color:cor dos detalhes}> + </font>
  290.  
  291. <a href="{permalink}">{NoteCount} notes <font color={color:cor do heart}> ♡</font></a>
  292. </div>{/block:IndexPage}
  293. {/block:Text}
  294.  
  295. {block:Link}
  296. <a href="{URL}" class="title">{Name}</a>
  297. {block:Description}{Description}{/block:Description}
  298. {block:IndexPage}<br>
  299. <div class="notes">
  300. <a href="{ReblogURL}" target="_blank">Rebloga</a><font color={color:cor dos detalhes}> + </font>
  301.  
  302. <a href="{permalink}">{NoteCount} notes <font color={color:cor do heart}> ♡</font></a>
  303. </div>
  304. {/block:IndexPage}
  305. {block:Link}
  306.  
  307.  
  308.  
  309. {block:Quote}
  310. <div class="quote">{quote}</div>
  311. <center>{block:Source}<div class="source"> {Source}</div>
  312. {/block:Source} </center>
  313. {block:IndexPage}<br>
  314. <div class="notes">
  315. <a href="{ReblogURL}" target="_blank">Rebloga</a><font color={color:cor dos detalhes}> + </font>
  316.  
  317. <a href="{permalink}">{NoteCount} notes <font color={color:cor do heart}> ♡</font></a>
  318. </div>{/block:IndexPage}
  319. {/block:Quote}
  320.  
  321. {block:Chat}
  322. {block:Title}<span class="title">{Title}</span>{/block:Title}
  323. <ul class="chat">
  324. {block:Lines}
  325. <li class="user_{UserNumber}">
  326. {block:Label}
  327. <span class="label">{Label}</span>
  328. {/block:Label}
  329.  
  330. {Line}<br>
  331. {/block:Lines}
  332. {block:IndexPage}<br>
  333. <div class="notes">
  334. <a href="{ReblogURL}" target="_blank">Rebloga</a><font color={color:cor dos detalhes}> + </font>
  335.  
  336. <a href="{permalink}">{NoteCount} notes <font color={color:cor do heart}> ♡</font></a>
  337. </div>{/block:IndexPage}
  338. {/block:Chat}
  339.  
  340. {block:Audio}
  341. {AudioPlayer}
  342. {block:indexpage}
  343. <div class="notes">
  344. <a href="{ReblogURL}" target="_blank">Rebloga</a><font color={color:cor dos detalhes}> + </font>
  345. <div class="like">
  346. <a href="{permalink}">{NoteCount} notes <font color={color:cor do heart}> ♡</font></a>
  347. </div></div>
  348. {/block:indexpage}
  349. {/block:Audio}
  350.  
  351. {block:Video}
  352. <center>{block:IndexPage}
  353. <div class="notes">
  354. <a href="{ReblogURL}" target="_blank">Rebloga</a><font color={color:cor dos detalhes}> + </font>
  355.  
  356. <a href="{permalink}">{NoteCount} notes <font color={color:cor do heart}> ♡</font></a>
  357. </div>
  358. <div style="width:200px; overflow-x:hidden; overflow-y:hidden">{Video-250}</div>{/block:IndexPage}</center>
  359. <center>{block:PermalinkPage}<div style="width: 450px; overflow-x:hidden; overflow-y:hidden">{Video-500}{/block:PermalinkPage}</center>
  360. {block:Video}
  361.  
  362. {block:Photo}
  363. {LinkOpenTag}
  364. <div class="imaagem"><img src="{PhotoURL-250}"></div>
  365. {block:indexpage}
  366. <div class="notes">
  367. <a href="{ReblogURL}" target="_blank">Rebloga</a><font color={color:cor dos detalhes}> + </font>
  368.  
  369. <a href="{permalink}">{NoteCount} notes <font color={color:cor do heart}> ♡</font></a>
  370. </div>
  371. {/block:indexpage}
  372. {/block:Photo}
  373.  
  374.  
  375.  
  376. {block:Photoset}
  377.  
  378. {block:IndexPage}
  379.  
  380. {/block:IndexPage}
  381.  
  382. {block:IndexPage}
  383. <center>{Photoset-250}</center>
  384. {/block:IndexPage}
  385. {block:PermalinkPage}
  386. {Photoset-500}{/block:PermalinkPage}
  387. {block:IndexPage}
  388. {block:IfShowCaptions}
  389. {block:Caption}{Caption}
  390. {/block:Caption}
  391. {/block:IfShowCaptions}
  392. {/block:IndexPage}
  393. <div class="notes">
  394. <a href="{ReblogURL}" target="_blank">Rebloga</a><font color={color:cor dos detalhes}> + </font>
  395.  
  396. <a href="{permalink}">{NoteCount} notes <font color={color:cor do heart}> ♡</font></a>
  397. </div>
  398. {/block:Photoset}
  399.  
  400.  
  401. {block:Answer}
  402. <div class="pergunta"><font style="color:PINK; text-shadow:1px 1px 0 #fff; font-weight:bold;">{Asker} disse:</font> {Question}</div>
  403.  
  404. <div class="ask-meio"><div class="simb"><font color="PINK">✿</font></div> <div class="simb"><font color="#DDD">✿</font></div> <div class="simb"><font color="PINK">✿</font></div> <div class="simb"><font color="#DDD">✿</font></div> <div class="simb"><font color="PINK">✿</font></div> <div class="simb"><font color="#DDD">✿</font></div> <div class="simb"><font color="PINK">✿</font></div> <div class="simb"><font color="#DDD">✿</font></div> <div class="simb"><font color="PINK">✿</font></div> <div class="simb"><font color="#DDD">✿</font></div> <div class="simb"><font color="PINK">✿</font></div> <div class="simb"><font color="#DDD">✿</font></div> <div class="simb"><font color="PINK">✿</font></div> <div class="simb"><font color="#DDD">✿</font></div>
  405. </div>
  406.  
  407. <div class="resposta">{Answer}</div>
  408. {/block:Answer}
  409.  
  410. <div class="vsanna">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}">source</a>
  411. {/block:ContentSource}</div>{/block:PostNotes}</div>{/block:Posts}</div></div>
  412.  
  413.  
  414.  
  415. </body>
  416.  
  417. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  418. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  419. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  420. <script type="text/javascript">
  421. $(window).load(function () {
  422. $('#posts').masonry(),
  423. $('.masonryWrap').infinitescroll({
  424. navSelector : "div#navigation",
  425. nextSelector : "div#navigation a#nextPage",
  426. itemSelector : ".entry",
  427. bufferPx : 10000,
  428. extraScrollPx: 11000,
  429. loadingImg : "http://loadinggif.com/images/image-selection/13.gif",
  430. loadingText : "<i> </i>",
  431. },
  432. // call masonry as a callback.
  433. function() { $('#posts').masonry({ appendedContent: $(this) }); }
  434. );
  435. });
  436. </script>
  437.  
  438.  
  439.  
  440.  
  441. {block:IndexPage}
  442. <div class="column navigation" id="navigation">
  443.  
  444. {block:Pagination}
  445. {block:PreviousPage}
  446. <a href="{PreviousPage}" class="navigate">
  447. {/block:PreviousPage}
  448. {block:PreviousPage}</a>{/block:PreviousPage}
  449.  
  450. {block:NextPage}
  451. <a href="{NextPage}" class="navigate" id="nextPage">
  452. {/block:NextPage}
  453. {block:NextPage}</a>{/block:NextPage}
  454. {/block:Pagination}
  455.  
  456. </div>
  457. {/block:IndexPage}
  458.  
  459.  
  460. </html>
Advertisement
Add Comment
Please, Sign In to add comment