API tools faq
paste
Advertisement
Guest User

MY UPDATED THEME HTML, just made the changes for fonts

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