API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jan 22nd, 2017
154
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.98 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <title>{Title}</title>
  3. <link rel="shortcut icon" href="{Favicon}">
  4. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  5. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  6.  
  7. <!-- Tumblr theme custom fields -->
  8. <meta name="image:Slider image 1" content=""/>
  9. <meta name="text:Slider text 1" content=""/>
  10. <meta name="text:Slider link 1" content=""/>
  11. <meta name="image:Slider image 2" content=""/>
  12. <meta name="text:Slider text 2" content=""/>
  13. <meta name="text:Slider link 2" content=""/>
  14. <meta name="image:Slider image 3" content=""/>
  15. <meta name="text:Slider text 3" content=""/>
  16. <meta name="text:Slider link 3" content=""/>
  17. <meta name="image:Slider image 4" content=""/>
  18. <meta name="text:Slider text 4" content=""/>
  19. <meta name="text:Slider link 4" content=""/>
  20.  
  21. <link href='https://fonts.googleapis.com/css?family=Crimson+Text|Quicksand' rel='stylesheet' type='text/css'>
  22. <link rel="stylesheet" href="http://static.tumblr.com/wqcsqza/yTRnpu5wi/main-min.css">
  23. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.css"/>
  24.  
  25.  
  26. <style type="text/css">
  27. /*---------- MEDIA QUERIES ----------*/
  28. @media (max-width: 750px) {
  29. a.nav-item {
  30. padding: 0 10px!important;
  31. }
  32.  
  33. .nav-links ul {
  34. text-align: center!important;
  35. }
  36. }
  37.  
  38. @media (max-width: 1000px) {
  39. .nav img.logo {
  40. padding: 20px 0px;
  41. }
  42. }
  43.  
  44. /*---------- TYPOGRAPHY CSS ----------*/
  45. body {
  46. background-color: #ffffff;
  47. font-family: 'Quicksand', Helvetica, Tahoma, Arial, sans-serif;
  48. font-size: 1.3rem;
  49. color: #3b3b3b;
  50. }
  51.  
  52. a:link {
  53. text-decoration: none;
  54. }
  55.  
  56. a.nav-item { /* format nav links */
  57. font-family: 'Quicksand', Helvetica, Arial, sans-serif !important;
  58. color: #3b3b3b;
  59. font-size: 1.1rem;
  60. padding: 0px 20px;
  61. text-transform: uppercase;
  62. }
  63.  
  64. .nav-links ul {
  65. padding-top: 20px;
  66. text-align: right;
  67. }
  68.  
  69. .nav-links li {
  70. list-style: none;
  71. display: inline;
  72. }
  73.  
  74. .slide .slide-title, .slide-title a:link, .slide-title a:hover, .slide-title a:active, .slide-title a:visited {
  75. color: #fff;
  76. font-size: 1.2rem;
  77. letter-spacing: 1px;
  78. text-align: center;
  79. text-transform: uppercase;
  80. font-weight: bold;
  81. line-height: 400px;
  82. }
  83.  
  84. .slide-title a {
  85. background-color: #fff;
  86. color: #3b3b3b !important;
  87. padding: 15px 30px;
  88. }
  89.  
  90. .post a, .permalinknotes, .permalinknotes a {
  91. font-family: 'Crimson Text', Garamond, Georgia, serif;
  92. color: #3b3b3b;
  93. text-decoration: none;
  94. text-transform: none;
  95. }
  96.  
  97. .post p a {
  98. font-family: 'Quicksand', Helvetica, Tahoma, Arial, sans-serif;
  99. color: #ffced9;
  100. font-weight: bold;
  101. }
  102.  
  103. .post a:hover {
  104. color: #626262;
  105. }
  106.  
  107. .post h3, .post h3 a {
  108. font-family:'Quicksand', Helvetica, Tahoma, Arial, sans-serif;
  109. font-size: 1.8rem;
  110. text-transform: uppercase;
  111. background-color: #fff;
  112. font-weight: bold;
  113. margin-bottom: 5px;
  114. letter-spacing: 1px;
  115. text-align: center;
  116. }
  117.  
  118. .info, div.info a.date {
  119. font-family: 'Crimson Text', garamond, georgia, serif;
  120. font-size: 1.1rem;
  121. font-weight: none !important;
  122. text-align: left;
  123. text-transform: none;
  124. margin-bottom: 15px;
  125. text-align: center;
  126. }
  127.  
  128. .read-more a {
  129. font-family: 'Quicksand', Helvetica, Arial, sans-serif !important;
  130. font-size: 1.5rem;
  131. font-weight: none !important;
  132. text-transform: uppercase;
  133. text-align: left;
  134. text-align: center;
  135. }
  136.  
  137. .read-more:hover {
  138. cursor: pointer;
  139. }
  140.  
  141. h2.social, h2.sidebar {
  142. font-family:'Quicksand', Helvetica, Tahoma, Arial, sans-serif;
  143. font-size: 1.2rem;
  144. letter-spacing: 1px;
  145. text-transform: uppercase;
  146. font-weight: bold;
  147. }
  148.  
  149. h2.sidebar {
  150. text-align: center;
  151. }
  152.  
  153. .sidebar a {
  154. color: #3b3b3b;
  155. }
  156.  
  157. .search-form input, .search-form input:focus {
  158. font-family: 'Quicksand', Helvetica, Tahoma, Arial, sans-serif;
  159. font-size: 1.3rem;
  160. color: #3b3b3b;
  161. height: 20px;
  162. border: 1px solid #ededed;
  163. border-radius: 0px;
  164. background: url('https://s18.postimg.org/8g2ua5c1l/search.png') right no-repeat;
  165. background-size: 14px 14px;
  166. }
  167.  
  168. .pagination span.arrows {
  169. font-family: 'Crimson Text', Garamond, Georgia, serif;
  170. font-size: 2rem;
  171. color: #3b3b3b;
  172. text-transform: lowercase;
  173. font-weight: bold;
  174. text-decoration: none;
  175. }
  176.  
  177. .footer a {
  178. font-family: 'Quicksand', Helvetica, Tahoma, Arial, sans-serif;
  179. font-size: 1rem;
  180. text-transform: uppercase;
  181. font-weight: bold;
  182. color: #3b3b3b;
  183. }
  184.  
  185. /*---------- DIV CSS ----------*/
  186. .nav {
  187. height: 40px;
  188. transition: all .25s ease;
  189. -webkit-transition: all .25s ease;
  190. z-index: 999;
  191. }
  192.  
  193. .scroll_effect {
  194. background: #fff;
  195. opacity: 0.8;
  196. position: fixed;
  197. }
  198.  
  199. .wrapper {
  200. padding: 20px 0px;
  201. }
  202.  
  203. .post {
  204. margin-bottom: 40px;
  205. margin-top: 0px !important;
  206. border-bottom: 1px solid #ededed;
  207. }
  208.  
  209. .read-more {
  210. text-align: center;
  211. padding: 10px 0 30px 0;
  212. margin: auto;
  213. }
  214.  
  215. .social-share {
  216. text-align: center;
  217. }
  218.  
  219. div.pagination {
  220. padding-bottom: 10px;
  221. }
  222.  
  223. div.sidebar {
  224. padding-top: 50px;
  225. }
  226.  
  227. form {
  228. margin-bottom: 0;
  229. }
  230.  
  231. .box {
  232. border: 1px solid #ededed;
  233. padding: 10%;
  234. margin-bottom: 10%;
  235. text-align: center;
  236. }
  237.  
  238. .read-more a {
  239. border: 1px solid #ededed;
  240. padding: 10px 20px;
  241. margin-bottom: 10%;
  242. }
  243.  
  244. .posts .read-more a:hover {
  245. transition: all 0.5s ease;
  246. background-color: #000;
  247. color: #ffffff !important;
  248. }
  249.  
  250. .instagram {
  251. padding: 10px 0px;
  252. }
  253.  
  254. .footer {
  255. border-top: 1px solid #ededed;
  256. padding: 10px 0px;
  257. }
  258.  
  259. .footer div.credit {
  260. padding-top: 20px;
  261. float: right;
  262. text-align: right;
  263. display: inline;
  264. }
  265. /*---------- IMG CSS ----------*/
  266. .nav img.logo {
  267. width: 100%;
  268. float: left;
  269. padding: 20px 0px;
  270. }
  271.  
  272. img.social-icon {
  273. padding: 5px 10px;
  274. }
  275.  
  276. .post img {
  277. min-width: 100%;
  278. }
  279.  
  280. .footer img.logo {
  281. float: left;
  282. width: 210px;
  283. display: inline;
  284. }
  285.  
  286. /*---------- SLIDER CSS ----------*/
  287. .slider {
  288. overflow: hidden;
  289. margin: auto;
  290. width: 100%;
  291. background-color: #000;
  292. z-index:-1;
  293. }
  294.  
  295. .slide {
  296. position: relative;
  297. display: block;
  298. float: left;
  299. width: 100%;
  300. height: 400px;
  301. background: #ccc;
  302. background-repeat: no-repeat;
  303. background-size: contain;
  304. z-index: 0;
  305. }
  306.  
  307. /*.slide-overlay:hover {
  308. transition: all 0.5s ease;
  309. background-color: #000000;
  310. opacity: .5;
  311. }*/
  312.  
  313. img.slider {
  314. width: 100%;
  315. }
  316.  
  317. .slide-1 {
  318. background: url('{image:Slider image 1}') no-repeat;
  319. background-size: cover;
  320. background-position: center;
  321. }
  322.  
  323. .slide-2{
  324. background: url('{image:Slider image 2}') no-repeat;
  325. background-size: cover;
  326. background-position: center;
  327. }
  328.  
  329. .slide-3 {
  330. background: url('{image:Slider image 3}') no-repeat;
  331. background-size: cover;
  332. background-position: center;
  333. }
  334.  
  335. .slide-4 {
  336. background: url('{image:Slider image 4}') no-repeat;
  337. background-size: cover;
  338. background-position: center;
  339. }
  340.  
  341. .change-slide{
  342. font-size: 100px;
  343. line-height: 0;
  344. color: #fff;
  345. z-index: 1;
  346. position: relative;
  347. top: 190px;
  348. display: block;
  349. cursor: pointer;
  350. }
  351.  
  352. .slide-left {
  353. left: 5%;
  354. }
  355.  
  356. .slide-right {
  357. right: -90%;
  358. }
  359.  
  360. /*---------- ICON CSS ----------*/
  361. .icon {
  362. display: inline-block;
  363. background-repeat: no-repeat;
  364. background-image: url(http://svgshare.com/i/ZW.svg);
  365. padding: 5px 5px;
  366. }
  367. /*Alternative uploads:
  368. http://imgh.us/sprite-pink.svg
  369. http://imgh.us/sprite-grey.svg
  370. */
  371. .icon:hover {
  372. display: inline-block;
  373. background-repeat: no-repeat;
  374. background-image: url(http://svgshare.com/i/ZB.svg);
  375. }
  376.  
  377. .icon-mail2 {
  378. width: 32px;
  379. height: 32px;
  380. background-position: 0 0;
  381. }
  382. .icon-google-plus {
  383. width: 32px;
  384. height: 32px;
  385. background-position: -48px 0;
  386. }
  387. .icon-facebook {
  388. width: 32px;
  389. height: 32px;
  390. background-position: -96px 0;
  391. }
  392. .icon-instagram {
  393. width: 32px;
  394. height: 32px;
  395. background-position: -144px 0;
  396. }
  397. .icon-twitter {
  398. width: 32px;
  399. height: 32px;
  400. background-position: -192px 0;
  401. }
  402. .icon-youtube {
  403. width: 32px;
  404. height: 32px;
  405. background-position: -240px 0;
  406. }
  407. .icon-tumblr {
  408. width: 32px;
  409. height: 32px;
  410. background-position: -288px 0;
  411. }
  412. .icon-pinterest {
  413. width: 32px;
  414. height: 32px;
  415. background-position: -336px 0;
  416. }
  417.  
  418.  
  419. </style>
  420. </head>
  421.  
  422. <body>
  423.  
  424. <script language="javascript">
  425. function send() {
  426. document.searchForm.submit()
  427. }
  428. </script>
  429. <!-- Facebook widget JS SDK -->
  430. <div id="fb-root"></div>
  431. <script>
  432. (function(d, s, id) {
  433. var js, fjs = d.getElementsByTagName(s)[0];
  434. if (d.getElementById(id)) return;
  435. js = d.createElement(s); js.id = id;
  436. js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4";
  437. fjs.parentNode.insertBefore(js, fjs);
  438. }(document, 'script', 'facebook-jssdk'));
  439. </script>
  440.  
  441. <div class="container">
  442. <!-- NAVIGATION BAR -->
  443. <div class="row nav" role="navigation">
  444. <div class="four columns logo">
  445. <a href="http://vintagedolls.tumblr.com/"><img src="http://i59.tinypic.com/zvzvav.png" class="logo"></a>
  446. </div>
  447. <div class="eight columns nav-links">
  448. <ul>
  449. <li><a href="http://vintagedolls.tumblr.com/about" class="nav-item">About</a></li>
  450. <li><a href="http://vintagedolls.tumblr.com/tagged/my_style" class="nav-item" alt="All Vintagedoll style posts">Style</a></li>
  451. <li><a href="http://vintagedolls.tumblr.com/tagged/beauty" class="nav-item" alt="All Vintagedoll beauty posts">Beauty</a></li>
  452. <li><a href="http://vintagedolls.tumblr.com/tagged/life" class="nav-item" alt="All Vintagedoll life and travel posts">Life/Travel</a></li>
  453. <li><a href="http://vintagedolls.tumblr.com/ask" class="nav-item">Contact</a></li>
  454. </ul>
  455. </div>
  456.  
  457. <!-- SLIDER -->
  458. <div class="row slider">
  459. <div class="slide-left change-slide">&#8249;</div>
  460. <div class="slide-right change-slide">&#8250;</div>
  461. <div class="twelve columns">
  462. <div class="slide slide-1"><div class="slide-overlay"><h1 class="slide-title"><a href="{text:Slider link 1}">{text:Slider text 1}</a></h1></div></div>
  463. <div class="slide slide-2"><div class="slide-overlay"><h1 class="slide-title"><a href="{text:Slider link 2}">{text:Slider text 2}</a></h1></div></div>
  464. <div class="slide slide-3"><div class="slide-overlay"><h1 class="slide-title"><a href="{text:Slider link 3}">{text:Slider text 3}</a></h1></div></div>
  465. <div class="slide slide-4"><div class="slide-overlay"><h1 class="slide-title"><a href="{text:Slider link 4}">{text:Slider text 4}</a></h1></div></div>
  466. </div>
  467. </div>
  468.  
  469. <!-- POSTS, SIDEBAR ("wrapper") -->
  470. <div class="row wrapper">
  471.  
  472. <!-- POSTS -->
  473. <div class="nine columns posts">
  474. {block:Posts}
  475. {block:Text}
  476. <div class="post">
  477. {block:Title}
  478. <h3><a href="{Permalink}">{Title}</a></h3>
  479. {/block:Title}
  480. <div class="info">
  481. {block:Date}
  482. <a href="{Permalink}" class="date">{MonthNumber}.{DayOfMonthWithZero}.{Year}</a>
  483. {/block:Date}
  484. </div>
  485.  
  486. {Body}
  487. {block:More}
  488. <div class="read-more">
  489. <a href="{Permalink}#more">Continue reading</a>
  490. </div>
  491. <!--<a name="more"></a>-->
  492. {/block:More}
  493.  
  494. <div class="social-share">
  495. <a href="https://www.facebook.com/sharer.php?u={Permalink}{block:Title}&t={Title}{/block:Title}" alt="Share this post on Facebook" target="new"><span class="icon icon-facebook"></span></a>
  496. <a href="https://twitter.com/intent/tweet?text={URLEncodedTweetSummary}" alt="Tweet this post" target="new"><span class="icon icon-twitter"></span></a>
  497. <a href="http://pinterest.com/pin/create/button/?url={Permalink}&media={PhotoURL-500}" alt="Pin this post" target="new"><span class="icon icon-pinterest"></span></a>
  498. <!-- <a href="https://plus.google.com/share?url={Permalink}" target="new"><span class="icon icon-google-plus"></span></a>-->
  499. <a href="{ReblogURL}" target="new" alt="Reblog this post"><span class="icon icon-tumblr"></span></a>
  500. </div>
  501. </div>
  502. {/block:Text}
  503.  
  504. {block:Photo}
  505. <div class="post">
  506. <center>
  507. {LinkOpenTag}
  508. <a href="{ReblogURL}" target="_blank">
  509. <img src="{PhotoURL-1280}" alt="{PhotoAlt}" width="{PhotoWidth-1280}" />
  510. </a>
  511. {LinkCloseTag}
  512. </center>
  513. {block:Caption}
  514. <div class="caption">{Caption}</div>
  515. {/block:Caption}
  516. </div>
  517. {/block:Photo}
  518.  
  519. {block:Photoset}
  520. <div class="post">
  521. <center><a href="{ReblogURL}" target="_blank">{Photoset}</a></center>
  522. {block:Caption}
  523. <div class="caption">{Caption}</div>
  524. {/block:Caption}
  525. </div>
  526. {/block:Photoset}
  527.  
  528. {block:Quote}
  529. <div class="post">
  530. <div class="quote">"{Quote}"</div>
  531. {block:Source}
  532. <div class="source">{Source}</div>
  533. {/block:Source}
  534. </div>
  535. {/block:Quote}
  536.  
  537. {block:Link}
  538. <div class="post">
  539. <center>
  540. <h3><a href="{URL}" class="link" {Target}>{Name}</a></h3>
  541. </center>
  542. {block:Description}
  543. <div class="description">{Description}</div>
  544. {/block:Description}
  545. </div>
  546. {/block:Link}
  547.  
  548. {block:Chat}
  549. <div class="post">
  550. {block:Title}
  551. <h3><a href="{Permalink}">{Title}</a></h3>
  552. {/block:Title}
  553. <ul class="chat">
  554. {block:Lines}
  555. <li class="{Alt} user_{UserNumber}">
  556. {block:Label}
  557. <span class="label">{Label}</span>
  558. {/block:Label}
  559. {Line}
  560. </li>
  561. {/block:Lines}
  562. </ul>
  563. </div>
  564. {/block:Chat}
  565.  
  566. {block:Video}
  567. <div class="post">
  568. <center>{Video}</center>
  569. {block:Caption}
  570. <div class="caption">{Caption}</div>
  571. {/block:Caption}
  572. </div>
  573. {/block:Video}
  574.  
  575. {block:Audio}
  576. <div class="post">
  577. {AudioPlayerBlack}
  578. {block:Caption}
  579. <div class="caption">{Caption}</div>
  580. {/block:Caption}
  581.  
  582. </div>
  583. {/block:Audio}
  584.  
  585. {block:PermalinkPage}
  586. <div id="permalinknotes">
  587. {block:PostNotes}
  588. {PostNotes}
  589. {/block:PostNotes}
  590. </div>
  591. {/block:PermalinkPage}
  592.  
  593. {/block:Posts}
  594. </div>
  595.  
  596. <!-- SIDEBAR -->
  597. <div class="three columns sidebar">
  598. <div class="twelve columns box">
  599. <h2 class="sidebar">Follow me</h2>
  600. <a href="https://www.instagram.com/vintagedolls/" target="new"><span class="icon icon-instagram"></span></a>
  601. <a href="https://www.facebook.com/Vintagedolls-515825815104508/" target="new"><span class="icon icon-facebook"></span></a>
  602. <a href="https://www.youtube.com/user/prissygrl" target="new"><span class="icon icon-youtube"></span></a>
  603. </div>
  604.  
  605. <div class="twelve columns box">
  606. <h2 class="sidebar">Search</h2>
  607. <form action="/search" method="get" class="search-form" name="searchForm">
  608. <input type="text" name="q" class="search-box u-full-width"/>
  609. </form>
  610. </div>
  611.  
  612. <!--
  613. <h2 class="sidebar">YouTube</h2>
  614. <script src="https://apis.google.com/js/platform.js"></script>
  615. <div class="g-ytsubscribe" data-channel="prissygrl" data-layout="full" data-count="default"></div>
  616. <br/><br/>
  617.  
  618. <h2 class="sidebar">Facebook</h2>
  619. <div class="fb-page" data-href="https://www.facebook.com/pages/Vintagedolls/515825815104508" data-width="160px" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/pages/Vintagedolls/515825815104508"><a href="https://www.facebook.com/pages/Vintagedolls/515825815104508">Vintagedolls</a></blockquote></div></div>
  620. <br/><br/>
  621. </div>
  622. -->
  623. </div>
  624.  
  625. <!-- PAGINATION -->
  626. <div class="row pagination">
  627. <div class="twelve columns">
  628. <center>
  629. {block:PreviousPage}
  630. <a href="{PreviousPage}"><span class="arrows"><b></b>&#10094;</span></a>
  631. {/block:PreviousPage}
  632. &nbsp; &nbsp; &nbsp; &nbsp;
  633. {block:NextPage}
  634. <a href="{NextPage}"><span class="arrows">&#10095;<b></b></span></a>
  635. {/block:NextPage}
  636. <br/>
  637. </center>
  638. </div>
  639. </div>
  640.  
  641. <!-- INSTAGRAM -->
  642. <div class="row">
  643. <div class="twelve columns instagram">
  644. <h2 class="social">Instagram: @vintagedolls</h2>
  645. <!-- LightWidget WIDGET --><script src="//lightwidget.com/widgets/lightwidget.js"></script><iframe src="//lightwidget.com/widgets/0b5663a1488053cf98f01f35ad5aa765.html" id="lightwidget_0b5663a148" name="lightwidget_0b5663a148" scrolling="no" allowtransparency="true" class="lightwidget-widget" style="width: 100%; border: 0; overflow: hidden;"></iframe>
  646. </div>
  647. </div>
  648.  
  649. <!-- FOOTER -->
  650. <div class="row footer">
  651. <div class="four columns logo">
  652. <img src="http://i59.tinypic.com/zvzvav.png" class="logo">
  653. </div>
  654. <div class="eight columns credit">
  655. Designed by <a href="http://ar-el.tumblr.com" target="new">ar-el</a> for Rachel
  656. </div>
  657. </div>
  658. </div>
  659.  
  660. </div>
  661.  
  662. <!-- JAVASCRIPT -->
  663. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  664.  
  665. <script type="text/javascript">
  666. // Search script
  667. function search(searchQuery) {
  668. var query = searchQuery;
  669. console.log("Query passed: " + searchQuery);
  670. var url = "http://vintagedolls.tumblr.com/search" + query;
  671. window.location.assign(url);
  672. return false;
  673. }
  674.  
  675. document.body.innerHTML = document.body.innerHTML.replace(/500.png/g, '1280.png');
  676. document.body.innerHTML = document.body.innerHTML.replace(/500.jpg/g, '1280.jpg');
  677.  
  678. /* jQuery */
  679. $('document').ready(function(){
  680. // variables and intial scripts for slider
  681. var speed = 300;
  682.  
  683. $('.slide').first().addClass('active');
  684. $('.slide').hide();
  685. $('.active').show();
  686.  
  687. // slider script
  688. $('.change-slide').click(function(event) {
  689. $('.active').removeClass('active').addClass('oldActive');
  690. if($(event.target).hasClass('slide-right')) {
  691. if($('.oldActive').is(':last-child')) {
  692. $('.slide').first().addClass('active');
  693. } else {
  694. $('.oldActive').next().addClass('active');
  695. }
  696. } else if($(event.target).hasClass('slide-left')) {
  697. if($('.oldActive').is(':first-child')) {
  698. $('.slide').last().addClass('active');
  699. } else {
  700. $('.oldActive').prev().addClass('active');
  701. }
  702. }
  703. $('.oldActive').removeClass('oldActive');
  704. $('.slide').hide();
  705. $('.active').fadeIn(speed);
  706. });
  707.  
  708. // changing navbar on scroll
  709. /*
  710. $(window).on('scroll', function() {
  711. var marker = $('.nav').height();
  712. if ($(window).scrollTop() > marker) {
  713. $('.nav').addClass("scroll_effect");
  714. $('.nav').css({
  715. "padding":"10px 100px",
  716. "height":"50px",
  717. });
  718. } else {
  719. $('.nav').removeClass("scroll_effect");
  720. $('.nav').css({
  721. "padding":"25px 100px",
  722. "height":"50px"
  723. });
  724. }
  725. });
  726. */
  727. });
  728. </script>
  729. </body>
  730. </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!