API tools faq
paste
Advertisement
Guest User

my theme

a guest
May 15th, 2018
264
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 64.90 KB | None | 0 0
raw download clone embed print report
  1. <!------------------------------------------
  2.  
  3. (◍•ᴗ•◍)♡ ✧*。
  4.  
  5. Custom Theme for Lauren | @girlhy
  6. by ThemeKid Chloë | @redivide | @themekid
  7.  
  8. > Do not delete/alter any credit.
  9. > Do not claim as your own.
  10. > Do not copy any code.
  11. > Do not redistribute.
  12.  
  13. ===========================================
  14.  
  15. DEPENDENCIES:
  16.  
  17. > jQuery
  18. https://jquery.com/
  19. > Outicons by Anton Saputro
  20. https://github.com/antonps/outicons
  21. > FontAwesome
  22. https://fontawesome.com/
  23. > Google Fonts
  24. https://fonts.google.com/
  25. > Style My Tooltips
  26. http://manos.malihu.gr/tuts/style-my-tooltips.html
  27. > SimpleWeather.js
  28. https://monkeecreate.github.io/jquery.simpleWeather/
  29. > jQuery Marquee
  30. http://aamirafridi.com/jquery/jquery-marquee-plugin
  31. > Popups
  32. http://themekid.tumblr.com/post/162000588020/
  33. > imagesLoaded
  34. https://imagesloaded.desandro.com/
  35. > Masonry
  36. https://masonry.desandro.com/
  37. > PXU Photosets - updated by bct
  38. http://bychloethemes.tumblr.com/post/155956945114/
  39. > Infinite Scroll
  40. https://infinite-scroll.com/
  41. > Video Resizing
  42. http://shythemes.tumblr.com/post/134536748863/
  43.  
  44. ------------------------------------------->
  45. <html>
  46. <head>
  47. <link href="https://fonts.googleapis.com/css?family=Chonburi" rel="stylesheet">
  48.  
  49.  
  50. <meta name="image:More Section" content="" />
  51. <meta name="color:Accent" content="#e5c1c5" />
  52. <meta name="color:Dark Accent" content="#c09992" />
  53. <meta name="text:About" content="" />
  54.  
  55. <meta name="text:Squad 1" content="girlhy" />
  56. <meta name="text:Squad 2" content="girlhy" />
  57. <meta name="text:Squad 3" content="girlhy" />
  58. <meta name="text:Squad 4" content="girlhy" />
  59. <meta name="text:Squad 5" content="girlhy" />
  60. <meta name="text:Squad 6" content="girlhy" />
  61.  
  62. <meta name="text:Reading" content="" />
  63. <meta name="text:Watching" content="" />
  64. <meta name="text:Listening" content="" />
  65.  
  66. <meta name="text:Updates" content="" />
  67.  
  68. <meta charset="UTF-8" />
  69. <title>{block:TagPage}{Tag} posts | {/block:TagPage} {block:PostSummary}{PostSummary} | {/block:PostSummary}{Title}</title>
  70. <link rel="shortcut icon" href="{Favicon}">
  71. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  72. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  73. <link href='https://static.tumblr.com/8pnyeus/sXxofi7lt/outicons.css' rel='stylesheet' type='text/css'>
  74. <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600|Shadows+Into+Light" rel="stylesheet">
  75. <link rel="stylesheet" href="http://static.tumblr.com/8pnyeus/29To2og0o/styles.css">
  76. <script src="https://dl.dropboxusercontent.com/s/7ke33tjjl8rty02/scripts.js"></script>
  77. <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  78. <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
  79. <link href="http://static.tumblr.com/dq6g0mp/CRkoupmq1/disney.css" rel="stylesheet">
  80. <script>
  81. (function($){ $(document).ready(function(){ $("[title],a[title],img[title]").style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:100, tip_fade_speed:300, attribute:"title" }); }); })(jQuery);
  82. </script>
  83. <style>
  84. /*---- Whole Badge ----*/
  85.  
  86. .lazyangels-badge{
  87. position:fixed;
  88. /*--- you may need to adjust these numbers a bit, depending on your blog borders and how far from the top (or bottom) you want this to show. Don't forget to also adjust the left postioning on the hover effect if you do this. ---*/
  89. left:-204px;
  90. top:60px;
  91. /*--------------*/
  92. width:250px;
  93. -webkit-transition: all .9s ease;
  94. -moz-transition: all .9s ease;
  95. -o-transition: all .9s ease;
  96. -ms-transition: all .9s ease;
  97. transition: all .9s ease;
  98. }
  99.  
  100. .lazyangels-badge:hover{
  101. left:5px;
  102. }
  103.  
  104. /*---- Label Portion ----*/
  105.  
  106. .lazyangels-label{
  107. display:inline-block;
  108. width:205px;
  109. height:30px;
  110. padding:2px;
  111. border-radius:2px;
  112. border:1px solid #eeeeee;
  113. }
  114.  
  115. .lazyangels-name{
  116. display: flex;
  117. align-items: center;
  118. height:30px;
  119. justify-content: center;
  120. font-family: 'run_wild_-_demoregular';
  121. font-size:20px;
  122. }
  123.  
  124. /*---- Badge Portion ----*/
  125.  
  126. .lazyangels-image{
  127. display:inline-block;
  128. position:absolute;
  129. top:0px;
  130. right:0px;
  131. padding:2px;
  132. border-radius:2px;
  133. background-color:#ffffff;
  134. border:1px solid #eeeeee;
  135. width:30px;
  136. height:30px;
  137. overflow:hidden;
  138. }
  139.  
  140. .lazyangels-icon{
  141. width:30px;
  142. height:30px;
  143. overflow:hidden;
  144. }
  145.  
  146. .lazyangels-icon img{
  147. width:30px;
  148. min-height:30px;
  149. }
  150. .dpn-badge{
  151. position:fixed;
  152. /*--- you may need to adjust these numbers a bit, depending on your blog borders and how far from the top (or bottom) you want this to show. Don't forget to also adjust the left postioning on the hover effect if you do this. ---*/
  153. left:-154px;
  154. top:100px;
  155. /*--------------*/
  156. width:200px;
  157. -webkit-transition: all .9s ease;
  158. -moz-transition: all .9s ease;
  159. -o-transition: all .9s ease;
  160. -ms-transition: all .9s ease;
  161. transition: all .9s ease;
  162. }
  163.  
  164. .dpn-badge:hover{
  165. left:10px;
  166. }
  167.  
  168. /*---- Label Portion ----*/
  169.  
  170. .dpn-label{
  171. display:inline-block;
  172. width:155px;
  173. height:30px;
  174. padding:2px;
  175. border-radius:2px;
  176. border:1px solid #eeeeee;
  177. }
  178.  
  179. .dpn-teamname{
  180. display: flex;
  181. align-items: center;
  182. height:30px;
  183. justify-content: center;
  184. font-family: 'descendantsregular';
  185. font-size:20px;
  186. }
  187.  
  188. /*---- Badge Portion ----*/
  189.  
  190. .dpn-image{
  191. display:inline-block;
  192. position:absolute;
  193. top:0px;
  194. right:0px;
  195. padding:2px;
  196. border-radius:2px;
  197. background-color:#ffffff;
  198. border:1px solid #eeeeee;
  199. width:30px;
  200. height:30px;
  201. overflow:hidden;
  202. }
  203.  
  204. .dpn-teamimage{
  205. width:30px;
  206. height:30px;
  207. overflow:hidden;
  208. }
  209.  
  210. .dpn-teamimage img{
  211. width:30px;
  212. min-height:30px;
  213. }
  214. * {
  215. margin: 0;
  216. padding: 0;
  217. }
  218. ::-webkit-scrollbar {
  219. background-color: #ddd;
  220. height: 11px;
  221. width: 11px;
  222. border: 5px solid #fff;
  223. }
  224. ::-webkit-scrollbar-thumb {
  225. background-color: #000;
  226. border: 5px solid #fff;
  227. }
  228. #tumblr_controls, .tmblr-iframe {
  229. top: 5px!important;
  230. right: 7px!important;
  231. -webkit-filter: invert(100%);
  232. filter: invert(100%);
  233. position: fixed!important;
  234. -webkit-transform: scale(.8, .8);
  235. -moz-transform: scale(.8, .8);
  236. transform: scale(.8, .8);
  237. -webkit-transform-origin: right top;
  238. -moz-transform-origin: right top;
  239. -ms-transform-origin: right top;
  240. -o-transform-origin: right top;
  241. transform-origin: right top;
  242. z-index: 999999999999999999!important
  243. }
  244. #reblogged {
  245. bottom: 20px!important;
  246. right: 20px!important;
  247. }
  248. #s-m-t-tooltip {
  249. max-width: 300px;
  250. padding: 3px 6px;
  251. margin: 20px 10px;
  252. background: #000;
  253. color: #fff;
  254. z-index: 999999999999999!important;
  255. font-size: 10px;
  256. font-weight: bold;
  257. }
  258. body {
  259. color: #000;
  260. font-family: 'Open Sans', sans-serif;
  261. line-height: 15px;
  262. -moz-osx-font-smoothing: grayscale;
  263. -webkit-font-smoothing: antialiased;
  264. font-smoothing: antialiased;
  265. font-size: 11px;
  266. }
  267. body:before {
  268. content:'';
  269. width:10px;
  270. height:100%;
  271. position:fixed;
  272. top:0;
  273. background: {color:Accent};
  274. left:0;
  275. z-index: 99999999999999;
  276. }
  277. body:after {
  278. content:'';
  279. width:10px;
  280. height:100%;
  281. position:fixed;
  282. top:0;
  283. background: {color:Accent};
  284. right:0;
  285. z-index: 9999;
  286. }
  287. html:before {
  288. content:'';
  289. height:10px;
  290. width:100%;
  291. position:fixed;
  292. top:0;
  293. background: {color:Accent};
  294. left:0;
  295. z-index: 9999;
  296. }
  297. html:after {
  298. content:'';
  299. height:10px;
  300. width:100%;
  301. position:fixed;
  302. bottom:0;
  303. background: {color:Accent};
  304. left:0;
  305. z-index: 9999;
  306. }
  307. img:not(.lightbox-image) {
  308. max-width: 100%;
  309. height: auto;
  310. vertical-align: middle;
  311. }
  312. a {
  313. text-decoration: none;
  314. color: {color:Dark Accent};
  315. }
  316. h1, h2, h3, h4, h5, h6 {
  317. font-family: 'Shadows Into Light', serif;
  318. letter-spacing: 1px;
  319. }
  320. p {
  321. margin: 5px 0;
  322. }
  323. #infscr-loading {
  324. position:absolute;
  325. margin-bottom:-40px;
  326. bottom:30px;
  327. width:200px;
  328. margin-left:50%;
  329. left:-100px;
  330. text-align:center;
  331. }
  332. aside {
  333. width: 220px;
  334. position: fixed;
  335. top: 220px;
  336. right: calc(50% - 506px);
  337. text-align: center;
  338. }
  339. aside h1 {
  340. font-family: 'Shadows Into Light', sans-serif;
  341. text-transform: uppercase ;
  342. letter-spacing: 2px;
  343. font-size: 2.5em;
  344. color: #000 ;
  345. }
  346. #desc {
  347. margin: 20px 0;
  348. line-height: 1.7;
  349. }
  350. ul#nav {
  351. list-style: none;
  352. }
  353. ul#nav a {
  354. color: #000;
  355. }
  356. ul#nav li {
  357. margin: 0 3px;
  358. display: inline-block;
  359. font-size: 1.3em;
  360. }
  361. #container {
  362. position: relative;
  363. left: calc(50% - 520px);
  364. padding: 50px;
  365. padding-top: 120px;
  366. width: 700px;
  367. -webkit-transition: all 0.5s ease-in-out;
  368. -moz-transition: all 0.5s ease-in-out;
  369. -o-transition: all 0.5s ease-in-out;
  370. transition: all 0.5s ease-in-out;
  371. }
  372. .swap #container {
  373. left: -100%;
  374. -webkit-transition: all 0.5s ease-in-out;
  375. -moz-transition: all 0.5s ease-in-out;
  376. -o-transition: all 0.5s ease-in-out;
  377. transition: all 0.5s ease-in-out;
  378. }
  379. #posts {
  380. width: 700px;
  381. }
  382. article {
  383. width: 200px;
  384. margin-bottom: 50px;
  385. box-sizing: border-box;
  386. padding: 2px;
  387. border: 5px solid {color:Accent};
  388. background: #fff;
  389. position: relative;
  390. {block:PermalinkPage}
  391. width: 450px;
  392. margin: 0 auto;
  393. padding: 10px;
  394. {/block:PermalinkPage}
  395. }
  396.  
  397. article.photo .reblog-list,
  398. article.video .reblog-list,
  399. article.photoset .reblog-list {
  400. padding: 15px 10px 10px;
  401. }
  402. article:not(.photo):not(.video) {
  403. padding: 15px;
  404. }
  405. article.photo .replog-list:empty,
  406. article .reblog-list:empty {
  407. display: none;
  408. }
  409. .reblog:not(:first-of-type):not(.note) {
  410. padding-top: 10px;
  411. }
  412. article h2 + div {
  413. padding-top: 10px;
  414. }
  415. article p {
  416. margin-bottom: 5px;
  417. }
  418. article p:last-of-type {
  419. margin-bottom: 0;
  420. }
  421. article ol, article ul {
  422. padding-left: 15px;
  423. margin: 10px;
  424. }
  425. article .reblog:not(.note) img {
  426. margin: 5px 0;
  427. }
  428. article blockquote {
  429. margin: 10px;
  430. border-left: 2px solid #eaeaea;
  431. padding-left: 10px;
  432. }
  433. article .reblog-header {
  434. margin-bottom: 3px;
  435. }
  436. article .reblog-header i {
  437. margin-right: 5px;
  438. }
  439. article .inactive span {
  440. text-decoration: line-through;
  441. }
  442. article .reblog-list:hover .inactive:after {
  443. content: 'deactivated';
  444. margin-left: 5px;
  445. text-decoration: none;
  446. }
  447. article.quote cite {
  448. display: block;
  449. text-align: right;
  450. }
  451. article.quote .reblog-list {
  452. display: none;
  453. }
  454. article.chat ul {
  455. list-style: none;
  456. margin: 0;
  457. padding: 0;
  458. font-size: 1.1em;
  459. }
  460. article.chat li:not(:first-of-type) {
  461. margin-top: 5px;
  462. }
  463. .host + .reblog-list {
  464. padding-top: 10px;
  465. }
  466. article .question {
  467. margin-bottom: 10px;
  468. background: #eee;
  469. padding: 5px;
  470. border-radius: 3px;
  471. }
  472. {block:IndexPage}
  473. .photo ul.permas {
  474. list-style: none;
  475. text-align: center;
  476. width: 100%;
  477. height: 100%;
  478. background: rgba(255,255,255,0.9);
  479. position: absolute;
  480. top: 0;
  481. left: 0;
  482. font-size: 25px;
  483. z-index: 999;
  484. opacity: 0;
  485. -webkit-transition: all 0.3s;
  486. transition: all 0.3s;
  487. padding-left: 0;
  488. margin: 0;
  489. }
  490. .photo:hover ul.permas {
  491. opacity:1;
  492. -webkit-transition:all 0.3s;
  493. transition:all 0.3s;
  494. }
  495. .photo ul.permas li {
  496. display: inline-block;
  497. margin: 0 3px;
  498. line-height: 50px;
  499. height: 50px;
  500. top: calc(50% - 25px);
  501. position: relative;
  502. }
  503. ul.permas li:not(:last-of-type):after {
  504. content: '·';
  505. margin-left: 6px;
  506. font-size: 0.8em;
  507. }
  508. ul.permas a, ul.permas {
  509. color: #222;
  510. }
  511. article:not(.photo) ul.permas li {
  512. display: inline-block;
  513. margin: 0 3px;
  514. }
  515.  
  516. article:not(.photo) ul.permas {
  517. text-align: center;
  518. margin: 0;
  519. padding: 0;
  520. margin-top: 10px;
  521. }
  522. li.custom-like-button {
  523. position: relative;
  524. }
  525. .like_button {
  526. position: absolute;
  527. top: 0;
  528. left: 0;
  529. right: 0;
  530. bottom: 0;
  531. width: 100%;
  532. height: 100%;
  533. opacity: 0;
  534. z-index: 10;
  535. display:inline-block;
  536. }
  537. .like_button iframe {
  538. width: 100% !important;
  539. height: 100% !important;
  540. }
  541. .our_toggle {
  542. display:inline-block;
  543. top: 0;
  544. left: 0;
  545. right: 0;
  546. bottom: 0;
  547. width: 25px;
  548. height: 34px;
  549. line-height: 34px;
  550. z-index: 1;
  551. -webkit-transition: all 0.2s ease-in-out;
  552. -moz-transition: all 0.2s ease-in-out;
  553. -o-transition: all 0.2s ease-in-out;
  554. transition: all 0.2s ease-in-out;
  555. }
  556. article:not(.photo) .our_toggle {
  557. width: 13px;
  558. height: 18px;
  559. line-height: 18px;
  560. }
  561. .like_button:hover + .our_toggle {
  562. color: #d95e40;
  563. -webkit-transition: all 0.2s ease-in-out;
  564. -moz-transition: all 0.2s ease-in-out;
  565. -o-transition: all 0.2s ease-in-out;
  566. transition: all 0.2s ease-in-out;
  567. }
  568. .like_button.liked + .our_toggle .oi-heart:before {
  569. content: "\e098";
  570. color: #d95e40;
  571. }
  572. {/block:IndexPage}
  573. {block:PermalinkPage}
  574. ul.extra-info {
  575. padding:0;
  576. margin:0;
  577. list-style:none;
  578. text-align:left;
  579. }
  580. ul.extra-info li {
  581. padding: 4px 0;
  582. margin: 3px 0;
  583. border-bottom: 1px solid #fafafa;
  584. text-align:left;
  585. }
  586. ul.extra-info i {
  587. font-size:13px;
  588. color:#7b7b7b;
  589. margin-right:3px;
  590. }
  591. ol.notes a, .extra-info a {
  592. color:#000;
  593. font-weight:bold;
  594. }
  595. ol.notes {
  596. padding:0;
  597. margin: 0;
  598. list-style-type: none;
  599. padding: 0;
  600. }
  601. ol.notes li.note {
  602. padding: 4px 0;
  603. margin: 3px 0;
  604. padding-left: 16px;
  605. border-bottom: 1px solid #fafafa;
  606. }
  607. ol.notes li.note .avatar_frame {
  608. float:right;
  609. }
  610. ol.notes li.note img.avatar {
  611. border-radius:3px;
  612. }
  613. ol.notes li.note blockquote {
  614. border-left:2px solid #eee;
  615. padding-left:10px;
  616. margin:10px 0;
  617. margin-left:15px;
  618. }
  619. ol.notes li.note blockquote a {
  620. text-decoration: none;
  621. }
  622. li.more_notes_link_container {
  623. font-weight: bold;
  624. text-transform: uppercase;
  625. font-size: 0.85em;
  626. }
  627. li.like:before {
  628. content: "\e099";
  629. font-family: untitled-font-1!important;
  630. font-style: normal;
  631. font-weight: 400;
  632. speak: none;
  633. display: inline-block;
  634. text-decoration: inherit;
  635. width: 1em;
  636. text-align: center;
  637. font-variant: normal;
  638. text-transform: none;
  639. vertical-align: middle;
  640. line-height: 1;
  641. font-size: 1em;
  642. -webkit-font-smoothing: antialiased;
  643. -moz-osx-font-smoothing: grayscale;
  644. margin-right: -11px;
  645. color:#f3719f;
  646. left: -16px;
  647. position: relative;
  648. font-size:13px;
  649. }
  650. li.reblog:before {
  651. content:'\e083';
  652. font-family: untitled-font-1!important;
  653. font-style: normal;
  654. font-weight: 400;
  655. speak: none;
  656. display: inline-block;
  657. text-decoration: inherit;
  658. width: 1em;
  659. text-align: center;
  660. font-variant: normal;
  661. text-transform: none;
  662. vertical-align: middle;
  663. line-height: 1;
  664. font-size: 1em;
  665. -webkit-font-smoothing: antialiased;
  666. -moz-osx-font-smoothing: grayscale;
  667. margin-right: -11px;
  668. color:#7b7b7b;
  669. left: -16px;
  670. position: relative;
  671. font-size:13px;
  672. }
  673. li.original_post:before {
  674. content:'\e078';
  675. }
  676. .reblog-list:empty + .more-info {
  677. margin-top: 10px;
  678. }
  679. a.tags {
  680. margin-right: 5px;
  681. color: #676767;
  682. }
  683. article:not(.photo) .more-info,
  684. article:not(.photoset) .more-info{
  685. margin-top: 10px;
  686. }
  687. article:not(.photo):not(.photoset):not(.video) {
  688. padding: 20px;
  689. }
  690. article:not(.photo):not(.photoset):not(.video) ol.notes {
  691. margin: 10px 0 0;
  692. }
  693. article:not(.photo):not(.photoset):not(.video) .more-info {
  694. margin-left: 0;
  695. margin-right: 0;
  696. }
  697. {/block:PermalinkPage}
  698.  
  699. /* info box */
  700. #more-section {
  701. position: fixed;
  702. top: 120px;
  703. right: 100%;
  704. width: 701px;
  705. box-sizing: border-box;
  706. border: 1px solid #eaeaea;
  707. background: #fff;
  708. padding: 15px 15px 0;
  709. -webkit-transition: all 0.5s ease-in-out;
  710. -moz-transition: all 0.5s ease-in-out;
  711. -o-transition: all 0.5s ease-in-out;
  712. transition: all 0.5s ease-in-out;
  713.  
  714. }
  715. .swap #more-section {
  716. right: calc(50% - 210px);
  717. -webkit-transition: all 0.5s ease-in-out;
  718. -moz-transition: all 0.5s ease-in-out;
  719. -o-transition: all 0.5s ease-in-out;
  720. transition: all 0.5s ease-in-out;
  721. }
  722. .box {
  723. width: 213px;
  724. margin-bottom: 10px;
  725. }
  726. .box h3 {
  727. color: #000;
  728. margin-bottom: 5px;
  729. font-size: 1.4em;
  730. }
  731. #statistics {
  732. table-layout: fixed;
  733. width: 100%;
  734. margin: 0 auto;
  735. text-align: center;
  736. margin-bottom: 5px;
  737. font-size: 0.9em;
  738. border-collapse: collapse;
  739. }
  740. #statistics td {
  741. border: 1px solid #eaeaea;
  742. padding: 6px;
  743. }
  744. #statistics span {
  745. display: inline-block;
  746. font-weight: bold;
  747. font-size: 0.95em;
  748. }
  749. #statistics a {
  750. color: #000;
  751. }
  752. #statistics h2 {
  753. font-family: 'Karla', sans-serif;
  754. font-size: 1.3em;
  755. }
  756. progress[value] {
  757. -webkit-appearance: none;
  758. -moz-appearance: none;
  759. appearance: none;
  760. border: none;
  761. width: calc(100% - 54px);
  762. height: 12px;
  763. vertical-align: middle;
  764. margin: 7px 5px;
  765. }
  766. progress[value]::-webkit-progress-bar {
  767. background-color: #f6f6f6;
  768. border-radius: 2px;
  769. box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
  770. }
  771. progress[value]::-webkit-progress-value {
  772. background-color: {color:Accent};
  773. border-radius: 2px;
  774. background-size: 35px 20px, 100% 100%, 100% 100%;
  775. }
  776. progress[value]::-moz-progress-bar {
  777. background-color: {color:Accent};
  778. border-radius: 2px;
  779. background-size: 35px 20px, 100% 100%, 100% 100%;
  780. }
  781. span.step {
  782. margin: 7px 0;
  783. display: inline-block;
  784. vertical-align: middle;
  785. font-weight: bold;
  786. width: 22px;
  787. text-align: center;
  788. }
  789. .squad li {
  790. list-style: none;
  791. display: inline-block;
  792. width: calc(100%/6 - 4px);
  793. border-radius: 3px;
  794. overflow: hidden;
  795. box-sizing: border-box;
  796. margin: 2px;
  797. }
  798. #currently {
  799. list-style: none;
  800. }
  801. #social {
  802. text-align: center;
  803. }
  804. #social a {
  805. color: #fff;
  806. }
  807. #social li {
  808. list-style: none;
  809. display: inline-block;
  810. font-size: 20px;
  811. line-height: 25px;
  812. padding: 1px;
  813. vertical-align: middle;
  814. margin: 0 5px;
  815. width: 25px;
  816. text-align: center;
  817. border-radius: 5px;
  818. box-shadow: 1px 1px #eaeaea;
  819. }
  820. /*instagram*/
  821. #social li:first-of-type {
  822. background-image:-moz-linear-gradient(top, #8a3ab9 0%, #bc2a8d 50%,#fccc63 100%);
  823. background-image:linear-gradient(top, #8a3ab9 0%, #bc2a8d 50%,#fccc63 100%);
  824. background-image:-webkit-linear-gradient(top, #8a3ab9 0%, #bc2a8d 50%,#fccc63 100%);
  825. background-image:-o-linear-gradient(top, #8a3ab9 0%, #bc2a8d 50%,#fccc63 100%);
  826. background-image:-ms-linear-gradient(top, #8a3ab9 0%, #bc2a8d 50%,#fccc63 100%);
  827. background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#8a3ab9), color-stop(50%,#bc2a8d),color-stop(100%,#fccc63));
  828. }
  829. #social li:nth-of-type(2) {
  830. background: #1da1f2;
  831. }
  832. #social li:nth-of-type(3) {
  833. background: #fffc00;
  834. }
  835. [class*=" weather-"]:before,[class^=weather-]:before{font-family:untitled-font-1!important;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;text-align:center;font-variant:normal;text-transform:none;vertical-align:middle;line-height:inherit;font-size:1em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
  836. .weather-32:before,.weather-34:before,.weather-36:before {
  837. content:"\e00c"
  838. }
  839. .weather-26:before, .weather-27:before, .weather-29:before {
  840. content:"\e00e"
  841. }
  842. .weather-8:before, .weather-9:before, .weather-10:before, .weather-11:before, .weather-12:before, .weather-18:before, .weather-35:before, .weather-40:before {
  843. content:"\e02b"
  844. }
  845. .weather-0:before, .weather-1:before, .weather-2:before, .weather-3:before, .weather-4:before, .weather-38:before, .weather-39:before, .weather-45:before, .weather-47:before {
  846. content:"\e00d"
  847. }
  848. .weather-28:before, .weather-30:before, .weather-44:before {
  849. content:"\e00e"
  850. }
  851. .weather-13:before, .weather-14:before, .weather-15:before, .weather-16:before, .weather-25:before {
  852. content:"\e011"
  853. }
  854. .weather-5:before, .weather-6:before, .weather-7:before, .weather-17:before, .weather-41:before, .weather-42:before, .weather-43:before, .weather-46:before {
  855. content:"\e012"
  856. }
  857. .weather-19:before, .weather-20:before, .weather-21:before, .weather-22:before, .weather-23:before, .weather-24:before {
  858. content:"\e007"
  859. }
  860. .weather-37:before {
  861. content:"\e05c"
  862. }
  863. .weather-31:before, .weather-33:before {
  864. content:"\e01f"
  865. }
  866. #weather i {
  867. font-size:13.5px;
  868. }
  869.  
  870. #weather > div:last-of-type {
  871. border-left: none;
  872. line-height: 1.3em;
  873. padding-top: 10px;
  874. }
  875. #weather > div {
  876. width: 50%;
  877. display: inline-block;
  878. text-align: center;
  879. vertical-align: middle;
  880. border: 1px solid #e7c0c2;
  881. box-sizing: border-box;
  882. height: 65px;
  883. padding: 16px 6px;
  884. margin-top: -2px;
  885. }
  886. #weather > div > span {
  887. display:block;
  888. }
  889. #weather h2 {
  890. font-weight:normal;
  891. font-size:1.5em;
  892. }
  893. .marquee {
  894. width: 100%;
  895. overflow: hidden;
  896. }
  897. .box .apply {
  898. width: calc(25% - 3px);
  899. display: inline-block;
  900. vertical-align: middle;
  901. margin-right: 4px;
  902. text-align: center;
  903. }
  904. .box .apply {
  905. height: 90px;
  906. width: 75px;
  907. }
  908. .box .apply:last-of-type{
  909. margin-right: 0;
  910. }
  911. .box .apply img {
  912. display: block;
  913. }
  914. .box #apply-area span {
  915. width: 12px;
  916. text-align: center;
  917. display: inline-block;
  918. }
  919.  
  920. /* popups */
  921. .popup_block {
  922. padding: 30px;
  923. font-size: 12px;
  924. background:#fff;
  925. border: 1px solid #eaeaea;
  926. /*don’t change anything below here*/
  927. display: none;
  928. position: fixed;
  929. top: 50%; left: calc(50% - 125px);
  930. z-index: 99999999;
  931. max-height:70vh;
  932. overflow:auto;
  933. -webkit-animation: zoom 0.5s;
  934. -moz-animation: zoom 0.5s;
  935. -ms-animation: zoom 0.5s;
  936. -o-animation: zoom 0.5s;
  937. animation: zoom 0.5s;
  938. }
  939. *html .popup_block {
  940. position: absolute;
  941. }
  942. @-webkit-keyframes zoom {0% {transform: scale(0);-webkit-transform: scale(0);}100% {transform: scale(1.0);-webkit-transform: scale(1.0);}}@-moz-keyframes zoom {0% {transform: scale(0);-moz-transform: scale(0);}100% {transform: scale(1.0);-moz-transform: scale(1.0);}}@keyframes zoom {0% {transform: scale(0);}100% {transform: scale(1.0);}}
  943. .popup_block h2, .popup_block h4 {
  944. margin-bottom: 10px;
  945. }
  946. #popup_ask td {
  947. padding: 10px;
  948. vertical-align: top;
  949. }
  950. #popup_ask table {
  951. table-layout: fixed;
  952. width: 100%;
  953. border-collapse: collapse;
  954. margin-bottom: 10px;
  955. }
  956. #popup_ask h4 {
  957. margin-bottom: 7px;
  958. border-bottom: 1px solid {color:Accent};
  959. padding-bottom: 5px;
  960. }
  961. .linkies h2 {
  962. font-size: 18px;
  963. text-transform: lowercase;
  964. margin: 0px 0 10px;
  965. text-align: center;
  966. }
  967. .linkies h2:not(:first-of-type) {
  968. margin-top: 10px;
  969. }
  970. .linkies ul {
  971. list-style: none;
  972. }
  973.  
  974. .linkies li {
  975. display: inline-block;
  976. width: calc(100% / 3 - 5px);
  977. text-align: center;
  978. background: rgba({RGBcolor:Accent},0.3);
  979. border: 1px solid rgba({RGBcolor:Dark Accent},0.5);
  980. margin-bottom: 5px;
  981. margin-left: 5px;
  982. box-sizing: border-box;
  983. padding: 5px;
  984. }
  985.  
  986. #more-section #box {
  987. border:none;
  988. border-bottom:1px solid #eee;
  989. padding:3px;
  990. font-family:'Open Sans', sans-serif;
  991. font-size:9px;
  992. color:#666;
  993. width:calc(100% - 25px);
  994. }
  995. #more-section form {
  996. margin-bottom:3px;
  997. }
  998. #more-section form i {
  999. margin-left:5px;
  1000. }
  1001. #more-section #box:focus {
  1002. outline:none;
  1003. }
  1004. #more-section #button {
  1005. border: none;
  1006. background: transparent;
  1007. width: 0;
  1008. height: 0;
  1009. z-index: -1;
  1010. }
  1011. .back-to-top {
  1012. text-align: center;
  1013. bottom: 25px;
  1014. width: 65px;
  1015. left: 45px;
  1016. font-size: 9px;
  1017. cursor: pointer;
  1018. text-transform: uppercase;
  1019. font-weight: bold;
  1020. position: fixed;
  1021. display: none;
  1022. z-index: 99999;
  1023. color: #000;
  1024. }
  1025. .back-to-top i {
  1026. display: block;
  1027. font-size: 2.5em;
  1028. color: {color:Dark Accent};
  1029. }
  1030.  
  1031. #updates li, .will-wont li {
  1032. list-style: none;
  1033. position: relative;
  1034. margin-left: 16px;
  1035. text-align: left;
  1036. }
  1037. #updates li:before, .will-wont li:before {
  1038. content: "\e0b9";
  1039. font-family: untitled-font-1!important;
  1040. font-style: normal;
  1041. font-weight: 400;
  1042. speak: none;
  1043. display: inline-block;
  1044. text-decoration: inherit;
  1045. width: 1em;
  1046. text-align: center;
  1047. font-variant: normal;
  1048. text-transform: none;
  1049. vertical-align: middle;
  1050. line-height: 1;
  1051. font-size: 1em;
  1052. -webkit-font-smoothing: antialiased;
  1053. -moz-osx-font-smoothing: grayscale;
  1054. margin-right: -11px;
  1055. color: #7b7b7b;
  1056. left: -16px;
  1057. position: relative;
  1058. }
  1059.  
  1060.  
  1061. </style>
  1062. </head>
  1063. <body>
  1064.  
  1065.  
  1066.  
  1067. <!----- #TeamAurora ------>
  1068. <a href="https://disneyprincess-network.tumblr.com/" target="blank" title="Disney Princess Network">
  1069. <div class="dpn-badge">
  1070. <div class="dpn-label"><div class="dpn-teamname" style="color:#322B3D;">Team Aurora</div></div>
  1071. <div class="dpn-image"><div class="dpn-teamimage"><img src="https://68.media.tumblr.com/7d6e707127c1979cda5aeaecde989887/tumblr_onanv1eQmv1upui0co1_500.png"></div></div>
  1072. </div>
  1073. </a>
  1074.  
  1075. <!----- Lazy Angels Network ------>
  1076. <a href="https://lazyangels-network.tumblr.com/" target="blank" title="Lazy Angels Network">
  1077. <div class="lazyangels-badge">
  1078. <div class="lazyangels-label"><div class="lazyangels-name" style="color:#514B59;">Lazy Angels Network</div></div>
  1079. <div class="lazyangels-image"><div class="lazyangels-icon"><img src="http://i.imgur.com/Nni9NLA.png"></div></div>
  1080. </div>
  1081. </a>
  1082. <div class="back-to-top">
  1083. <i class="oi-chevron-up"></i>
  1084. Back to top
  1085. </div>
  1086. <aside>
  1087. <h1>{Title}</h1>
  1088. {block:Description}
  1089. <div id="desc">
  1090. {Description}
  1091. </div>
  1092. {/block:Description}
  1093. <ul id="nav">
  1094. <li><a href="/"><i class="oi-home"></i></a>
  1095. <li><a href="#?w=500" rel="popup_ask" class="poplight" title="ask"><i class="oi-chat"></i></a>
  1096. <li><a href="#?w=500" rel="popup_navi" class="poplight" title="links"><i class="oi-link"></i></a>
  1097. <li><a href="#" id="more-link"><i class="oi-info"></i></a>
  1098. <li><a href="/archive"><i class="oi-grid"></i></a>
  1099. </ul>
  1100. </aside>
  1101. <section id="more-section">
  1102. <div id="masonry">
  1103. {block:IfMoreSectionImage}<div class="box">
  1104. <img src="{image:More Section}">
  1105. </div>{/block:IfMoreSectionImage}
  1106. {block:IfAbout}<div class="box">
  1107. <h3>about me</h3>
  1108. {text:About}
  1109. </div>{/block:IfAbout}
  1110. <div class="box">
  1111. <h3>birthdays</h3>
  1112. <div id="birthdayClub"></div>
  1113. </div>
  1114. <div class="box">
  1115. <h3>statistics</h3>
  1116. <table id="statistics">
  1117. <tr>
  1118. <td>
  1119. <h2><script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5505219";var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;fhs.src = "//freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");</script></h2>
  1120. <span>ONLINE</span>
  1121. </td>
  1122. <td>
  1123. <h2><span><script src="https://followercounter.co/api/text/girlhy"></script></span></h2>
  1124. <span>FOLLOW</span>
  1125. </td>
  1126. <td>
  1127. <h2><script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3267266";fhsh.src = "//freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=&a=1";document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");</script></h2>
  1128. <span>BEEN</span>
  1129. </td>
  1130. <td>
  1131. <h2><span id="qplus"><script id="qpscript" src="http://qplus.io/scripts/queued/5999ff54043118fb460938e6"></script></span></h2>
  1132. <span>QUEUED</span>
  1133. </td>
  1134. </tr>
  1135. </table>
  1136. <span id="first-step" class="step"></span>
  1137. <progress id="progress" max="1000" value="0"></progress>
  1138. <span id="second-step" class="step"></span>
  1139. <span id="first-jump" class="step"></span>
  1140. <progress id="goal" max="10000" value="0"></progress>
  1141. <span id="second-jump" class="step"></span>
  1142. <span id="first-leap" class="step"></span>
  1143. <progress id="big-goal" max="100000" value="0"></progress>
  1144. <span id="second-leap" class="step"></span>
  1145. </div>
  1146. <div class="box">
  1147. <h3>currently</h3>
  1148. <ul id="currently">
  1149. {block:IfReading}<li><i class="oi-book"></i> {text:Reading}{/block:IfReading}
  1150. {block:IfListening}<li><i class="oi-disc"></i> {text:Listening}{/block:IfListening}
  1151. {block:IfWatching}<li><i class="oi-monitor"></i> {text:Watching}{/block:IfWatching}
  1152. </ul>
  1153. </div>
  1154. <div class="box">
  1155. <h3>squad</h3>
  1156. <ul class="squad">
  1157. {block:IfSquad1}<li><a href="http://{text:Squad 1}.tumblr.com" title="{text:Squad 1}"><img src="http://api.tumblr.com/v2/blog/{text:Squad 1}/avatar/64"></a>{/block:IfSquad1}
  1158. {block:IfSquad2}<li><a href="http://{text:Squad 2}.tumblr.com" title="{text:Squad 2}"><img src="http://api.tumblr.com/v2/blog/{text:Squad 2}/avatar/64"></a>{/block:IfSquad2}
  1159. {block:IfSquad3}<li><a href="http://{text:Squad 3}.tumblr.com" title="{text:Squad 3}"><img src="http://api.tumblr.com/v2/blog/{text:Squad 3}/avatar/64"></a>{/block:IfSquad3}
  1160. {block:IfSquad4}<li><a href="http://{text:Squad 4}.tumblr.com" title="{text:Squad 4}"><img src="http://api.tumblr.com/v2/blog/{text:Squad 4}/avatar/64"></a>{/block:IfSquad4}
  1161. {block:IfSquad5}<li><a href="http://{text:Squad 5}.tumblr.com" title="{text:Squad 5}"><img src="http://api.tumblr.com/v2/blog/{text:Squad 5}/avatar/64"></a>{/block:IfSquad5}
  1162. {block:IfSquad6}<li><a href="http://{text:Squad 6}.tumblr.com" title="{text:Squad 6}"><img src="http://api.tumblr.com/v2/blog/{text:Squad 6}/avatar/64"></a>{/block:IfSquad6}
  1163. </ul>
  1164. </div>
  1165. <div class="box">
  1166. <h3>networks</h3>
  1167. <div class="marquee">
  1168. <a href="https://pllsquadnetwork.tumblr.com/">pretty little liars network</a> &middot;
  1169. <a href="https://itgirl-network.tumblr.com/">it girl network </a> &middot;
  1170. <a href="https://disneyprincess-network.tumblr.com/">disney princess network</a> &middot;
  1171. <a href="http://the-sunshinenetwork.tumblr.com/members">sunshine network </a> &middot;
  1172. <a href="https://lazyangels-network.tumblr.com">lazy angels network </a>
  1173. </div>
  1174. </div>
  1175. {block:IfUpdates}<div class="box">
  1176. <h3>updates</h3>
  1177. <ul id="updates">
  1178. {text:Updates}
  1179. </ul>
  1180. </div>{/block:IfUpdates}
  1181. <div class="box">
  1182. <h3>social</h3>
  1183. <ul id="social">
  1184. <li><a href="http://instagram.com/lnicraz" title="instagram"><i class="fa fa-instagram"></i></a>
  1185. <li><a href="http://twitter.com/lnicraz" title="twitter"><i class="fa fa-twitter"></i></a>
  1186. <li><a href="https://snapchat.com/add/heyylaurenx3" title="snapchat"><i class="fa fa-snapchat-ghost"></i></a>
  1187. </ul>
  1188. </div>
  1189. <div class="box">
  1190. <h3>weather</h3>
  1191. <div id="weather"></div>
  1192. </div>
  1193. <div class="box">
  1194. <h3>search</h3>
  1195. <form action="/search" method="get"><i class="oi-search"></i><input type="text" name="q" value="" id="box"/><input type="submit" value="Search" id="button" /></form>
  1196. </div>
  1197. </div>
  1198. </section>
  1199. <section id="container">
  1200. <div id="posts">
  1201. {block:Posts}<article id="{PostID}" class="{PostType}">
  1202.  
  1203. {block:IndexPage}
  1204. {block:IfReblogHeader}
  1205. {block:RebloggedFrom}
  1206. <div class="header">
  1207. <i class="oi-refresh"></i> <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a>
  1208. <span class="time-ago">{TimeStamp}</span>
  1209. </div>
  1210. {/block:RebloggedFrom}
  1211. {/block:IfReblogHeader}
  1212. {/block:IndexPage}
  1213.  
  1214. {block:Text}
  1215. {block:Title}<h2>{Title}</h2>{/block:Title}
  1216. {block:NotReblog}
  1217. <div class="reblog-list">
  1218. {Body}
  1219. </div>
  1220. {/block:NotReblog}
  1221. {/block:Text}
  1222.  
  1223. {block:Photo}
  1224. <a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false" class="zoom">
  1225. <img src="{PhotoURL-500}">
  1226. </a>
  1227. {block:NotReblog}
  1228. {block:Caption}
  1229. <div class="reblog-list">
  1230. {Caption}
  1231. </div>
  1232. {/block:Caption}
  1233. {/block:NotReblog}
  1234. {/block:Photo}
  1235.  
  1236. {block:Photoset}
  1237. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1238. {block:Photos}<div class="photo-data">
  1239. <div class="pxu-photo">
  1240. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  1241. </div>
  1242. <a class="tumblr-box zoom" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  1243. </div>{/block:Photos}
  1244. </div>
  1245. {block:NotReblog}
  1246. {block:Caption}
  1247. <div class="reblog-list">
  1248. {Caption}
  1249. </div>
  1250. {/block:Caption}
  1251. {/block:NotReblog}
  1252. {/block:Photoset}
  1253.  
  1254. {block:Quote}
  1255. <blockquote>
  1256. <h2>{Quote}</h2>
  1257. </blockquote>
  1258. {block:Source}
  1259. <cite>{Source}</cite>
  1260. {/block:Source}
  1261. {/block:Quote}
  1262.  
  1263. {block:Chat}
  1264. <ul>
  1265. {block:Lines}<li>{block:Label}<b>{Label}</b>{/block:Label} {Line}{/block:Lines}
  1266. </ul>
  1267. {/block:Chat}
  1268.  
  1269. {block:Link}
  1270. <h2><i class="oi-link"></i> <a href="{URL}">{Name}</a></h2>
  1271. {block:Excerpt}
  1272. <blockquote>
  1273. {Excerpt}
  1274. </blockquote>
  1275. {block:Host}
  1276. <div class="host">
  1277. ({Host})
  1278. </div>
  1279. {/block:Host}
  1280. {/block:Excerpt}
  1281. {block:NotReblog}
  1282. {block:Description}
  1283. <div class="reblog-list">
  1284. {Description}
  1285. </div>
  1286. {/block:Description}
  1287. {/block:NotReblog}
  1288. {/block:Link}
  1289.  
  1290. {block:Video}
  1291. <div class="video-resize">{Video-500}</div>
  1292. {block:NotReblog}
  1293. <div class="reblog-list">
  1294. {Caption}
  1295. </div>
  1296. {/block:NotReblog}
  1297. {/block:Video}
  1298.  
  1299. {block:Audio}
  1300. {block:AudioPlayer}<div class="video">{AudioPlayer}</div>{/block:AudioPlayer}
  1301. {block:NotReblog}
  1302. <div class="reblog-list">
  1303. {Caption}
  1304. </div>
  1305. {/block:NotReblog}
  1306. {/block:Audio}
  1307.  
  1308. {block:Answer}
  1309. <div class="question">
  1310. <div class="querier"><i class="oi-chat"></i> {Asker} asked:</div>
  1311. {Question}
  1312. </div>
  1313. {block:Answerer}
  1314. <div class="question">
  1315. <div class="querier"><i class="oi-discuss"></i> {Answerer} replied:</div>
  1316. {Answer}
  1317. </div>
  1318. {/block:Answerer}
  1319. {block:NotReblog}
  1320. <div class="reblog-list">
  1321. {Replies}
  1322. </div>
  1323. {/block:NotReblog}
  1324. {/block:Answer}
  1325.  
  1326. {block:RebloggedFrom}
  1327. <div class="reblog-list" {block:IndexPage}{block:Photo}style="display:none"{/block:Photo}{block:Photoset}style="display:none"{/block:Photoset}{block:Video}style="display:none"{/block:Video}{block:Audio}style="display:none"{/block:Audio}{/block:IndexPage}{block:Chat}style="display:none"{/block:Chat}>
  1328. {block:Reblogs}
  1329. <div class="{block:isOriginalEntry}original-reblog {/block:isOriginalEntry}reblog">
  1330. <div class="reblog-header">
  1331.  
  1332. <a href="{Permalink}" target="_blank">{block:isOriginalEntry}<i class="oi-user"></i>{/block:isOriginalEntry}{block:isNotOriginalEntry}<i class="oi-refresh"></i>{/block:isNotOriginalEntry}</a>
  1333.  
  1334. {block:IsActive}
  1335. <a target="_blank" href="{Permalink}">{Username}</a>
  1336. {/block:IsActive}
  1337.  
  1338. {block:IsDeactivated}
  1339. <span class="inactive"><span>{Username}</span></span>
  1340. {/block:IsDeactivated}
  1341.  
  1342. </div>
  1343. <div class="reblog-content">
  1344. {Body}
  1345. </div>
  1346. </div>
  1347. {/block:Reblogs}
  1348. </div>
  1349. {/block:RebloggedFrom}
  1350.  
  1351. {block:IndexPage}
  1352. <ul class="permas">
  1353. <li class="custom-like-button" title="like">
  1354. {LikeButton}
  1355. <div class="our_toggle"><i class="oi-heart"></i></div>
  1356. <li><a href="{ReblogURL}" target="_blank" class="reblog_button"><i class="oi-refresh"></i></a>
  1357. <li><a href="{Permalink}" target="_blank" title="{NoteCountWithLabel}"><i class="oi-time"></i></a></ul>
  1358. {/block:IndexPage}
  1359.  
  1360. <!-- {block:NoRebloggedFrom}
  1361. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1362. {/block:NoRebloggedFrom} -->
  1363.  
  1364. {block:ContentSource}<!-- {SourceURL}
  1365. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1366. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1367. {/block:ContentSource}
  1368.  
  1369. {block:PermalinkPage}
  1370. {block:Date}<ul class="extra-info">
  1371. <li><i class="oi-time"></i> {MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear} ({TimeAgo})
  1372. {block:NoteCount}<li><i class="oi-chart"></i> {NoteCountWithLabel}{/block:NoteCount}
  1373. {block:RebloggedFrom}<li><i class="oi-refresh"></i> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  1374. {block:ContentSource}<li><i class="oi-globe"></i> <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}
  1375. {block:HasTags}<li><i class="oi-tags"></i> {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  1376. </ul>{/block:Date}
  1377. {block:PostNotes}<div id="notes">
  1378. {PostNotes-16}
  1379. </div>{/block:PostNotes}
  1380. {/block:PermalinkPage}
  1381. </article>{/block:Posts}
  1382. </div>
  1383. </section>
  1384. {block:Pagination}
  1385. <div class="pagination" style="visibility:hidden;">
  1386. {block:NextPage}<a href="{NextPage}" id="next-link">next</a>{/block:NextPage}
  1387. </div>
  1388. {/block:Pagination}
  1389. <script src="https://secure.static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  1390. <script src="https://secure.static.tumblr.com/i5s2zks/0ILo8v362/masonry.pkgd.min.js"></script>
  1391. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1392. <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  1393. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1394. <script src ="http://static.tumblr.com/yxfeliq/eqUozosls/shythemes.vr.modified.min.js"></script>
  1395. <script type="text/javascript" src="https://dl.dropboxusercontent.com/s/llib1ztbc6d6vlx/birthdayclub.js"></script>
  1396. <script src="http://static.tumblr.com/8pnyeus/MSVogx70e/jquery.simpleweather.min.js"></script>
  1397. <script type='text/javascript' src='http://static.tumblr.com/8pnyeus/Pxyop5jqr/jquery.marquee.min.js'></script>
  1398. <script type="text/javascript" src="http://static.tumblr.com/8pnyeus/10hors8sn/themekid-popup.min.js"></script>
  1399. <script type="text/javascript">
  1400. var pxuOptions={
  1401. lightbox:!0,
  1402. rounded:!1,
  1403. gutter:"2px",
  1404. photoset:".photo-slideshow",
  1405. photoWrap:".photo-data",
  1406. photo:".pxu-photo"
  1407. },
  1408. masonryOptions = {
  1409. itemSelector:"article",
  1410. isAnimated:!1,
  1411. columnWidth:200,
  1412. gutter:50,
  1413. fitWidth:false,
  1414. }, masonryInfoOptions = {
  1415. itemSelector:".box",
  1416. isAnimated:!1,
  1417. columnWidth:213,
  1418. gutter:15,
  1419. fitWidth:false,
  1420. }, infScrollOptions = {
  1421. navSelector : "div.pagination",
  1422. nextSelector : ".pagination a#next-link",
  1423. itemSelector : "article",
  1424. loading: {
  1425. finishedMsg: "<p>You've reached the end of the Earth.</p>",
  1426. img : "https://res1.nabtrade.com.au/Content/Images/ajax_loader.gif",
  1427. msg: null,
  1428. msgText: "",
  1429. }
  1430. }
  1431. function removeViaQuotes() {
  1432. $(this).html($(this).html().split('(via')[0]);
  1433. }
  1434. $(document).ready(function(){
  1435. popUp('#more-section, #container');
  1436. $('.video-resize').resizeVideos();
  1437. // scroll to top © html-tuts.com
  1438. var amountScrolled = 300;
  1439. $(window).scroll(function() {
  1440. if ( $(window).scrollTop() > amountScrolled ) {
  1441. $('.back-to-top').fadeIn('slow');
  1442. } else {
  1443. $('.back-to-top').fadeOut('slow');
  1444. }
  1445. });
  1446. $('.back-to-top').click(function() {
  1447. $('html, body').animate({scrollTop: 0}, 700);
  1448. return false;
  1449. });
  1450. $('#more-link').click(function(e){
  1451. e.preventDefault();
  1452. if ($(this).find('i').hasClass('oi-info')){
  1453. $(this).find('i').removeClass().addClass('oi-backward');
  1454. $('body').addClass('swap');
  1455. } else {
  1456. $(this).find('i').removeClass().addClass('oi-info');
  1457. $('body').removeClass('swap');
  1458. }
  1459.  
  1460. });
  1461. $('.photo-slideshow').pxuPhotoset(pxuOptions);
  1462. $('.quote cite').each(removeViaQuotes);
  1463. {block:IndexPage}
  1464. var $tumblelog = $('#posts');
  1465. $tumblelog.imagesLoaded(function () {
  1466. $tumblelog.masonry(masonryOptions);
  1467. });
  1468. $tumblelog.infinitescroll(infScrollOptions, function(newElements) {
  1469. var $newElems = $( newElements );
  1470. $newElems.css({ opacity: 0, zIndex: -1 });
  1471. var $newElemsIDs = $newElems.map(function () {
  1472. return this.id;
  1473. }).get();
  1474. $newElems.find('.photo-slideshow').pxuPhotoset(pxuOptions);
  1475. $newElems.find('.video-resize').resizeVideos();
  1476. $newElems.imagesLoaded(function(){
  1477. $newElems.animate({ opacity: 1, zIndex: 1 });
  1478. $tumblelog.masonry( 'appended', $newElems );
  1479. });
  1480. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1481. });
  1482. {/block:IndexPage}
  1483. });
  1484. </script>
  1485. <script>
  1486. var offset = -5;
  1487. function displayTime() {
  1488. var date = new Date().getTime() + (offset * 3600000);
  1489. date = new Date(date).toUTCString();
  1490. var hours = date.substring(17,19);
  1491. var minutes = date.substring(20,22);
  1492. var ampm = hours >= 12 ? 'pm' : 'am';
  1493. hours = hours % 12;
  1494. hours = hours ? hours : 12;
  1495. $('#myTime').html(hours + ':' + minutes + ampm)
  1496. setTimeout(displayTime, 500);
  1497. }
  1498. $(document).ready(function(){
  1499. $.simpleWeather({
  1500. location: 'New Jersey, USA',
  1501. woeid: '',
  1502. unit: 'f',
  1503. success: function(weather) {
  1504. html = '<div><h2><i class="weather-'+weather.code+'"></i> '+weather.temp+'&deg;'+weather.units.temp+'</h2>';
  1505. html += '<span>'+weather.city+', '+weather.region+'</span></div>';
  1506. html += '<div><span>'+weather.currently+'</span>';
  1507. html += '<span>H: '+weather.high+'&deg;'+weather.units.temp;
  1508. html +=' - L: '+weather.low+'&deg;'+weather.units.temp+'</span>';
  1509. html += '<span id="myTime"> </span>'
  1510. html += '</div>';
  1511. $("#weather").html(html);
  1512. setTimeout(displayTime, 1000);
  1513.  
  1514. },
  1515. error: function(error) {
  1516. $("#weather").html('<p>'+error+'</p>');
  1517. }
  1518. });
  1519. $('.marquee').marquee({
  1520. pauseOnHover: true
  1521. });
  1522. });
  1523. $(window).load(function(){
  1524. var $infoBox = $('#masonry');
  1525. $infoBox.imagesLoaded(function () {
  1526. $infoBox.masonry(masonryInfoOptions);
  1527. });
  1528. var hits = $('#h_3267266 a').text();
  1529. hits = hits / 1000;
  1530. hits = (Math.round(hits * 100) / 100).toFixed(2);
  1531. $('#h_3267266 a').html(hits + "K");
  1532.  
  1533. var qNum = parseInt($('#qplus a').text());
  1534. if(qNum >= 1000) {
  1535. qNum = qNum / 1000;
  1536. qNum = (Math.round(qNum * 100) / 100).toFixed(2);
  1537. qNum = qNum + "K";
  1538. }
  1539. $('#qplus a').text(qNum);
  1540.  
  1541. var followers = $('.mFCText').data('count');
  1542.  
  1543. var rounded = Math.trunc(followers / 1000);
  1544. $('#first-step').html(rounded + "K");
  1545. $('#second-step').html(Number(rounded) + 1 + "K");
  1546.  
  1547. var goal = Math.trunc(followers / 10000) * 10;
  1548. $('#first-jump').html(goal + "K");
  1549. $('#second-jump').html(Number(goal) + 10 + "K");
  1550. var bigGoal = Math.trunc(followers / 100000) * 100;
  1551. $('#first-leap').html(bigGoal + "K");
  1552. $('#second-leap').html(Number(bigGoal) + 100 + "K");
  1553.  
  1554.  
  1555. if (followers >= 100000) {
  1556. do {
  1557. followers += - 100000;
  1558. } while (followers >= 100000);
  1559. }
  1560. $('#big-goal').attr('value',followers);
  1561.  
  1562. if (followers >= 10000) {
  1563. do {
  1564. followers += - 10000;
  1565. } while (followers >= 10000);
  1566. }
  1567. $('#goal').attr('value',followers);
  1568.  
  1569.  
  1570. if (followers >= 1000) {
  1571. do {
  1572. followers += - 1000;
  1573. } while (followers >= 1000);
  1574. }
  1575. $('#progress').attr('value',followers);
  1576. });
  1577. function apply(data) {
  1578. var output = "";
  1579. for ( i = 0; i < data.posts.length; i++) {
  1580. var post = data.posts[i];
  1581. output += "<div class='apply'>";
  1582. output += "<a href='";
  1583. output += post["url"] + "' target='_blank' title='info'>";
  1584. output += "<img src='" + post["photo-url-1280"] + "'>";
  1585. output += "</a>";
  1586. output += "</div>";
  1587. };
  1588. document.getElementById("apply-area").innerHTML = output;
  1589. }
  1590. </script>
  1591. </body>
  1592.  
  1593. <div id="popup_ask" class="popup_block">
  1594. <h2>Dear Lauren...</h2>
  1595. <table>
  1596. <tr>
  1597. <td class="will-wont">
  1598. <h4>I Will:</h4>
  1599. <li>check out your blog (mbf)
  1600. <li>be your friend!
  1601. <li>respond privately (add p+)
  1602. <li>do q4q with you (mutuals only)
  1603.  
  1604. </td>
  1605. <td class="will-wont">
  1606. <h4>I Won't:</h4>
  1607. <li>promote/follow you on demand
  1608. <li>click on your ads
  1609. <li>give out any personal info
  1610. <li>respond to any mean messages
  1611. </td>
  1612. </tr>
  1613. </table>
  1614.  
  1615. <p><iframe id="ask_form" frameborder="0" border="0" scrolling="yes" width="100%" height="190" allowtransparency="true" src="http://www.tumblr.com/ask_form/{name}.tumblr.com"></iframe>
  1616. </div>
  1617.  
  1618. <div id="popup_navi" class="popup_block linkies">
  1619.  
  1620. <h2><i class="oi-planet"></i> blog</h2>
  1621. <ul>
  1622. <li><a href="http://girlhy.tk/blogroll">blogroll</a>
  1623. <li><a href="http://girlhy.tk/favoritespage">my favorites</a>
  1624. <li><a href="http://girlhy.tk/bucketlist">bucketlist</a>
  1625. </ul>
  1626. <h2><i class="oi-star"></i> tags</h2>
  1627. <ul>
  1628. <li><a href="http://girlhy.tk/tagged/answered">answered</a>
  1629. <li><a href="http://girlhy.tk/tagged/myface">my face</a>
  1630. <li><a href="http://girlhy.tk/tagged/myposts">personal</a>
  1631. </ul>
  1632. <h2><i class="oi-heart"></i> other</h2>
  1633. <ul>
  1634. <li><a href="http://thequietplaceproject.com/thequietplace">quiet place</a>
  1635. <li><a href="http://www.donothingfor2minutes.com/">2 minutes of calm</a>
  1636. <li><a href="http://gatherfollowers.com">promote here babe</a>
  1637. </ul>
  1638. </div>
  1639. <script src="http://girlhy.tk/api/read/json?tagged=apply&type=photo&callback=apply"></script>
  1640. </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!