API tools faq
paste
wafiosadesigns

Vitrine Waf - Incompleta

wafiosadesigns
Aug 5th, 2017
129
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. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css">
  3. <!-- START OF SCRIPT TOOLTIP AND RETURN FALSE -->
  4. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  5. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  6. <script>
  7. (function($){
  8. $(document).ready(function(){
  9. $("[title]").style_my_tooltips({
  10. tip_follows_cursor:true,
  11. tip_delay_time:20,
  12. tip_fade_speed:400,
  13. attribute:"title"
  14. });
  15. });
  16. })(jQuery);
  17. </script>
  18.  
  19.  
  20.  
  21.  
  22. <!--
  23.  
  24.  
  25. ♡ ❤ ♡
  26. ••••••••••
  27. ❥| MR. WAFIOSA DESIGN'S ORIGINALLY 2016 ❥|
  28. ❥| NÃO AUTORIZO O USO DE DETALHES NENHUM. ❥|
  29. ❥| NÃO RETIRE MEUS CRÉDITOS, NÃO SE INSPIRE. ❥|
  30.  
  31.  
  32.  
  33. -->
  34.  
  35.  
  36. <!-- FAVICON AND TITLE -->
  37. <link rel="shortcut icon" href="http://static.tumblr.com/u89hi8f/Vmootppvy/waficon.png">
  38. <script type="text/javascript"> function tb8_makeArray(n){ this.length = n; return this.length; } tb8_messages = new tb8_makeArray(3); tb8_messages[0] = "{title}"; tb8_messages[1] = "{title}"; tb8_messages[2] = "{title}"; tb8_rptType = 'infinite'; tb8_rptNbr = 5; tb8_speed = 100; tb8_delay = 2000; var tb8_counter=1; var tb8_currMsg=0; var tb8_tekst =""; var tb8_i=0; var tb8_TID = null; function tb8_pisi(){ tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1); document.title = tb8_tekst; tb8_sp=tb8_speed; tb8_i++; if (tb8_i==tb8_messages[tb8_currMsg].length){ tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay; } if (tb8_currMsg == tb8_messages.length){ if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){ clearTimeout(tb8_TID); return; } tb8_counter++; tb8_currMsg = 0; } tb8_TID = setTimeout("tb8_pisi()", tb8_sp); } tb8_pisi() </script>
  39. <!-- FAVICON AND TITLE -->
  40.  
  41. <!-- APPEARANCE -->
  42. <meta name="image:background bg" content=" " />
  43. <meta name="color:posts color" content="#ffffff"/>
  44. <meta name="color:texto" content="#000000"/>
  45. <meta name="color:link" content="#908bca"/>
  46. <meta name="color:negrito" content="#908bca"/>
  47. <meta name="color:detalhes da vitrine" content="#908bca"/>
  48. <meta name="color:detalhes one" content="#ffffff"/>
  49. <meta name="color:detalhes two" content="#222222"/>
  50. <meta name="color:caixa themes" content="#ffffff"/>
  51. <!-- APPEARANCE -->
  52.  
  53.  
  54. </head>
  55. <style>
  56.  
  57. body{background-image:url('{image:background bg}'); background-attachment:fixed;}
  58.  
  59. a, a:link, a:active, a:visited {color:{color:link}; text-decoration:none}
  60.  
  61. a:hover{color:#a8bec3;}
  62. b {color:{color:negrito};}
  63.  
  64. titulo{text-decoration:none;}
  65.  
  66. blockquote {margin:0px;}
  67.  
  68. pre, code {background:#98b5bc; color:{color:texto}; font-size:12px; text-align: justify; padding: 10px; overflow:auto;}
  69.  
  70. pre::-webkit-scrollbar {width:4px; height: 7px; background:{color:negrito};}
  71. pre::-webkit-scrollbar-button:horizontal {width: 0px; display: block;}
  72. pre::-webkit-scrollbar-thumb:horizontal {background:#a8bec3; box-shadow:inset -1px -1px 1px rgba(255,255,255,.2), inset 1px 1px 1px rgba(0,0,0,.2);}
  73.  
  74. /* SELEÇÃO DO TEXTO */
  75. ::selection{background:{color:negrito}; color:{color:texto};}
  76. ::-moz-selection{background:{color:negrito}; color:{color:texto};}
  77. ::-webkit-selection{background:{color:negrito}; color:{color:texto};}
  78.  
  79. /* BARRA DE ROLAGEM */
  80. ::-webkit-scrollbar {width:2px; height:5px;}
  81. ::-webkit-scrollbar-track-piece {background-color:#ddd;}
  82. ::-webkit-scrollbar-thumb:vertical {height:5px; background-color:{color:negrito};}
  83. ::-webkit-scrollbar-thumb:horizontal {width:3px; background-color:{color:negrito};}
  84.  
  85. /* CAIXA DOS POSTS */
  86. #wafcaixa{position:absolute; margin-top:80px; margin-left:150px; width:800px; color:{color:texto}; letter-spacing:1px; font-size:13px; font-family:'Rationale';}
  87.  
  88. /* PERSONALIZAÇÃO DOS POSTS */
  89. .posts{ width:300px; margin-top:10px; text-align: justify; margin-bottom:30px; position: relative; background: {color:posts color}; padding:10px; margin-left:10px; box-shadow:1px 1px 2px rgba(0,0,0,.1); margin:25px;}
  90. .posts {{block:PermalinkPage}width:300px; height:auto;{/block:PermalinkPage} }
  91.  
  92. /* IMAGEM DOS POSTS */
  93. .posts img{max-width:300px; height:auto; outline-offset:-8px; outline:8px solid rgba(225, 225, 225, .4);}
  94. .posts img{{block:PermalinkPage}max-width:300px;{/block:PermalinkPage} }
  95.  
  96. .imgpost img{width:300px; height:auto;}
  97. .imgpost img{{block:PermalinkPage}width:300px;{/block:PermalinkPage} }
  98.  
  99. .vsanna{display:none;}
  100.  
  101.  
  102. /* TOOLTIP */
  103. .tooltip {display: inline; position: relative;}
  104. #s-m-t-tooltip {-webkit-animation: CH 600ms; max-width:auto; margin:20px 20px 20px 8px; background:{color:detalhes da vitrine}; font-family:'Rationale', sans-serif; text-align:left; text-transform:uppercase; color:{color:texto}; font-size:12px; padding:7px; border-top:5px solid #a8bec3; box-shadow:inset -1px -1px 1px rgba(255,255,255,.2), inset 1px 1px 1px rgba(0,0,0,.2); z-index:999999999999999999;}
  105.  
  106. /* CURSOR PERSONALIZADO */
  107. html {cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;}
  108. a, a:hover{cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;}
  109.  
  110. #tumblr_controls{position: fixed!important; z-index:15;}
  111. iframe#tumblr_controls {right:3px !important; position: fixed !important; -webkit-transition: opacity 0.5s linear; opacity: 0.6; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out;}
  112. iframe#tumblr_controls:hover{ -webkit-transition: opacity 0.7s linear; opacity: 1; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
  113.  
  114. /* ESTILO DE NOTES DOS TEXTOS POR MR. WAFIOSA - NÃO COPIE BITCH */
  115. .mr-notes{margin-left:-10px; margin-top:3px; font-family:'Rationale'; text-align:left; color:#000; text-shadow: 0px 1px 0.5px rgba(116, 116, 116, 0.2); text-transform: uppercase; border-top:2px solid #f9f9f9; font-size:13px; width:300px; height:5px; line-height:9px; font-weight:normal; padding:7px 15px 10px 5px; background:#252525; box-shadow:inset 2px 2px 2px rgba(255, 255, 255, .1), inset -1px -1px 2px rgba(0, 0, 0, .1); -webkit-transition:2s;
  116. position:absolute;
  117. }
  118.  
  119. .mr-reblogs{right:5px; margin-top:-17px; font-family:'Rationale'; text-align:right; text-transform: uppercase; font-size:13px; width:108%; height:5px; line-height:25px; font-weight:normal; padding-bottom:2px; -webkit-transition:2s;position:absolute;}
  120.  
  121. .mr-notes a{color:#000; text-shadow: 0px 1px 0.5px rgba(116, 116, 116, 0.2);}
  122. .mr-like a{color:#000; text-shadow: 0px 1px 0.5px rgba(116, 116, 116, 0.2);}
  123. .mr-reblogs a{color:#000; text-shadow: 0px 1px 0.5px rgba(116, 116, 116, 0.2);}
  124.  
  125. .mr-like{right:30px; margin-top:-10px; font-family:'Rationale'; text-align:right; text-transform: uppercase; font-size:13px; width:relative; height:5px; line-height:0px; font-weight:normal; padding-bottom:2px; -webkit-transition:2s;z-index:9999; position:absolute;}
  126.  
  127. .custom-like-button *{cursor:pointer!important;}
  128. .custom-like-button {position:relative; display:inline-block; vertical-align:top; width:10px; margin-top:.2px; height:10px; cursor:pointer; font-size:12px; color:#000; float:right; margin-left:10px;}
  129.  
  130. .like_button:hover + .our_button {color:;}
  131. .like_button.liked + .our_button {color:#908bca;}
  132. .like_button iframe {width:100%!important;height:100%!important;}
  133. .like_button {z-index:10;opacity:0;}
  134. .our_button {z-index:1;}
  135. .our_button,.like_button {position:absolute;top:0;left:0;width:100%;height:100%;}
  136.  
  137. /* ESTILO DE NOTES DOS TEXTOS POR MR. WAFIOSA - NÃO COPIE BITCH */
  138.  
  139. /* ESTILO DE ASK POR MR. WAFIOSA - NÃO COPIE BITCH, GOSTOU? PEDE NO CHAT OU ASK, SIMPLES. */
  140. .waf-icon {height:31px; width:31px; float:left; padding:3px; text-align:center; margin-top:-2px; background:#ddd;}
  141. .waf-perguntou{position:absolute; width:auto; margin-top:0px; margin-left:43px; height:7px; line-height:9px; font-family:'Rationale'; font-size:12px; padding:4px; text-align:center; background:{color:detalhes da vitrine}; color:#7c76bf; text-shadow: 0px 1px 1px rgba(225, 225, 225, 0.2); text-transform:uppercase; border-radius:5px 5px 0px 0px; box-shadow:inset 1px 1px 1px rgba(0,0,0,.3), inset -1px 0px 0px rgba(255,255,255,.1);}
  142. .waf-perguntou a{color:#7c76bf; text-shadow: 0px 1px 1px rgba(225, 225, 225, 0.2);}
  143. .waf-pergunta{margin-top:15px; margin-left:0px; height:auto; line-height:13px; width:auto; padding:5px; color:{color:texto}; text-align:right; border-radius:2px; background:{color:detalhes da vitrine}; text-transform:uppercase; font-size:12px;}
  144. .waf-resposta{display:block; margin-top:0px; height:auto; width:auto; color:{color:texto}; text-align:left; padding:4px; text-transform:uppercase; font-size:12px;}
  145. /* ESTILO DE ASK POR MR. WAFIOSA - NÃO COPIE BITCH, GOSTOU? PEDE NO CHAT OU ASK, SIMPLES. */
  146.  
  147.  
  148. /* QUOTES */
  149. .mr-quotes {font-family:'Rationale'; font-size:11px; text-align:center; line-height:15px; margin-top:5px; color:{color:text};}
  150. .mr-quotes::first-letter {font-family:'Rochester', cursive; color:{color:negrito}; font-size:35px;}
  151. .source {margin-top:5px; border-top:1px solid {color:negrito}; font-family:'Rationale'; font-size:9px; text-align:right; text-transform:uppercase; line-height:19px; color:{color:texto};}
  152.  
  153. /* CHAT */
  154. .chat {margin:0px; text-align:left;}
  155. .chat .lines {color: {color:texto}; background:{color:background color}; padding:4px; margin-bottom:2px;}
  156. .chat .lines span {text-transform:uppercase; color:{color:negrito};}
  157. #laudio-caption {margin-top:10px;}
  158. #laudio-caption p {padding:5px; margin-bottom:1px; background:{color:background color};}
  159. #lalbum-art {display:inline-block; float:left;}
  160. #laudio-player {display:inline-block;}
  161.  
  162.  
  163. /* PERMALINK POR THINGS TO HELP YOU */
  164. #perma{margin-left:0px; margin-top:10px; margin-bottom:2px;}
  165. #permalink{margin-bottom: 1px; width:293px; padding:3px; background: {color:posts color}; border-left:3px solid {color:negrito}; text-transform:uppercase; font-size:10px;text-align:left;}
  166. #permalink a{text-transform:uppercase;}
  167.  
  168. ul.notes, ol.notes{list-style:none; margin:0px; padding:0px;}
  169. ol.notes li.note img.avatar {vertical-align:-4px; margin-right:5px; width:16px; height:16px; border-radius:100%;}
  170.  
  171.  
  172. </style>
  173.  
  174. <!--- FONTES PERSONALIZADAS GOOGLE --->
  175. <link href="https://fonts.googleapis.com/css?family=Great+Vibes|Oswald|Rationale|Rochester|Share+Tech+Mono" rel="stylesheet">
  176.  
  177. <link href="https://fonts.googleapis.com/css?family=Tulpen+One" rel="stylesheet">
  178. <!--- FONTES PERSONALIZADAS GOOGLE --->
  179.  
  180.  
  181. <body>
  182.  
  183.  
  184.  
  185. <div style="position:fixed; margin-top:-10px; margin-left:-10px; width:150%; height:40px; background:{color:detalhes da vitrine}; z-index:999999999;"></div>
  186.  
  187.  
  188.  
  189.  
  190.  
  191.  
  192.  
  193.  
  194.  
  195.  
  196.  
  197. <!-- FIM DAS SIDES E INÍCIO DOS POSTS -->
  198. <div id="wafcaixa">
  199.  
  200. {block:Posts}
  201. <div class="posts">
  202.  
  203.  
  204. {block:Text}
  205. {block:Title}<div style=" letter-spacing:1px; text-transform:uppercase; font-family:'Rationale'; line-height:17px; padding-bottom:2px;"><center>
  206. {Title}</center></div>{/block:Title}
  207. {body}
  208.  
  209. {/block:Text}
  210.  
  211.  
  212.  
  213. {block:Quote}
  214. <div class="mr-quotes">{Quote}</div></font>
  215. {block:Source}<div class="source">• {Source} </div>{/block:Source}
  216.  
  217. {/block:Quote}
  218.  
  219.  
  220.  
  221. {block:Chat}
  222.  
  223. {block:Lines}
  224. <div class="chat">
  225. <div class="lines">{block:Label}
  226. <span>{Label}</span>
  227. {/block:Label}
  228. {Line}</div></div>
  229. {/block:Lines}
  230.  
  231. {/block:Chat}
  232.  
  233.  
  234.  
  235. {block:Link}
  236. <a href="{URL}" target="{Target}"><div style="font-family:'Calibri'; text-transform:uppercase; text-align:center; font-size:11px; letter-spacing:1px; padding:2px; text-transform: uppercase;"><titulo>{Name}</a></titulo></div>{block:Description}{Description}{/block:Description}
  237.  
  238. {/block:Link}
  239.  
  240.  
  241.  
  242. {block:Audio}
  243. <div class="text">
  244. {block:AlbumArt}<div id="lalbum-art"><img src="{AlbumArtURL}" style="border-radius:100%; width:35px; height:35px;"></div>{/block:AlbumArt}
  245. <div style="margin-left:38px; margin-top:5px; text-transform: uppercase;">{AudioPlayerWhite}</div>
  246. <div id="laudio-caption">
  247. <p>Track: {block:TrackName}<i>{TrackName}</i>{/block:TrackName}.</p>
  248. <p>Artist: {block:Artist}<i>{Artist}</i>{/block:Artist}.</p>
  249. <p>Album: {block:Album}<i>{Album}</i>{/block:Album}.</p>
  250. <p>Plays: <i>{FormattedPlayCount}</i>.</p>
  251. </div></div>
  252.  
  253. {/block:Audio}
  254.  
  255.  
  256.  
  257. {block:Photo}
  258. <div class="imgpost"><img src="{PhotoURL-500}"></div>
  259. {Caption}
  260. {/block:Photo}
  261.  
  262.  
  263.  
  264. {block:Photoset}
  265. <div class="imgpost"><center>{Photoset}</center></div>
  266. {Caption}
  267. {/block:Photoset}
  268.  
  269.  
  270.  
  271. {block:Video}
  272. {block:Indexpage}<div class="imgpost" style="max-width:250px; height:auto; overflow-x:hidden; overflow-y:hidden;">{Video-250}</div>{/block:IndexPage}
  273. {Caption}
  274. {/block:Video}
  275.  
  276.  
  277.  
  278. {block:Answer}
  279. <img src="{AskerPortraitURL-30}"class="waf-icon">
  280. <div class="waf-perguntou" target="_blank"> {Asker} </div>
  281. <div class="waf-pergunta"> {Question} </div>
  282. <div class="waf-resposta"> {Answer} </div>
  283.  
  284. {/block:Answer}
  285.  
  286.  
  287. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  288. {block:indexpage}
  289. <div class="mr-notes" style="color:{color:negrito};"> {ShortMonth} {DayOfMonthWithZero} , <a href="{permalink}"> {NoteCount} notes </a>
  290.  
  291. <div class="mr-reblogs"><a href="{ReblogURL}" title="Reblogue!" target="_blank"><i class="fa fa-retweet"></i></a></div>
  292.  
  293. <div class="mr-like">
  294. <div class="custom-like-button" style="margin-left:10px" title="Gostou? Foi útil? Deixe seu like.">{LikeButton}<span class="our_button"><i class="fa fa-heart"></i></span> </div>
  295. </div>
  296.  
  297. </div>
  298. {/block:indexpage}
  299. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  300.  
  301.  
  302.  
  303. <!-- PERMALINK HERE. -->
  304. {block:permalinkpage}
  305. <div class="posts">
  306. <div id="perma">
  307. {block:NoteCount}<div id="permalink"><i class="fa fa-heart"></i>
  308. {NoteCountWithLabel}</div>{/block:NoteCount}
  309. {block:RebloggedFrom}
  310. <div id="permalink"><i class="fa fa-retweet"></i>
  311. Reblogged from <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a></div>{/block:RebloggedFrom}
  312. <div id="permalink"><i class="fa fa-tags"></i> Tagged:
  313. {block:Tags} <a href="{TagURL}">{Tag},
  314. </a>{/block:Tags}</div>
  315. {block:ContentSource}
  316. <div id="permalink"><i class="fa fa-user"></i>
  317. Source: <a href="{SourceURL}" target="_blank">{SourceTitle}</a></div>
  318. {/block:ContentSource}</div></div>{/block:permalinkpage}
  319.  
  320. {block:PostNotes}
  321. <div class="posts"> {PostNotes}</div>
  322. {/block:PostNotes}
  323.  
  324.  
  325.  
  326.  
  327. <div class="vsanna">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  328. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div>
  329. </div>
  330. {/block:Posts}
  331.  
  332. </div>
  333.  
  334. {block:IndexPage}
  335. <div class="column navigation" id="navigation">
  336. {block:Pagination}
  337. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  338. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  339. </div>
  340. {/block:IndexPage}
  341.  
  342.  
  343. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  344. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  345. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  346.  
  347. <script type="text/javascript">
  348. $(window).load(function () {
  349. $('#wafcaixa').masonry(),
  350. $('.masonryWrap').infinitescroll({
  351. navSelector : "div#navigation",
  352. nextSelector : "div#navigation a#nextPage",
  353. itemSelector : ".posts",
  354. bufferPx : 10000,
  355. extraScrollPx: 11000,
  356. loadingImg : "http://static.tumblr.com/8yo5xxv/3Tum7rjpo/loader.gif",
  357. loadingText : "",
  358. },
  359. // call masonry as a callback.
  360. function() { $('#wafcaixa').masonry({ appendedContent: $(this) }); }
  361. );
  362. });
  363. </script>
  364.  
  365.  
  366. </body>
  367. </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!