Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!------------------------------------------
- (◍•ᴗ•◍)♡ ✧*。
- Custom Theme for Lauren | @girlhy
- by ThemeKid Chloë | @redivide | @themekid
- > Do not delete/alter any credit.
- > Do not claim as your own.
- > Do not copy any code.
- > Do not redistribute.
- ===========================================
- DEPENDENCIES:
- > jQuery
- https://jquery.com/
- > Outicons by Anton Saputro
- https://github.com/antonps/outicons
- > FontAwesome
- https://fontawesome.com/
- > Google Fonts
- https://fonts.google.com/
- > Style My Tooltips
- http://manos.malihu.gr/tuts/style-my-tooltips.html
- > SimpleWeather.js
- https://monkeecreate.github.io/jquery.simpleWeather/
- > jQuery Marquee
- http://aamirafridi.com/jquery/jquery-marquee-plugin
- > Popups
- http://themekid.tumblr.com/post/162000588020/
- > imagesLoaded
- https://imagesloaded.desandro.com/
- > Masonry
- https://masonry.desandro.com/
- > PXU Photosets - updated by bct
- http://bychloethemes.tumblr.com/post/155956945114/
- > Infinite Scroll
- https://infinite-scroll.com/
- > Video Resizing
- http://shythemes.tumblr.com/post/134536748863/
- ------------------------------------------->
- <html>
- <head>
- <link href="https://fonts.googleapis.com/css?family=Chonburi" rel="stylesheet">
- <meta name="image:More Section" content="" />
- <meta name="color:Accent" content="#e5c1c5" />
- <meta name="color:Dark Accent" content="#c09992" />
- <meta name="text:About" content="" />
- <meta name="text:Squad 1" content="girlhy" />
- <meta name="text:Squad 2" content="girlhy" />
- <meta name="text:Squad 3" content="girlhy" />
- <meta name="text:Squad 4" content="girlhy" />
- <meta name="text:Squad 5" content="girlhy" />
- <meta name="text:Squad 6" content="girlhy" />
- <meta name="text:Reading" content="" />
- <meta name="text:Watching" content="" />
- <meta name="text:Listening" content="" />
- <meta name="text:Updates" content="" />
- <meta charset="UTF-8" />
- <title>{block:TagPage}{Tag} posts | {/block:TagPage} {block:PostSummary}{PostSummary} | {/block:PostSummary}{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <link href='https://static.tumblr.com/8pnyeus/sXxofi7lt/outicons.css' rel='stylesheet' type='text/css'>
- <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600|Shadows+Into+Light" rel="stylesheet">
- <link rel="stylesheet" href="http://static.tumblr.com/8pnyeus/29To2og0o/styles.css">
- <script src="https://dl.dropboxusercontent.com/s/7ke33tjjl8rty02/scripts.js"></script>
- <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
- <link href="http://static.tumblr.com/dq6g0mp/CRkoupmq1/disney.css" rel="stylesheet">
- <script>
- (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);
- </script>
- <style>
- /*---- Whole Badge ----*/
- .lazyangels-badge{
- position:fixed;
- /*--- 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. ---*/
- left:-204px;
- top:60px;
- /*--------------*/
- width:250px;
- -webkit-transition: all .9s ease;
- -moz-transition: all .9s ease;
- -o-transition: all .9s ease;
- -ms-transition: all .9s ease;
- transition: all .9s ease;
- }
- .lazyangels-badge:hover{
- left:5px;
- }
- /*---- Label Portion ----*/
- .lazyangels-label{
- display:inline-block;
- width:205px;
- height:30px;
- padding:2px;
- border-radius:2px;
- border:1px solid #eeeeee;
- }
- .lazyangels-name{
- display: flex;
- align-items: center;
- height:30px;
- justify-content: center;
- font-family: 'run_wild_-_demoregular';
- font-size:20px;
- }
- /*---- Badge Portion ----*/
- .lazyangels-image{
- display:inline-block;
- position:absolute;
- top:0px;
- right:0px;
- padding:2px;
- border-radius:2px;
- background-color:#ffffff;
- border:1px solid #eeeeee;
- width:30px;
- height:30px;
- overflow:hidden;
- }
- .lazyangels-icon{
- width:30px;
- height:30px;
- overflow:hidden;
- }
- .lazyangels-icon img{
- width:30px;
- min-height:30px;
- }
- .dpn-badge{
- position:fixed;
- /*--- 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. ---*/
- left:-154px;
- top:100px;
- /*--------------*/
- width:200px;
- -webkit-transition: all .9s ease;
- -moz-transition: all .9s ease;
- -o-transition: all .9s ease;
- -ms-transition: all .9s ease;
- transition: all .9s ease;
- }
- .dpn-badge:hover{
- left:10px;
- }
- /*---- Label Portion ----*/
- .dpn-label{
- display:inline-block;
- width:155px;
- height:30px;
- padding:2px;
- border-radius:2px;
- border:1px solid #eeeeee;
- }
- .dpn-teamname{
- display: flex;
- align-items: center;
- height:30px;
- justify-content: center;
- font-family: 'descendantsregular';
- font-size:20px;
- }
- /*---- Badge Portion ----*/
- .dpn-image{
- display:inline-block;
- position:absolute;
- top:0px;
- right:0px;
- padding:2px;
- border-radius:2px;
- background-color:#ffffff;
- border:1px solid #eeeeee;
- width:30px;
- height:30px;
- overflow:hidden;
- }
- .dpn-teamimage{
- width:30px;
- height:30px;
- overflow:hidden;
- }
- .dpn-teamimage img{
- width:30px;
- min-height:30px;
- }
- * {
- margin: 0;
- padding: 0;
- }
- ::-webkit-scrollbar {
- background-color: #ddd;
- height: 11px;
- width: 11px;
- border: 5px solid #fff;
- }
- ::-webkit-scrollbar-thumb {
- background-color: #000;
- border: 5px solid #fff;
- }
- #tumblr_controls, .tmblr-iframe {
- top: 5px!important;
- right: 7px!important;
- -webkit-filter: invert(100%);
- filter: invert(100%);
- position: fixed!important;
- -webkit-transform: scale(.8, .8);
- -moz-transform: scale(.8, .8);
- transform: scale(.8, .8);
- -webkit-transform-origin: right top;
- -moz-transform-origin: right top;
- -ms-transform-origin: right top;
- -o-transform-origin: right top;
- transform-origin: right top;
- z-index: 999999999999999999!important
- }
- #reblogged {
- bottom: 20px!important;
- right: 20px!important;
- }
- #s-m-t-tooltip {
- max-width: 300px;
- padding: 3px 6px;
- margin: 20px 10px;
- background: #000;
- color: #fff;
- z-index: 999999999999999!important;
- font-size: 10px;
- font-weight: bold;
- }
- body {
- color: #000;
- font-family: 'Open Sans', sans-serif;
- line-height: 10px;
- -moz-osx-font-smoothing: grayscale;
- -webkit-font-smoothing: antialiased;
- font-smoothing: antialiased;
- font-size: 10px;
- }
- body:before {
- content:'';
- width:9px;
- height:100%;
- position:fixed;
- top:0;
- background: {color:Accent};
- left:0;
- z-index: 99999999999999;
- }
- body:after {
- content:'';
- width:9px;
- height:100%;
- position:fixed;
- top:0;
- background: {color:Accent};
- right:0;
- z-index: 9999;
- }
- html:before {
- content:'';
- height:9px;
- width:100%;
- position:fixed;
- top:0;
- background: {color:Accent};
- left:0;
- z-index: 9999;
- }
- html:after {
- content:'';
- height:9px;
- width:100%;
- position:fixed;
- bottom:0;
- background: {color:Accent};
- left:0;
- z-index: 9999;
- }
- img:not(.lightbox-image) {
- max-width: 100%;
- height: auto;
- vertical-align: middle;
- }
- a {
- text-decoration: none;
- color: {color:Dark Accent};
- }
- h1, h2, h3, h4, h5, h6 {
- font-family: 'Shadows Into Light', serif;
- letter-spacing: 1px;
- }
- p {
- margin: 5px 0;
- }
- #infscr-loading {
- position:absolute;
- margin-bottom:-40px;
- bottom:30px;
- width:200px;
- margin-left:50%;
- left:-100px;
- text-align:center;
- }
- aside {
- width: 220px;
- position: fixed;
- top: 220px;
- right: calc(50% - 506px);
- text-align: center;
- }
- aside h1 {
- font-family: 'Shadows Into Light', sans-serif;
- text-transform: uppercase ;
- letter-spacing: 2px;
- font-size: 2.6em;
- color: #000 ;
- }
- #desc {
- margin: 20px 0;
- line-height: 1.5;
- }
- ul#nav {
- list-style: none;
- }
- ul#nav a {
- color: #000;
- }
- ul#nav li {
- margin: 0 3px;
- display: inline-block;
- font-size: 1.3em
- }
- #container {
- position: relative;
- left: calc(50% - 520px);
- padding: 50px;
- padding-top: 120px;
- width: 700px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- .swap #container {
- left: -100%;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- #posts {
- width: 700px;
- }
- article {
- width: 200px;
- margin-bottom: 50px;
- box-sizing: border-box;
- padding: 2px;
- border: 5px solid {color:Accent};
- background: #fff;
- position: relative;
- {block:PermalinkPage}
- width: 450px;
- margin: 0 auto;
- padding: 10px;
- {/block:PermalinkPage}
- }
- article.photo .reblog-list,
- article.video .reblog-list,
- article.photoset .reblog-list {
- padding: 15px 10px 10px;
- }
- article:not(.photo):not(.video) {
- padding: 15px;
- }
- article.photo .replog-list:empty,
- article .reblog-list:empty {
- display: none;
- }
- .reblog:not(:first-of-type):not(.note) {
- padding-top: 10px;
- }
- article h2 + div {
- padding-top: 10px;
- }
- article p {
- margin-bottom: 5px;
- }
- article p:last-of-type {
- margin-bottom: 0;
- }
- article ol, article ul {
- padding-left: 15px;
- margin: 10px;
- }
- article .reblog:not(.note) img {
- margin: 5px 0;
- }
- article blockquote {
- margin: 10px;
- border-left: 2px solid #eaeaea;
- padding-left: 10px;
- }
- article .reblog-header {
- margin-bottom: 3px;
- }
- article .reblog-header i {
- margin-right: 5px;
- }
- article .inactive span {
- text-decoration: line-through;
- }
- article .reblog-list:hover .inactive:after {
- content: 'deactivated';
- margin-left: 5px;
- text-decoration: none;
- }
- article.quote cite {
- display: block;
- text-align: right;
- }
- article.quote .reblog-list {
- display: none;
- }
- article.chat ul {
- list-style: none;
- margin: 0;
- padding: 0;
- font-size: 1.1em;
- }
- article.chat li:not(:first-of-type) {
- margin-top: 5px;
- }
- .host + .reblog-list {
- padding-top: 10px;
- }
- article .question {
- margin-bottom: 10px;
- background: #eee;
- padding: 5px;
- border-radius: 3px;
- }
- {block:IndexPage}
- .photo ul.permas {
- list-style: none;
- text-align: center;
- width: 100%;
- height: 100%;
- background: rgba(255,255,255,0.9);
- position: absolute;
- top: 0;
- left: 0;
- font-size: 25px;
- z-index: 999;
- opacity: 0;
- -webkit-transition: all 0.3s;
- transition: all 0.3s;
- padding-left: 0;
- margin: 0;
- }
- .photo:hover ul.permas {
- opacity:1;
- -webkit-transition:all 0.3s;
- transition:all 0.3s;
- }
- .photo ul.permas li {
- display: inline-block;
- margin: 0 3px;
- line-height: 50px;
- height: 50px;
- top: calc(50% - 25px);
- position: relative;
- }
- ul.permas li:not(:last-of-type):after {
- content: '·';
- margin-left: 6px;
- font-size: 0.8em;
- }
- ul.permas a, ul.permas {
- color: #222;
- }
- article:not(.photo) ul.permas li {
- display: inline-block;
- margin: 0 3px;
- }
- article:not(.photo) ul.permas {
- text-align: center;
- margin: 0;
- padding: 0;
- margin-top: 10px;
- }
- li.custom-like-button {
- position: relative;
- }
- .like_button {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- width: 100%;
- height: 100%;
- opacity: 0;
- z-index: 10;
- display:inline-block;
- }
- .like_button iframe {
- width: 100% !important;
- height: 100% !important;
- }
- .our_toggle {
- display:inline-block;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- width: 25px;
- height: 34px;
- line-height: 34px;
- z-index: 1;
- -webkit-transition: all 0.2s ease-in-out;
- -moz-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
- }
- article:not(.photo) .our_toggle {
- width: 13px;
- height: 18px;
- line-height: 18px;
- }
- .like_button:hover + .our_toggle {
- color: #d95e40;
- -webkit-transition: all 0.2s ease-in-out;
- -moz-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
- }
- .like_button.liked + .our_toggle .oi-heart:before {
- content: "\e098";
- color: #d95e40;
- }
- {/block:IndexPage}
- {block:PermalinkPage}
- ul.extra-info {
- padding:0;
- margin:0;
- list-style:none;
- text-align:left;
- }
- ul.extra-info li {
- padding: 4px 0;
- margin: 3px 0;
- border-bottom: 1px solid #fafafa;
- text-align:left;
- }
- ul.extra-info i {
- font-size:13px;
- color:#7b7b7b;
- margin-right:3px;
- }
- ol.notes a, .extra-info a {
- color:#000;
- font-weight:bold;
- }
- ol.notes {
- padding:0;
- margin: 0;
- list-style-type: none;
- padding: 0;
- }
- ol.notes li.note {
- padding: 4px 0;
- margin: 3px 0;
- padding-left: 16px;
- border-bottom: 1px solid #fafafa;
- }
- ol.notes li.note .avatar_frame {
- float:right;
- }
- ol.notes li.note img.avatar {
- border-radius:3px;
- }
- ol.notes li.note blockquote {
- border-left:2px solid #eee;
- padding-left:10px;
- margin:10px 0;
- margin-left:15px;
- }
- ol.notes li.note blockquote a {
- text-decoration: none;
- }
- li.more_notes_link_container {
- font-weight: bold;
- text-transform: uppercase;
- font-size: 0.85em;
- }
- li.like:before {
- content: "\e099";
- 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: 1;
- font-size: 1em;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- margin-right: -11px;
- color:#f3719f;
- left: -16px;
- position: relative;
- font-size:13px;
- }
- li.reblog:before {
- content:'\e083';
- 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: 1;
- font-size: 1em;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- margin-right: -11px;
- color:#7b7b7b;
- left: -16px;
- position: relative;
- font-size:13px;
- }
- li.original_post:before {
- content:'\e078';
- }
- .reblog-list:empty + .more-info {
- margin-top: 10px;
- }
- a.tags {
- margin-right: 5px;
- color: #676767;
- }
- article:not(.photo) .more-info,
- article:not(.photoset) .more-info{
- margin-top: 10px;
- }
- article:not(.photo):not(.photoset):not(.video) {
- padding: 20px;
- }
- article:not(.photo):not(.photoset):not(.video) ol.notes {
- margin: 10px 0 0;
- }
- article:not(.photo):not(.photoset):not(.video) .more-info {
- margin-left: 0;
- margin-right: 0;
- }
- {/block:PermalinkPage}
- /* info box */
- #more-section {
- position: fixed;
- top: 120px;
- right: 100%;
- width: 701px;
- box-sizing: border-box;
- border: 1px solid #eaeaea;
- background: #fff;
- padding: 15px 15px 0;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- .swap #more-section {
- right: calc(50% - 210px);
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- .box {
- width: 213px;
- margin-bottom: 10px;
- }
- .box h3 {
- color: #000;
- margin-bottom: 5px;
- font-size: 1.4em;
- }
- #statistics {
- table-layout: fixed;
- width: 100%;
- margin: 0 auto;
- text-align: center;
- margin-bottom: 5px;
- font-size: 0.9em;
- border-collapse: collapse;
- }
- #statistics td {
- border: 1px solid #eaeaea;
- padding: 6px;
- }
- #statistics span {
- display: inline-block;
- font-weight: bold;
- font-size: 0.95em;
- }
- #statistics a {
- color: #000;
- }
- #statistics h2 {
- font-family: 'Karla', sans-serif;
- font-size: 1.3em;
- }
- progress[value] {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- border: none;
- width: calc(100% - 54px);
- height: 12px;
- vertical-align: middle;
- margin: 7px 5px;
- }
- progress[value]::-webkit-progress-bar {
- background-color: #f6f6f6;
- border-radius: 2px;
- box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
- }
- progress[value]::-webkit-progress-value {
- background-color: {color:Accent};
- border-radius: 2px;
- background-size: 35px 20px, 100% 100%, 100% 100%;
- }
- progress[value]::-moz-progress-bar {
- background-color: {color:Accent};
- border-radius: 2px;
- background-size: 35px 20px, 100% 100%, 100% 100%;
- }
- span.step {
- margin: 7px 0;
- display: inline-block;
- vertical-align: middle;
- font-weight: bold;
- width: 22px;
- text-align: center;
- }
- .squad li {
- list-style: none;
- display: inline-block;
- width: calc(100%/6 - 4px);
- border-radius: 3px;
- overflow: hidden;
- box-sizing: border-box;
- margin: 2px;
- }
- #currently {
- list-style: none;
- }
- #social {
- text-align: center;
- }
- #social a {
- color: #fff;
- }
- #social li {
- list-style: none;
- display: inline-block;
- font-size: 20px;
- line-height: 25px;
- padding: 1px;
- vertical-align: middle;
- margin: 0 5px;
- width: 25px;
- text-align: center;
- border-radius: 5px;
- box-shadow: 1px 1px #eaeaea;
- }
- /*instagram*/
- #social li:first-of-type {
- background-image:-moz-linear-gradient(top, #8a3ab9 0%, #bc2a8d 50%,#fccc63 100%);
- background-image:linear-gradient(top, #8a3ab9 0%, #bc2a8d 50%,#fccc63 100%);
- background-image:-webkit-linear-gradient(top, #8a3ab9 0%, #bc2a8d 50%,#fccc63 100%);
- background-image:-o-linear-gradient(top, #8a3ab9 0%, #bc2a8d 50%,#fccc63 100%);
- background-image:-ms-linear-gradient(top, #8a3ab9 0%, #bc2a8d 50%,#fccc63 100%);
- background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#8a3ab9), color-stop(50%,#bc2a8d),color-stop(100%,#fccc63));
- }
- #social li:nth-of-type(2) {
- background: #1da1f2;
- }
- #social li:nth-of-type(3) {
- background: #fffc00;
- }
- [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}
- .weather-32:before,.weather-34:before,.weather-36:before {
- content:"\e00c"
- }
- .weather-26:before, .weather-27:before, .weather-29:before {
- content:"\e00e"
- }
- .weather-8:before, .weather-9:before, .weather-10:before, .weather-11:before, .weather-12:before, .weather-18:before, .weather-35:before, .weather-40:before {
- content:"\e02b"
- }
- .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 {
- content:"\e00d"
- }
- .weather-28:before, .weather-30:before, .weather-44:before {
- content:"\e00e"
- }
- .weather-13:before, .weather-14:before, .weather-15:before, .weather-16:before, .weather-25:before {
- content:"\e011"
- }
- .weather-5:before, .weather-6:before, .weather-7:before, .weather-17:before, .weather-41:before, .weather-42:before, .weather-43:before, .weather-46:before {
- content:"\e012"
- }
- .weather-19:before, .weather-20:before, .weather-21:before, .weather-22:before, .weather-23:before, .weather-24:before {
- content:"\e007"
- }
- .weather-37:before {
- content:"\e05c"
- }
- .weather-31:before, .weather-33:before {
- content:"\e01f"
- }
- #weather i {
- font-size:13.5px;
- }
- #weather > div:last-of-type {
- border-left: none;
- line-height: 1.3em;
- padding-top: 10px;
- }
- #weather > div {
- width: 50%;
- display: inline-block;
- text-align: center;
- vertical-align: middle;
- border: 1px solid #e7c0c2;
- box-sizing: border-box;
- height: 65px;
- padding: 16px 6px;
- margin-top: -2px;
- }
- #weather > div > span {
- display:block;
- }
- #weather h2 {
- font-weight:normal;
- font-size:1.5em;
- }
- .marquee {
- width: 100%;
- overflow: hidden;
- }
- .box .apply {
- width: calc(25% - 3px);
- display: inline-block;
- vertical-align: middle;
- margin-right: 4px;
- text-align: center;
- }
- .box .apply {
- height: 90px;
- width: 75px;
- }
- .box .apply:last-of-type{
- margin-right: 0;
- }
- .box .apply img {
- display: block;
- }
- .box #apply-area span {
- width: 12px;
- text-align: center;
- display: inline-block;
- }
- /* popups */
- .popup_block {
- padding: 30px;
- font-size: 10px;
- background:#fff;
- border: 1px solid #eaeaea;
- /*don’t change anything below here*/
- display: none;
- position: fixed;
- top: 50%; left: calc(50% - 125px);
- z-index: 99999999;
- max-height:70vh;
- overflow:auto;
- -webkit-animation: zoom 0.5s;
- -moz-animation: zoom 0.5s;
- -ms-animation: zoom 0.5s;
- -o-animation: zoom 0.5s;
- animation: zoom 0.5s;
- }
- *html .popup_block {
- position: absolute;
- }
- @-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);}}
- .popup_block h2, .popup_block h4 {
- margin-bottom: 10px;
- }
- #popup_ask td {
- padding: 10px;
- vertical-align: top;
- }
- #popup_ask table {
- table-layout: fixed;
- width: 100%;
- border-collapse: collapse;
- margin-bottom: 10px;
- }
- #popup_ask h4 {
- margin-bottom: 7px;
- border-bottom: 1px solid {color:Accent};
- padding-bottom: 5px;
- }
- .linkies h2 {
- font-size: 18px;
- text-transform: lowercase;
- margin: 0px 0 10px;
- text-align: center;
- }
- .linkies h2:not(:first-of-type) {
- margin-top: 10px;
- }
- .linkies ul {
- list-style: none;
- }
- .linkies li {
- display: inline-block;
- width: calc(100% / 3 - 5px);
- text-align: center;
- background: rgba({RGBcolor:Accent},0.3);
- border: 1px solid rgba({RGBcolor:Dark Accent},0.5);
- margin-bottom: 5px;
- margin-left: 5px;
- box-sizing: border-box;
- padding: 5px;
- }
- #more-section #box {
- border:none;
- border-bottom:1px solid #eee;
- padding:3px;
- font-family:'Open Sans', sans-serif;
- font-size:9px;
- color:#666;
- width:calc(100% - 25px);
- }
- #more-section form {
- margin-bottom:3px;
- }
- #more-section form i {
- margin-left:5px;
- }
- #more-section #box:focus {
- outline:none;
- }
- #more-section #button {
- border: none;
- background: transparent;
- width: 0;
- height: 0;
- z-index: -1;
- }
- .back-to-top {
- text-align: center;
- bottom: 25px;
- width: 65px;
- left: 45px;
- font-size: 9px;
- cursor: pointer;
- text-transform: uppercase;
- font-weight: bold;
- position: fixed;
- display: none;
- z-index: 99999;
- color: #000;
- }
- .back-to-top i {
- display: block;
- font-size: 2.5em;
- color: {color:Dark Accent};
- }
- #updates li, .will-wont li {
- list-style: none;
- position: relative;
- margin-left: 16px;
- text-align: left;
- }
- #updates li:before, .will-wont li:before {
- content: "\e0b9";
- 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: 1;
- font-size: 1em;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- margin-right: -11px;
- color: #7b7b7b;
- left: -16px;
- position: relative;
- }
- </style>
- </head>
- <body>
- <!----- #TeamAurora ------>
- <a href="https://disneyprincess-network.tumblr.com/" target="blank" title="Disney Princess Network">
- <div class="dpn-badge">
- <div class="dpn-label"><div class="dpn-teamname" style="color:#322B3D;">Team Aurora</div></div>
- <div class="dpn-image"><div class="dpn-teamimage"><img src="https://68.media.tumblr.com/7d6e707127c1979cda5aeaecde989887/tumblr_onanv1eQmv1upui0co1_500.png"></div></div>
- </div>
- </a>
- <!----- Lazy Angels Network ------>
- <a href="https://lazyangels-network.tumblr.com/" target="blank" title="Lazy Angels Network">
- <div class="lazyangels-badge">
- <div class="lazyangels-label"><div class="lazyangels-name" style="color:#514B59;">Lazy Angels Network</div></div>
- <div class="lazyangels-image"><div class="lazyangels-icon"><img src="http://i.imgur.com/Nni9NLA.png"></div></div>
- </div>
- </a>
- <div class="back-to-top">
- <i class="oi-chevron-up"></i>
- Back to top
- </div>
- <aside>
- <h1>{Title}</h1>
- {block:Description}
- <div id="desc">
- {Description}
- </div>
- {/block:Description}
- <ul id="nav">
- <li><a href="/"><i class="oi-home"></i></a>
- <li><a href="#?w=500" rel="popup_ask" class="poplight" title="ask"><i class="oi-chat"></i></a>
- <li><a href="#?w=500" rel="popup_navi" class="poplight" title="links"><i class="oi-link"></i></a>
- <li><a href="#" id="more-link"><i class="oi-info"></i></a>
- <li><a href="/archive"><i class="oi-grid"></i></a>
- </ul>
- </aside>
- <section id="more-section">
- <div id="masonry">
- {block:IfMoreSectionImage}<div class="box">
- <img src="{image:More Section}">
- </div>{/block:IfMoreSectionImage}
- {block:IfAbout}<div class="box">
- <h3>about me</h3>
- {text:About}
- </div>{/block:IfAbout}
- <div class="box">
- <h3>birthdays</h3>
- <div id="birthdayClub"></div>
- </div>
- <div class="box">
- <h3>statistics</h3>
- <table id="statistics">
- <tr>
- <td>
- <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>
- <span>ONLINE</span>
- </td>
- <td>
- <h2><span><script src="https://followercounter.co/api/text/girlhy"></script></span></h2>
- <span>FOLLOW</span>
- </td>
- <td>
- <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>
- <span>BEEN</span>
- </td>
- <td>
- <h2><span id="qplus"><script id="qpscript" src="http://qplus.io/scripts/queued/5999ff54043118fb460938e6"></script></span></h2>
- <span>QUEUED</span>
- </td>
- </tr>
- </table>
- <span id="first-step" class="step"></span>
- <progress id="progress" max="1000" value="0"></progress>
- <span id="second-step" class="step"></span>
- <span id="first-jump" class="step"></span>
- <progress id="goal" max="10000" value="0"></progress>
- <span id="second-jump" class="step"></span>
- <span id="first-leap" class="step"></span>
- <progress id="big-goal" max="100000" value="0"></progress>
- <span id="second-leap" class="step"></span>
- </div>
- <div class="box">
- <h3>currently</h3>
- <ul id="currently">
- {block:IfReading}<li><i class="oi-book"></i> {text:Reading}{/block:IfReading}
- {block:IfListening}<li><i class="oi-disc"></i> {text:Listening}{/block:IfListening}
- {block:IfWatching}<li><i class="oi-monitor"></i> {text:Watching}{/block:IfWatching}
- </ul>
- </div>
- <div class="box">
- <h3>squad</h3>
- <ul class="squad">
- {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}
- {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}
- {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}
- {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}
- {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}
- {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}
- </ul>
- </div>
- <div class="box">
- <h3>networks</h3>
- <div class="marquee">
- <a href="https://pllsquadnetwork.tumblr.com/">pretty little liars network</a> ·
- <a href="https://itgirl-network.tumblr.com/">it girl network </a> ·
- <a href="https://disneyprincess-network.tumblr.com/">disney princess network</a> ·
- <a href="http://the-sunshinenetwork.tumblr.com/members">sunshine network </a> ·
- <a href="https://lazyangels-network.tumblr.com">lazy angels network </a>
- </div>
- </div>
- {block:IfUpdates}<div class="box">
- <h3>updates</h3>
- <ul id="updates">
- {text:Updates}
- </ul>
- </div>{/block:IfUpdates}
- <div class="box">
- <h3>social</h3>
- <ul id="social">
- <li><a href="http://instagram.com/lnicraz" title="instagram"><i class="fa fa-instagram"></i></a>
- <li><a href="http://twitter.com/lnicraz" title="twitter"><i class="fa fa-twitter"></i></a>
- <li><a href="https://snapchat.com/add/heyylaurenx3" title="snapchat"><i class="fa fa-snapchat-ghost"></i></a>
- </ul>
- </div>
- <div class="box">
- <h3>weather</h3>
- <div id="weather"></div>
- </div>
- <div class="box">
- <h3>search</h3>
- <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>
- </div>
- </div>
- </section>
- <section id="container">
- <div id="posts">
- {block:Posts}<article id="{PostID}" class="{PostType}">
- {block:IndexPage}
- {block:IfReblogHeader}
- {block:RebloggedFrom}
- <div class="header">
- <i class="oi-refresh"></i> <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a>
- <span class="time-ago">{TimeStamp}</span>
- </div>
- {/block:RebloggedFrom}
- {/block:IfReblogHeader}
- {/block:IndexPage}
- {block:Text}
- {block:Title}<h2>{Title}</h2>{/block:Title}
- {block:NotReblog}
- <div class="reblog-list">
- {Body}
- </div>
- {/block:NotReblog}
- {/block:Text}
- {block:Photo}
- <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">
- <img src="{PhotoURL-500}">
- </a>
- {block:NotReblog}
- {block:Caption}
- <div class="reblog-list">
- {Caption}
- </div>
- {/block:Caption}
- {/block:NotReblog}
- {/block:Photo}
- {block:Photoset}
- <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
- {block:Photos}<div class="photo-data">
- <div class="pxu-photo">
- <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
- </div>
- <a class="tumblr-box zoom" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
- </div>{/block:Photos}
- </div>
- {block:NotReblog}
- {block:Caption}
- <div class="reblog-list">
- {Caption}
- </div>
- {/block:Caption}
- {/block:NotReblog}
- {/block:Photoset}
- {block:Quote}
- <blockquote>
- <h2>{Quote}</h2>
- </blockquote>
- {block:Source}
- <cite>{Source}</cite>
- {/block:Source}
- {/block:Quote}
- {block:Chat}
- <ul>
- {block:Lines}<li>{block:Label}<b>{Label}</b>{/block:Label} {Line}{/block:Lines}
- </ul>
- {/block:Chat}
- {block:Link}
- <h2><i class="oi-link"></i> <a href="{URL}">{Name}</a></h2>
- {block:Excerpt}
- <blockquote>
- {Excerpt}
- </blockquote>
- {block:Host}
- <div class="host">
- ({Host})
- </div>
- {/block:Host}
- {/block:Excerpt}
- {block:NotReblog}
- {block:Description}
- <div class="reblog-list">
- {Description}
- </div>
- {/block:Description}
- {/block:NotReblog}
- {/block:Link}
- {block:Video}
- <div class="video-resize">{Video-500}</div>
- {block:NotReblog}
- <div class="reblog-list">
- {Caption}
- </div>
- {/block:NotReblog}
- {/block:Video}
- {block:Audio}
- {block:AudioPlayer}<div class="video">{AudioPlayer}</div>{/block:AudioPlayer}
- {block:NotReblog}
- <div class="reblog-list">
- {Caption}
- </div>
- {/block:NotReblog}
- {/block:Audio}
- {block:Answer}
- <div class="question">
- <div class="querier"><i class="oi-chat"></i> {Asker} asked:</div>
- {Question}
- </div>
- {block:Answerer}
- <div class="question">
- <div class="querier"><i class="oi-discuss"></i> {Answerer} replied:</div>
- {Answer}
- </div>
- {/block:Answerer}
- {block:NotReblog}
- <div class="reblog-list">
- {Replies}
- </div>
- {/block:NotReblog}
- {/block:Answer}
- {block:RebloggedFrom}
- <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}>
- {block:Reblogs}
- <div class="{block:isOriginalEntry}original-reblog {/block:isOriginalEntry}reblog">
- <div class="reblog-header">
- <a href="{Permalink}" target="_blank">{block:isOriginalEntry}<i class="oi-user"></i>{/block:isOriginalEntry}{block:isNotOriginalEntry}<i class="oi-refresh"></i>{/block:isNotOriginalEntry}</a>
- {block:IsActive}
- <a target="_blank" href="{Permalink}">{Username}</a>
- {/block:IsActive}
- {block:IsDeactivated}
- <span class="inactive"><span>{Username}</span></span>
- {/block:IsDeactivated}
- </div>
- <div class="reblog-content">
- {Body}
- </div>
- </div>
- {/block:Reblogs}
- </div>
- {/block:RebloggedFrom}
- {block:IndexPage}
- <ul class="permas">
- <li class="custom-like-button" title="like">
- {LikeButton}
- <div class="our_toggle"><i class="oi-heart"></i></div>
- <li><a href="{ReblogURL}" target="_blank" class="reblog_button"><i class="oi-refresh"></i></a>
- <li><a href="{Permalink}" target="_blank" title="{NoteCountWithLabel}"><i class="oi-time"></i></a></ul>
- {/block:IndexPage}
- <!-- {block:NoRebloggedFrom}
- {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
- {/block:NoRebloggedFrom} -->
- {block:ContentSource}<!-- {SourceURL}
- {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- {block:PermalinkPage}
- {block:Date}<ul class="extra-info">
- <li><i class="oi-time"></i> {MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear} ({TimeAgo})
- {block:NoteCount}<li><i class="oi-chart"></i> {NoteCountWithLabel}{/block:NoteCount}
- {block:RebloggedFrom}<li><i class="oi-refresh"></i> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
- {block:ContentSource}<li><i class="oi-globe"></i> <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}
- {block:HasTags}<li><i class="oi-tags"></i> {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a> {/block:Tags}{/block:HasTags}
- </ul>{/block:Date}
- {block:PostNotes}<div id="notes">
- {PostNotes-16}
- </div>{/block:PostNotes}
- {/block:PermalinkPage}
- </article>{/block:Posts}
- </div>
- </section>
- {block:Pagination}
- <div class="pagination" style="visibility:hidden;">
- {block:NextPage}<a href="{NextPage}" id="next-link">next</a>{/block:NextPage}
- </div>
- {/block:Pagination}
- <script src="https://secure.static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
- <script src="https://secure.static.tumblr.com/i5s2zks/0ILo8v362/masonry.pkgd.min.js"></script>
- <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
- <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
- <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
- <script src ="http://static.tumblr.com/yxfeliq/eqUozosls/shythemes.vr.modified.min.js"></script>
- <script type="text/javascript" src="https://dl.dropboxusercontent.com/s/llib1ztbc6d6vlx/birthdayclub.js"></script>
- <script src="http://static.tumblr.com/8pnyeus/MSVogx70e/jquery.simpleweather.min.js"></script>
- <script type='text/javascript' src='http://static.tumblr.com/8pnyeus/Pxyop5jqr/jquery.marquee.min.js'></script>
- <script type="text/javascript" src="http://static.tumblr.com/8pnyeus/10hors8sn/themekid-popup.min.js"></script>
- <script type="text/javascript">
- var pxuOptions={
- lightbox:!0,
- rounded:!1,
- gutter:"2px",
- photoset:".photo-slideshow",
- photoWrap:".photo-data",
- photo:".pxu-photo"
- },
- masonryOptions = {
- itemSelector:"article",
- isAnimated:!1,
- columnWidth:200,
- gutter:50,
- fitWidth:false,
- }, masonryInfoOptions = {
- itemSelector:".box",
- isAnimated:!1,
- columnWidth:213,
- gutter:15,
- fitWidth:false,
- }, infScrollOptions = {
- navSelector : "div.pagination",
- nextSelector : ".pagination a#next-link",
- itemSelector : "article",
- loading: {
- finishedMsg: "<p>You've reached the end of the Earth.</p>",
- img : "https://res1.nabtrade.com.au/Content/Images/ajax_loader.gif",
- msg: null,
- msgText: "",
- }
- }
- function removeViaQuotes() {
- $(this).html($(this).html().split('(via')[0]);
- }
- $(document).ready(function(){
- popUp('#more-section, #container');
- $('.video-resize').resizeVideos();
- // scroll to top © html-tuts.com
- var amountScrolled = 300;
- $(window).scroll(function() {
- if ( $(window).scrollTop() > amountScrolled ) {
- $('.back-to-top').fadeIn('slow');
- } else {
- $('.back-to-top').fadeOut('slow');
- }
- });
- $('.back-to-top').click(function() {
- $('html, body').animate({scrollTop: 0}, 700);
- return false;
- });
- $('#more-link').click(function(e){
- e.preventDefault();
- if ($(this).find('i').hasClass('oi-info')){
- $(this).find('i').removeClass().addClass('oi-backward');
- $('body').addClass('swap');
- } else {
- $(this).find('i').removeClass().addClass('oi-info');
- $('body').removeClass('swap');
- }
- });
- $('.photo-slideshow').pxuPhotoset(pxuOptions);
- $('.quote cite').each(removeViaQuotes);
- {block:IndexPage}
- var $tumblelog = $('#posts');
- $tumblelog.imagesLoaded(function () {
- $tumblelog.masonry(masonryOptions);
- });
- $tumblelog.infinitescroll(infScrollOptions, function(newElements) {
- var $newElems = $( newElements );
- $newElems.css({ opacity: 0, zIndex: -1 });
- var $newElemsIDs = $newElems.map(function () {
- return this.id;
- }).get();
- $newElems.find('.photo-slideshow').pxuPhotoset(pxuOptions);
- $newElems.find('.video-resize').resizeVideos();
- $newElems.imagesLoaded(function(){
- $newElems.animate({ opacity: 1, zIndex: 1 });
- $tumblelog.masonry( 'appended', $newElems );
- });
- Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
- });
- {/block:IndexPage}
- });
- </script>
- <script>
- var offset = -5;
- function displayTime() {
- var date = new Date().getTime() + (offset * 3600000);
- date = new Date(date).toUTCString();
- var hours = date.substring(17,19);
- var minutes = date.substring(20,22);
- var ampm = hours >= 12 ? 'pm' : 'am';
- hours = hours % 12;
- hours = hours ? hours : 12;
- $('#myTime').html(hours + ':' + minutes + ampm)
- setTimeout(displayTime, 500);
- }
- $(document).ready(function(){
- $.simpleWeather({
- location: 'New Jersey, USA',
- woeid: '',
- unit: 'f',
- success: function(weather) {
- html = '<div><h2><i class="weather-'+weather.code+'"></i> '+weather.temp+'°'+weather.units.temp+'</h2>';
- html += '<span>'+weather.city+', '+weather.region+'</span></div>';
- html += '<div><span>'+weather.currently+'</span>';
- html += '<span>H: '+weather.high+'°'+weather.units.temp;
- html +=' - L: '+weather.low+'°'+weather.units.temp+'</span>';
- html += '<span id="myTime"> </span>'
- html += '</div>';
- $("#weather").html(html);
- setTimeout(displayTime, 1000);
- },
- error: function(error) {
- $("#weather").html('<p>'+error+'</p>');
- }
- });
- $('.marquee').marquee({
- pauseOnHover: true
- });
- });
- $(window).load(function(){
- var $infoBox = $('#masonry');
- $infoBox.imagesLoaded(function () {
- $infoBox.masonry(masonryInfoOptions);
- });
- var hits = $('#h_3267266 a').text();
- hits = hits / 1000;
- hits = (Math.round(hits * 100) / 100).toFixed(2);
- $('#h_3267266 a').html(hits + "K");
- var qNum = parseInt($('#qplus a').text());
- if(qNum >= 1000) {
- qNum = qNum / 1000;
- qNum = (Math.round(qNum * 100) / 100).toFixed(2);
- qNum = qNum + "K";
- }
- $('#qplus a').text(qNum);
- var followers = $('.mFCText').data('count');
- var rounded = Math.trunc(followers / 1000);
- $('#first-step').html(rounded + "K");
- $('#second-step').html(Number(rounded) + 1 + "K");
- var goal = Math.trunc(followers / 10000) * 10;
- $('#first-jump').html(goal + "K");
- $('#second-jump').html(Number(goal) + 10 + "K");
- var bigGoal = Math.trunc(followers / 100000) * 100;
- $('#first-leap').html(bigGoal + "K");
- $('#second-leap').html(Number(bigGoal) + 100 + "K");
- if (followers >= 100000) {
- do {
- followers += - 100000;
- } while (followers >= 100000);
- }
- $('#big-goal').attr('value',followers);
- if (followers >= 10000) {
- do {
- followers += - 10000;
- } while (followers >= 10000);
- }
- $('#goal').attr('value',followers);
- if (followers >= 1000) {
- do {
- followers += - 1000;
- } while (followers >= 1000);
- }
- $('#progress').attr('value',followers);
- });
- function apply(data) {
- var output = "";
- for ( i = 0; i < data.posts.length; i++) {
- var post = data.posts[i];
- output += "<div class='apply'>";
- output += "<a href='";
- output += post["url"] + "' target='_blank' title='info'>";
- output += "<img src='" + post["photo-url-1280"] + "'>";
- output += "</a>";
- output += "</div>";
- };
- document.getElementById("apply-area").innerHTML = output;
- }
- </script>
- </body>
- <div id="popup_ask" class="popup_block">
- <h2>Dear Lauren...</h2>
- <table>
- <tr>
- <td class="will-wont">
- <h4>I Will:</h4>
- <li>check out your blog (mbf me)
- <li>be your friend!
- <li>respond privately (add p+)
- <li>q4q if we're similar
- </td>
- <td class="will-wont">
- <h4>I Won't:</h4>
- <li>follow/promote you on demand
- <li>click on your ads
- <li>give out any personal info
- <li>respond to any mean messages
- </td>
- </tr>
- </table>
- <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>
- </div>
- <div id="popup_navi" class="popup_block linkies">
- <h2><i class="oi-planet"></i> blog</h2>
- <ul>
- <li><a href="http://girlhy.tk/blogroll">BLOGROLL</a>
- <li><a href="http://girlhy.tk/favoritespage">FAVES</a>
- <li><a href="http://girlhy.tk/bucketlist">BUCKETLIST</a>
- <li><a href="#">link</a>
- <li><a href="#">link</a>
- <li><a href="#">link</a>
- </ul>
- <h2><i class="oi-star"></i> tags</h2>
- <ul>
- <li><a href="http://girlhy.tk/tagged/answered">ANSWERED</a>
- <li><a href="http://girlhy.tk/tagged/myface">MY FACE</a>
- <li><a href="http://girlhy.tk/tagged/myposts">PERSONAL</a>
- <li><a href="http://girlhy.tk/tagged/apply">APPLY</a>
- <li><a href="#">link</a>
- <li><a href="#">link</a>
- </ul>
- <h2><i class="oi-heart"></i> other</h2>
- <ul>
- <li><a href="http://thequietplaceproject.com/thequietplace">THE QUIET PLACE</a>
- <li><a href="http://www.donothingfor2minutes.com/">2 MINUTES OF CALM</a>
- <li><a href="http://gatherfollowers.com">PROMOTE</a>
- <li><a href="#">link</a>
- <li><a href="#">link</a>
- <li><a href="#">link</a>
- </ul>
- </div>
- <script src="http://girlhy.tk/api/read/json?tagged=apply&type=photo&callback=apply"></script>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement