API tools faq
paste
Advertisement
natashabartz

theme8masc

natashabartz
Apr 24th, 2015
223
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.09 KB | None | 0 0
raw download clone embed print report
  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://36.media.tumblr.com/ee12da859da68a39e9c79def530f4e81/tumblr_nm58jnVolZ1uphst0o4_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.  
  153. .sidebarbie{position:fixed; margin-top:70px; margin-left:190px; width:171px; height:185px;background:#fff;z-index:9;}
  154. .sidebarbie:hover {position:fixed; margin-top:70px;margin-left:190px; width:163px; height:185px;z-index:9;}
  155.  
  156. .sidebarbieimg img{position:fixed;height:190px;width:155px;-webkit-filter: grayscale(0%) blur(0px); margin-top:5px;margin-left:5px;}
  157.  
  158. .sidebarbie:hover .sidebarbieimg {opacity:1; z-index:9999;
  159. -webkit-transition: all 0.99s ease-out
  160. ;-moz-transition: all 0.3s ease-out;
  161. all 0.3s ease-out;-moz-transition:All 1s ease;
  162. -o-transition:All 1s ease;
  163. -webkit-filter: grayscale(100%) blur(0px);
  164. -webkit-transition:All 1s ease;}
  165.  
  166. /***************** Side e imagem ****************/
  167.  
  168.  
  169. /***************** descrição ****************/
  170.  
  171. .barbiedesc {background-color:transparent;color:#000 ;text-align:center;
  172. position:fixed; width:135px; margin-left:25px;height:12px;margin-top:197px;font-family:calibri;font-size:10px;opacity:10;}
  173.  
  174. .sidebarbie:hover .barbiedesc {opacity:10;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.4s ease-out;background-color:{color:cor dos detalhes};-webkit-transform:rotateX(360deg);}
  175.  
  176.  
  177. /***************** descrição ****************/
  178.  
  179. /***************** Menu ****************/
  180. .links{position:fixed; width:72px; height:70px;border:0px dotted #fff;
  181. margin-left:15px; margin-top:110px; text-align:center;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:;border-right:1px solid #999;border-radius:px;line-height:-35px;box-shadow:0px 0px 0px ;}
  182.  
  183. .links a { margin-left:3.5px; ;margin-bottom:2px;font-family:cambria;color:{color:cor do menu};display:block;border:px dotted;margin-bottom:7px;text-shadow:0em 0.1em 0.1em #000;
  184. font-style:3;font-size:10px; text-align:center;width:75px;outline-offset: 1px; outline: solid 2px rgba;
  185. height:13px;line-height:-12px;border-radius:0px;;
  186. -webkit-transition: all 0.7s ease-in-out;}
  187.  
  188. .links a:hover{ margin-left:05px;color: ;background-color: rgba(255,255,255,.3);outline-offset: 1px; outline: solid 1px ; text-shadow: 0px 0px 1px #fff;}
  189.  
  190. .sidebarbie:hover .links{opacity:10;-webkit-transition: all 0.6s ease-out;margin-top:85px;margin-left:40px;width:85px;z-index:9999999999;opacity:1;height:76px;}
  191.  
  192. .sidebarbie:hover .links a {opacity:10;-webkit-transition: all 0.4s ease-out;-webkit-transform:rotate(360deg);}
  193.  
  194.  
  195. /***************** Menu ****************/
  196.  
  197.  
  198.  
  199. .simbarbie { margin-left:5px; margin-top:196px; height:10px; position:fixed; opacity:10;font-size:13px;color:#ccc;font-family:corbel;-webkit-transform:rotate(1deg); }
  200. .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;}
  201.  
  202.  
  203. /***************** credito ****************/
  204.  
  205.  
  206. .cred {font-size:11px;font-family:cambria;
  207. width:auto;height:10px; text-align:center;
  208. line-height:16px;margin-top:530px;
  209. position:fixed;left:1150px;line-height:15%;}
  210. .cred a {color:#000;text-indent:5px;
  211. padding:2px;border-bottom:1px dashed #ccc;
  212. width:60px;BACKGROUND:#fff;height:1px;}
  213.  
  214.  
  215.  
  216. /***************** credito ****************/
  217.  
  218.  
  219.  
  220.  
  221. /* Barrinha por warvada. Não retire os créditos.*/
  222. .wr14{position:fixed; top:0px; left:400px; width:2px; height:700px; outline-offset:1px;
  223. background:#DDD; /*risquinha do meio cinza*/
  224. outline:1px dotted #DDD; /*borda pontilhada*/ }
  225. /* Barrinha por warvada. Não retire os créditos.*/
  226.  
  227. /* Ask por Warvada. Não retire os créditos. */
  228. .pergunta{margin-top:0px; width:244px; height:auto; padding:2px; font-family:'Corbel'; font-size:10px; text-align:left; text-transform:lowercase; border-radius:6px; line-height:13px;
  229. background:#eee; /*fundo da pergunta*/
  230. color:#000; /*cor da pergunta*/
  231. border-bottom:1px dashed #fff; /*cor da boda da pergunta*/}
  232. .pergunta a{font-weight:bold;
  233. color:#000; /*cor da url de quem fez a pergunta*/}
  234.  
  235. .ask-heart{display:inline-block; font-size:11px; font-family:corbel; transform:rotate(1deg);
  236. color:#fff; /*cor do coração*/
  237. }
  238.  
  239. .resposta{margin-top:-2px; width:244px; height:auto; padding:2px; font-family:'Corbel'; font-size:10px;
  240. border-bottom:1px dashed #eee; /*cor da borda da resposta*/}
  241. /* Ask por Warvada. Não retire os créditos. */
  242. </style>
  243.  
  244.  
  245.  
  246.  
  247. <body onkeydown="return false">
  248. <div class="wr14"></div>
  249. <div class="sidebarbie">
  250. <div class="sidebarbieimg"><img src="{image:sidebar}"></div>
  251. <div class="barbiedesc">{description}</div>
  252.  
  253. <div class="links">
  254.  
  255. <a href="{text:Link1}">{text:Link1 Title}</a>
  256. <a href="{text:Link2}">{text:Link2 Title}</a>
  257. <a href="{text:Link3}">{text:Link3 Title}</a>
  258. <a href="{text:Link4}">{text:Link4 Title}</a>
  259. </div>
  260.  
  261.  
  262.  
  263. <div class="faixa1"></div>
  264.  
  265. <div class="simbarbie" > <big> ♂</big></div>
  266.  
  267.  
  268. <div class="cred">
  269. <a href="http://cafajestiada.tumblr.com/"> <font color={color:cor dos detalhes}> ✖ </font> </a>
  270. </div></div>
  271.  
  272.  
  273.  
  274. <div id="posts">
  275. {block:Posts}
  276. <div class="entry">
  277.  
  278. {block:Text}
  279. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  280. {Body}</span></a>
  281. {block:IndexPage}<br>
  282. <div class="notes">
  283. <a href="{ReblogURL}" target="_blank">Rebloga</a><font color={color:cor dos detalhes}> + </font>
  284.  
  285. <a href="{permalink}">{NoteCount} notes <font color={color:cor do heart}> ♡</font></a>
  286. </div>{/block:IndexPage}
  287. {/block:Text}
  288.  
  289. {block:Link}
  290. <a href="{URL}" class="title">{Name}</a>
  291. {block:Description}{Description}{/block:Description}
  292. {block:IndexPage}<br>
  293. <div class="notes">
  294. <a href="{ReblogURL}" target="_blank">Rebloga</a><font color={color:cor dos detalhes}> + </font>
  295.  
  296. <a href="{permalink}">{NoteCount} notes <font color={color:cor do heart}> ♡</font></a>
  297. </div>
  298. {/block:IndexPage}
  299. {block:Link}
  300.  
  301.  
  302.  
  303. {block:Quote}
  304. <div class="quote">{quote}</div>
  305. <center>{block:Source}<div class="source"> {Source}</div>
  306. {/block:Source} </center>
  307. {block:IndexPage}<br>
  308. <div class="notes">
  309. <a href="{ReblogURL}" target="_blank">Rebloga</a><font color={color:cor dos detalhes}> + </font>
  310.  
  311. <a href="{permalink}">{NoteCount} notes <font color={color:cor do heart}> ♡</font></a>
  312. </div>{/block:IndexPage}
  313. {/block:Quote}
  314.  
  315. {block:Chat}
  316. {block:Title}<span class="title">{Title}</span>{/block:Title}
  317. <ul class="chat">
  318. {block:Lines}
  319. <li class="user_{UserNumber}">
  320. {block:Label}
  321. <span class="label">{Label}</span>
  322. {/block:Label}
  323.  
  324. {Line}<br>
  325. {/block:Lines}
  326. {block:IndexPage}<br>
  327. <div class="notes">
  328. <a href="{ReblogURL}" target="_blank">Rebloga</a><font color={color:cor dos detalhes}> + </font>
  329.  
  330. <a href="{permalink}">{NoteCount} notes <font color={color:cor do heart}> ♡</font></a>
  331. </div>{/block:IndexPage}
  332. {/block:Chat}
  333.  
  334. {block:Audio}
  335. {AudioPlayer}
  336. {block:indexpage}
  337. <div class="notes">
  338. <a href="{ReblogURL}" target="_blank">Rebloga</a><font color={color:cor dos detalhes}> + </font>
  339. <div class="like">
  340. <a href="{permalink}">{NoteCount} notes <font color={color:cor do heart}> ♡</font></a>
  341. </div></div>
  342. {/block:indexpage}
  343. {/block:Audio}
  344.  
  345. {block:Video}
  346. <center>{block:IndexPage}
  347. <div class="notes">
  348. <a href="{ReblogURL}" target="_blank">Rebloga</a><font color={color:cor dos detalhes}> + </font>
  349.  
  350. <a href="{permalink}">{NoteCount} notes <font color={color:cor do heart}> ♡</font></a>
  351. </div>
  352. <div style="width:200px; overflow-x:hidden; overflow-y:hidden">{Video-250}</div>{/block:IndexPage}</center>
  353. <center>{block:PermalinkPage}<div style="width: 450px; overflow-x:hidden; overflow-y:hidden">{Video-500}{/block:PermalinkPage}</center>
  354. {block:Video}
  355.  
  356. {block:Photo}
  357. {LinkOpenTag}
  358. <div class="imaagem"><img src="{PhotoURL-250}"></div>
  359. {block:indexpage}
  360. <div class="notes">
  361. <a href="{ReblogURL}" target="_blank">Rebloga</a><font color={color:cor dos detalhes}> + </font>
  362.  
  363. <a href="{permalink}">{NoteCount} notes <font color={color:cor do heart}> ♡</font></a>
  364. </div>
  365. {/block:indexpage}
  366. {/block:Photo}
  367.  
  368.  
  369.  
  370. {block:Photoset}
  371.  
  372. {block:IndexPage}
  373.  
  374. {/block:IndexPage}
  375.  
  376. {block:IndexPage}
  377. <center>{Photoset-250}</center>
  378. {/block:IndexPage}
  379. {block:PermalinkPage}
  380. {Photoset-500}{/block:PermalinkPage}
  381. {block:IndexPage}
  382. {block:IfShowCaptions}
  383. {block:Caption}{Caption}
  384. {/block:Caption}
  385. {/block:IfShowCaptions}
  386. {/block:IndexPage}
  387. <div class="notes">
  388. <a href="{ReblogURL}" target="_blank">Rebloga</a><font color={color:cor dos detalhes}> + </font>
  389.  
  390. <a href="{permalink}">{NoteCount} notes <font color={color:cor do heart}> ♡</font></a>
  391. </div>
  392. {/block:Photoset}
  393.  
  394.  
  395. {block:Answer}
  396. <div class="pergunta">
  397. <div class="ask-heart">✖</div>
  398. {Asker}: {Question}</div>
  399.  
  400. <div class="resposta">{Answer}</div>
  401. {/block:Answer}
  402.  
  403. <div class="vsanna">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}">source</a>
  404. {/block:ContentSource}</div>{/block:PostNotes}</div>{/block:Posts}</div></div>
  405.  
  406.  
  407.  
  408. </body>
  409.  
  410. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  411. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  412. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  413. <script type="text/javascript">
  414. $(window).load(function () {
  415. $('#posts').masonry(),
  416. $('.masonryWrap').infinitescroll({
  417. navSelector : "div#navigation",
  418. nextSelector : "div#navigation a#nextPage",
  419. itemSelector : ".entry",
  420. bufferPx : 10000,
  421. extraScrollPx: 11000,
  422. loadingImg : "http://loadinggif.com/images/image-selection/13.gif",
  423. loadingText : "<i> </i>",
  424. },
  425. // call masonry as a callback.
  426. function() { $('#posts').masonry({ appendedContent: $(this) }); }
  427. );
  428. });
  429. </script>
  430.  
  431.  
  432.  
  433.  
  434. {block:IndexPage}
  435. <div class="column navigation" id="navigation">
  436.  
  437. {block:Pagination}
  438. {block:PreviousPage}
  439. <a href="{PreviousPage}" class="navigate">
  440. {/block:PreviousPage}
  441. {block:PreviousPage}</a>{/block:PreviousPage}
  442.  
  443. {block:NextPage}
  444. <a href="{NextPage}" class="navigate" id="nextPage">
  445. {/block:NextPage}
  446. {block:NextPage}</a>{/block:NextPage}
  447. {/block:Pagination}
  448.  
  449. </div>
  450. {/block:IndexPage}
  451.  
  452.  
  453. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!