API tools faq
paste
Advertisement
Carolaine_Vieira

Bahviour

Carolaine_Vieira
Nov 21st, 2015
329
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.50 KB | None | 0 0
raw download clone embed print report
  1. <!-- ─────────╔╗────────────╔╗
  2. ─────────║║───────────╔╝╚╗
  3. ╔══╦╗╔╦══╣║╔══╦╗╔╦══╦═╬╗╔╬══╗
  4. ║╔╗║╚╝║╔╗║║║╔╗║╚╝║║═╣╔╗╣║║║═╣
  5. ║╔╗║║║║╚╝║╚╣╔╗║║║║║═╣║║║╚╣║═╣
  6. ╚╝╚╩╩╩╣╔═╩═╩╝╚╩╩╩╩══╩╝╚╩═╩══╝
  7. ──────║║
  8. ──────╚╝
  9. -->
  10.  
  11.  
  12.  
  13. <head>
  14.  
  15. <script type="text/javascript"
  16. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  17. <script>
  18. $(document).ready(function() {
  19. //
  20. $('a.poplight[href^=#]').click(function() {
  21. var popID = $(this).attr('rel'); //Get Popup Name
  22. var popURL = $(this).attr('href'); //Get Popup href to define size
  23. var query= popURL.split('?');
  24. var dim= query[1].split('&');
  25. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  26. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  27. var popMargTop = ($('#' + popID).height() + 80) / 2;
  28. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  29. //Apply Margin to Popup
  30. $('#' + popID).css({
  31. 'margin-top' : -popMargTop,
  32. 'margin-left' : -popMargLeft
  33. });
  34. $('body').append('<div id="fade"></div>');
  35. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  36. return false;
  37. });
  38. $('a.close, #fade').live('click', function() {
  39. $('#fade , .popup_block').fadeOut(function() {
  40. $('#fade, a.close').remove(); //fade them both out
  41. });
  42. return false;
  43. });
  44. });
  45. </script>
  46.  
  47. <title>{title}</title>
  48. <link rel="shortcut icon" href="{Favicon}"/>
  49. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  50. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  51.  
  52. <meta name="color:Background" content="#ffffff"/>
  53. <meta name="color:Post bg" content="#ffffff"/>
  54. <meta name="color:Tooltip bg" content="#000"/>
  55. <meta name="color:Tooltip text" content="#ffffff"/>
  56. <meta name="color:Title" content="#000"/>
  57. <meta name="color:Title bg" content="#ffffff"/>
  58. <meta name="color:Header bg" content="#000"/>
  59. <meta name="color:Scrollbar" content="#000"/>
  60. <meta name="color:Description" content="#999"/>
  61. <meta name="color:Text" content="#999"/>
  62. <meta name="color:Bold" content="#141414"/>
  63. <meta name="color:Italic" content="#ce2020"/>
  64. <meta name="color:Header link" content="#141414"/>
  65. <meta name="color:Header link hover" content="#ce2020"/>
  66. <meta name="color:Link" content="#141414"/>
  67. <meta name="color:Link Hover" content="#ce2020"/>
  68.  
  69. <meta name="if:ShackEfect" content="0"/>
  70.  
  71. <meta name="image:Background" content=""/>
  72. <meta name="image:Header image 1" content="http://i.imgur.com/wWx1a0K.jpg"/>
  73. <meta name="image:Header image 2" content="http://i.imgur.com/wWx1a0K.jpg"/>
  74. <meta name="select:Titulo" content="Montserrat" title="Montserrat">
  75. <meta name="select:Titulo" content="Arapey" title="Arapey">
  76. <meta name="select:Titulo" content="Poiret One" title="Poiret One">
  77. <meta name="select:Titulo" content="Baumans" title="Baumans">
  78. <meta name="select:Columns" content="270px" title="One">
  79. <meta name="select:Columns" content="500px" title="Two">
  80. <meta name="select:Columns" content="750px" title="Three">
  81. <meta name="select:Columns" content="950px" title="Four">
  82. <meta name="select:Columns" content="1170px" title="Five">
  83. <meta name="select:Post title font" content="Great Vibes" title="Great Vibes">
  84. <meta name="select:Post title font" content="Baumans" title="Baumans">
  85. <meta name="select:Post title font" content="Poiret One" title="Poiret One">
  86.  
  87. <meta name="text:Header image border radius" content="100" />
  88. <meta name="text:Your Url" content="amplamente" />
  89. <meta name="text:Ask Name" content="ask" />
  90. <meta name="text:Smcmusicplayer" content="" />
  91. <meta name="text:link1" content="link 1" />
  92. <meta name="text:link1url" content="/" />
  93. <meta name="text:link2" content="link 2" />
  94. <meta name="text:link2url" content="/" />
  95. <meta name="text:link3" content="link 3" />
  96. <meta name="text:link3url" content="/" />
  97. <meta name="text:link4" content="link 4" />
  98. <meta name="text:link4url" content="/" />
  99.  
  100.  
  101.  
  102. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  103. <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  104. <script>
  105. (function($){$(document)
  106. .ready(function(){$("[title]")
  107. .style_my_tooltips();});})
  108. (jQuery);
  109. </script>
  110. <script type="text/javascript">
  111. $(document).ready(function() {
  112. $('iframe.photoset').each(function() {
  113. var i = this;
  114. $(i).attr("onload", "ps_resize(this)");
  115. var s = $(i).attr("src");
  116. s = s.replace(/\/500\//, "/200/");
  117. $(i).attr("src", s);
  118. });
  119. });
  120. function ps_resize(i) {
  121. $(i).contents().find("body").imagesLoaded(function() {
  122. $(i).attr("width", 200);
  123. $(i).attr("height", $(this).height());
  124. });
  125. return false;
  126. }
  127. </script>
  128.  
  129. {block:IfShackEfect}
  130. <link href='http://static.tumblr.com/blpgwiz/EfNmijxib/tada.css' rel='stylesheet' type='text/css'>
  131. {/block:IfShackEfect}
  132.  
  133.  
  134. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  135. <link href='https://fonts.googleapis.com/css?family=Cantarell:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  136. <link href='https://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
  137. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  138. <link href='https://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'>
  139. <link href='https://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
  140. <link href='https://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'>
  141. <link href='https://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
  142. <link href='https://fonts.googleapis.com/css?family=Arapey:400,400italic' rel='stylesheet' type='text/css'>
  143. <link href='https://fonts.googleapis.com/css?family=Raleway:400,300,200,100,600,500,700,800,900' rel='stylesheet' type='text/css'>
  144.  
  145.  
  146. <style type="text/css">
  147.  
  148. .photoset_row{ height: auto !important; width: auto !important; } .photoset_row img { width: auto !important; max-width: 200px; }b { color: {color:bold}; !important; }i { color: {color:italic} ;!important; } u { border-bottom: 1px solid {color:link hover}; text-decoration:none;}#s-m-t-tooltip{max-width:300px;padding:10px;margin:20px 0px 0px 20px;background-color: {color:tooltip bg};font-family:calibri;font-size:8.5px;text-transform:uppercase;color:{color:tooltip text};letter-spacing:1px;opacity:1;z-index:9999999999999999999;}#top1 { position:fixed; font-weight:bold; width:auto; height:auto; letter-spacing: 1px; right:30px; bottom:20px; padding:8px; font-size:10px; text-transform:uppercase; font-family:montserrat; line-height:14px; text-align:right; z-index:99; border:2px solid; color:{color:header link};background: {color:link}; text-shadow:1px 1px #141414;}#top1:hover { background:purple; }#top1 a{color:#000;}#top1 a:hover {color:#5acdb3; }ul { list-style-image: url('https://36.media.tumblr.com/42d55f9956e3e8c0dfb590b504f4939d/tumblr_inline_nvag3cwzpq1rj4inb_540.png');}#vixe{z-index:2;position:fixed;background:{color:header bg};top:80px;right:20px;width:600px;height:30px;padding-top:10px;text-align:right;}#vixe a {border:1px solid transparent;padding:5px;font-size:12px;margin-left:1px;font-weight:bold;text-transform:uppercase;font-family: montserrat;display:inline-block;color:{color:Header link};border-bottom:3px solid transparent;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}#vixe a:hover {border-bottom:3px solid;color: {color:Header link hover};-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}iframe#tumblr_controls {black-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:0.1;}#tumblr_controls{position:fixed !important;-webkit-filter: invert(100%)}.reblog { margin-top:15px; margin-left:20px; float:left; opacity:1; background:{color:background}; text-align:right; padding:10px; font-size:13px; color:#000; font-family:baumans; font-weight:bold; border-radius:100%; opacity:0.6; {block:PermalinkPage} display:none; z-index:2; {/block:PermalinkPage}}#euem { border-radius:100%; background:{color:background}; margin-top:15px; margin-left:10px; float:left; opacity:1; z-index:2; padding:10px; padding-bottom:8px; opacity:0.6; {block:PermalinkPage} display:none; {/block:PermalinkPage}}.popup_block{ display:none; background:#fff; border:1px solid #dfdfdf; padding:30px; width:500px; float:left; position:fixed; top:50%;left:50%; z-index: 9999999;} *html #fade {position: absolute;}*html .popup_block {position: absolute;}#fade { display:none; position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:99999;background:{color:background}; opacity:1; }a{ color:{color:Link}; text-decoration:none; -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out; } a:hover{ color:{color:Link Hover}; -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}#ti {position:fixed;z-index:5;width:auto;height:auto;top:10px;left:20px;padding:10px;font-family: {select:titulo};font-size:20px;text-align:left;background:{color:title bg};color:{color:Title};font-weight:normal;text-transform:uppercase;}#ti a{color:{color:title};-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out; }#ti a:hover{letter-spacing:2px; -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out; }#notas { font-size:12px;font-family:montserrat; text-transform:uppercase; width:100%; height:300px; overflow-y:auto; background:transparent; }h1 { font-size:30px; text-align:center; text-transform:none; font-family:{select:post title font}; }body{ cursor:crosshair;color:{color:Text};font-family: cantarell;font-size:13px; background: {color:background} url("{image:background}") fixed; }#post{margin-top:100px;width:{select:columns};margin-left:auto;margin-right:auto;float:center;background-color:transparent;padding:5px;}.entry{text-align:left;padding:10px;background-color:{color:post bg};width:205px;float:right;margin:2px;{block:PermalinkPage}width:500px;height:auto;font-size:13px;text-align:left;float:center;{/block:PermalinkPage}-webkit-animation: tada 2s;-moz-animation: tada 2s;-ms-animation: tada 2s;-webkit-transition: 1s ease-in-out; -moz-transition: 1s ease-in-out; -o-transition: 1s ease-in-out; }.entry:hover {-webkit-transition: 1s ease-in-out; -moz-transition: 1s ease-in-out; -o-transition: 1s ease-in-out; }.entry img{max-width:200px;float:right;margin:2px;{block:PermalinkPage}float:center;width:500px;max-width:500px;{/block:PermalinkPage}}.entry .perm{ {block:PermalinkPage} display:none; {/block:PermalinkPage} text-transform:uppercase; background:transparent; padding:5px; text-align:center; margin-top:0px; width:190px; height:auto; position:absolute; opacity:0.0; font-family: 'Open Sans', sans-serif; font-size:8px; -webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;transition:all 0.5s ease-out;} .entry:hover .perm{ opacity:1; -webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;transition:all 0.5s ease-out; }.notes img { width: 15px; border-radius:100%;float:left;border-right:10px solid transparent; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; transition: all 0.5s linear;}ol.notes, .notes li { height:20px; width: 100%; list-style: none; margin: 0px; padding-left: 0px}.notes li:hover img { -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; transition: all 0.5s linear;}::-moz-selection { background: {color:text}; color: {color:background}; }::selection { background: {color:text}; color: {color:background}; }.pagination {display: none;}::-webkit-scrollbar {height:5px; width:3px;}::-webkit-scrollbar-track-piece { background-color:{color:post bg};} blockquote { margin-left:20px; padding-left:10px; border-left:3px solid{color:text}; } ::-webkit-scrollbar-thumb {background:{color:scrollbar}; }.description { z-index:4; position:fixed; left:10px; top:55px; padding:10px; width:40%; background:transparent; font-size:13px;font-family: 'raleway', ;text-align:left; color:{color:description}; }#fita3 { height:auto; width:100%; padding:10px; margin-top:30px; margin-left:-15px;background:{color:background};z-index:1;}#banner { z-index:1; position:fixed; left:0px; top:0px; width:100%; height:120px;background:{color:header bg}; } #question {padding:0px; margin-bottom:5px;} #asker_portrait img{margin-top:-20px; float:center; border-radius:10px; margin-left:-10px; padding:4px; background:{color:link} } #asker {font-weight:normal; font-family:montserrat; text-transform:uppercase; font-style:normal; } #asker a {color:{color:background}; text-align:center; font-size:12px;} #asker a:hover {color:#ccc;} #asked_question { color:#dfdfdf; background-color:{color:link}; padding:10px; font-weight:bold; font-style:italic; font-family:poiret one; padding-top:20px; margin-top:20px; min-height:20px; max-width:460px; margin-left:5px; } #answer { font-weight:bold; font-family:poiret one; color:#dfdfdf; padding:2px 10px; background:{color:link hover}; margin-left:5px; } #fita3 img{ z-index:3; background:transparent; padding:7px; position:fixed; top:10px; left:50%; margin-left:-40px; float:center; border-radius:{text:header image border radius}px; height:82px; width:auto; -webkit-transition: opacity 0.8s linear; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;} #fita3 img:hover { -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;}
  149.  
  150. {CustomCSS}
  151.  
  152. </style>
  153. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  154.  
  155. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script
  156.  
  157. src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  158.  
  159. <script>
  160. $(function(){
  161. var $container = $('#post');
  162. $container.imagesLoaded(function(){
  163. $container.masonry({
  164. itemSelector: '.entry',
  165. });
  166. });
  167. $container.infinitescroll({
  168. itemSelector : ".entry",
  169. navSelector : "div.pagination",
  170. nextSelector : ".pagination a#next",
  171. loadingImg : "",
  172. loadingText : "<em></em>",
  173. bufferPx : 10000,
  174. extraScrollPx: 12000,
  175. },
  176. // trigger Masonry as a callback
  177. function( newElements ) {
  178. var $newElems = $( newElements ).css({ opacity: 0 });
  179. // ensure that images load before adding to masonry layout
  180. $newElems.imagesLoaded(function(){
  181. $newElems.animate({ opacity: 1 });
  182. $container.masonry( 'appended', $newElems, true );
  183. });
  184. }
  185. );
  186. });
  187. </script>
  188.  
  189. </head>
  190. <body>
  191.  
  192. <div id="banner"></div>
  193.  
  194. <div id="fita3">
  195.  
  196. <img src="{image:Header image 1}" onmouseover="this.src='{image:Header image 2}'" onmouseout="this.src='{image:Header image 1}'" >
  197.  
  198. <div id="ti"><a href="/">{title}</a></div>
  199.  
  200. <div id="vixe">
  201. <a href="{text:link1url}" >{text:link1}</a>
  202. <a href="#?w=300" rel="box1" class="poplight">{text:ask name}</a>
  203. <a href="{text:link2url}" >{text:link2}</a>
  204. <a href="{text:link3url}" >{text:link3}</a>
  205. <a href="{text:link4url}" >{text:link4}</a>
  206. </div>
  207.  
  208. <div class="description">{Description}</div>
  209.  
  210. </div>
  211.  
  212. <div id="post">
  213. {block:Posts}
  214. <div class="entry">
  215. <div class="perm">
  216. <div class="reblog">{ReblogButton color="black" size="15"}</div>
  217. <div id="euem">{LikeButton color="black" size="15"}</div>
  218. </div>
  219.  
  220. {block:Title}<h1>{Title}</h1>{/block:Title}
  221.  
  222. {block:Text}{Body}{/block:Text}
  223.  
  224. {block:Photo}
  225.  
  226. <a href="{permalink}" title="{NoteCountWithLabel}"><img src="{PhotoURL-500}" width="200"/></a>
  227.  
  228. {/block:Photo}
  229.  
  230. {block:Photoset}
  231.  
  232. {Photoset}
  233.  
  234. {/block:Photoset}
  235.  
  236.  
  237. {block:Quote}
  238.  
  239. <div style="text-align:center;">
  240. <li class="fa fa-quote-left"></li>&nbsp;&nbsp;&nbsp;{Quote}&nbsp;&nbsp;&nbsp;<li class="fa fa-quote-right"></li></br></div>
  241.  
  242. <div align="right" style="text-align:center; font-size:10px; font-family:montserrat; text-transform:uppercase;">
  243. </br>{block:Source}- {Source}{/block:Source} </br>
  244. </div>
  245. {/block:Quote}
  246.  
  247.  
  248. {block:Video}
  249.  
  250. {Video-200}
  251.  
  252. <br>
  253. {PlayCountWithLabel}
  254. {/block:Video}
  255.  
  256.  
  257. {block:Link}
  258. <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
  259. {block:Description}{Description}{/block:Description}
  260. {/block:Link}
  261.  
  262. {block:Chat}
  263. {block:Lines}
  264. {block:Label}
  265. <br>{Label}
  266. {/block:Label}
  267. &nbsp;{Line}
  268. {/block:Lines}
  269. {/block:Chat}
  270.  
  271. {block:Audio}
  272. {AudioPlayerGrey}
  273. <br><div align="right">{block:Artist}
  274. Artist: {Artist}</div>
  275. {/block:Artist}<br>
  276. {block:Caption}{Caption}{/block:Caption}
  277. {/block:Audio}
  278.  
  279.  
  280.  
  281. {block:Answer}
  282. <div id="question">
  283. <div id="asker_portrait"><img src="{AskerPortraitURL-40}"></div>
  284. <div id="asked_question"><span id="asker">{Asker}</span>:<br>{Question}</div>
  285. </div>
  286. <div id="answer">
  287. {Answer}
  288. </div>
  289. {/block:Answer}
  290.  
  291. {block:PermalinkPage}
  292. {block:Caption}
  293. {Caption}
  294. {/block:Caption}
  295. <br>
  296. <center>{block:Date}{ShortMonth} {DayofMonth}{DayofMonthSuffix} {Year}{/block:Date}{block:NoteCount} </br> {NoteCountWithLabel}{/block:NoteCount}{block:HasTags} </br> Tags: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</center>
  297. <Br>
  298. {block:PostNotes}<div id="notas">{PostNotes}</div>{/block:PostNotes}</div>
  299. {/block:PermalinkPage}
  300. </div>
  301.  
  302. {/block:Posts}
  303.  
  304. </div>
  305. <div class="pagination">
  306. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}
  307. <a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  308. </div>
  309.  
  310. <div id="box1" class="popup_block">
  311. <iframe frameborder="0" height="250px" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{text:Your Url}.tumblr.com" width="100%"></iframe><br>
  312. </div>
  313.  
  314. {text:smcmusicplayer}
  315.  
  316. <div id="top1">
  317. <a href="http://amplamente.tumblr.com/" title="tema feito por amplamente">am</a>
  318. </div>
  319.  
  320. </body>
  321. </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!