psychedelic-cunts

my blog code:)

Sep 24th, 2017
98
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.33 KB | None | 0 0
  1. <!------------------------------------------
  2.  
  3. (◍•ᴗ•◍)♡ ✧*。
  4.  
  5. Answer To Theme
  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. <html>
  15. <head>
  16. <link href='https://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
  17. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/8pnyeus/k9qop982t/themekid-botw-left.css">
  18. <meta charset="UTF-8" />
  19. <title>{block:TagPage}{Tag} posts | {/block:TagPage}{block:PostSummary}{PostSummary} | {/block:PostSummary}{Title}</title>
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}
  23. <meta name="description" content="{MetaDescription}" />
  24. {/block:Description}
  25. {block:Hidden}
  26. <meta name="image:Sidebar" content="http://66.media.tumblr.com/7b04165af206ea3935083663fcb754ac/tumblr_oeepa36YRh1v8yaeco1_400.jpg" />
  27.  
  28. <meta name="color:Accent" content="#dcecf5" />
  29. <meta name="color:Dark Accent" content="#529ecc" />
  30.  
  31. <meta name="if:Redirect Ask" content="" />
  32.  
  33. <meta name="text:IMPORTANT" content="do not enable the redirect ask if you are using the default /ask page. it will cause your browser to crash! only enable if you are using a custom ask page."/>
  34. <meta name="text:Ask Link" content="/ask" />
  35. <meta name="text:Link 1" content="" />
  36. <meta name="text:URL 1" content="" />
  37. <meta name="text:Icon 1" content="oi-sun" />
  38. <meta name="text:Link 2" content="" />
  39. <meta name="text:URL 2" content="" />
  40. <meta name="text:Icon 2" content="oi-cloud" />
  41. <meta name="text:Link 3" content="" />
  42. <meta name="text:URL 3" content="" />
  43. <meta name="text:Icon 3" content="oi-snowflake" />{/block:Hidden}
  44.  
  45. <link href='http://static.tumblr.com/8pnyeus/sXxofi7lt/outicons.css' rel='stylesheet' type='text/css'>
  46. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  47. <link href="https://fonts.googleapis.com/css?family=Nixie+One|Open+Sans:400,400i,700,700i|Roboto+Condensed" rel="stylesheet">
  48. <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  49. <link rel="stylesheet" href="http://static.tumblr.com/8pnyeus/29To2og0o/styles.css">
  50. <script src="https://dl.dropboxusercontent.com/s/7ke33tjjl8rty02/scripts.js"></script>
  51.  
  52. <script>{block:IfRedirectAsk}
  53. if(window.location.pathname == '/ask') location.replace('{text:Ask Link}');{/block:IfRedirectAsk}
  54. (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);
  55. var fhs = document.createElement('script');var fhs_id = "5515042";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+"' style='display:none'></span>");
  56. </script>
  57.  
  58. <style type="text/css">
  59. /*--
  60.  
  61. updates tab #7 by BRAVETHEMES
  62.  
  63. ◤ ◥
  64. don't be an asshole;
  65. keep the credits.
  66. ◣ ◢
  67.  
  68. - - - -
  69.  
  70. for html help go to:
  71. http://bravethemes.tumblr.com/
  72. http://htmlqueens.tumblr.com/
  73.  
  74. --*/
  75. .kingdom{/* this is the coding to the whole tab holder */
  76. width:170px; /* change the width here */
  77. top:50px; /* change how far from the top ; you can also change it to bottom */
  78. right:50px; /* how far from right ; you can also change it to left */
  79. padding:3px;
  80. position:fixed;
  81. background:#fff; /* change the background here */
  82. }
  83. .kingdom b{ /* this are the subtitles */
  84. text-align:center;
  85. line-height:20px;
  86. border-bottom:1px solid #dcecf5; /* change the border here */
  87. margin-bottom:2px;
  88. letter-spacing:2px;
  89. }
  90. #reign{ /* this is the title coding */
  91. overflow:hidden;
  92. text-align:center; /* you can change it to left, right, or justify */
  93. padding:3px;
  94. height:25px; /* how tall the title box will be */
  95. -webkit-transition: all 0.3s ease-in-out;
  96. -moz-transition: all 0.3s ease-in-out;
  97. -o-transition: all 0.3s ease-in-out;
  98. -ms-transition: all 0.3s ease-in-out;
  99. transition: all 0.3s ease-in-out;
  100. }
  101. #reign:hover{
  102. height:600px; /* change the height here */
  103. -webkit-transition: all 0.3s ease-in-out;
  104. -moz-transition: all 0.3s ease-in-out;
  105. -o-transition: all 0.3s ease-in-out;
  106. -ms-transition: all 0.3s ease-in-out;
  107. transition: all 0.3s ease-in-out;
  108. }
  109. #queen{ /* the thing that gets hovered over */
  110. border:1px solid #dcecf5; /* change the border here */
  111. padding:5px;
  112. margin:7px;
  113. margin-top:10px;
  114. }
  115. .royal{ /* here you cusomize the titles */
  116. border-bottom:1px solid #dcecf5; /* change the borders here */
  117. font-weight:bold;
  118. text-align:center; /* you can change this to left, right, or justify */
  119. padding:5px;
  120. }
  121.  
  122. [class*=" oi-"]:before,[class^=oi-]:before {
  123. line-height:inherit;
  124. }
  125. * {
  126. margin:0;
  127. padding:0;
  128. }
  129. #tumblr_controls, .tmblr-iframe {
  130. top:5px!important;
  131. right:20px!important;
  132. -webkit-filter: invert(90%);
  133. filter: invert(90%);
  134. position:fixed!important;
  135. -webkit-transform:scale(.8, .8);
  136. -moz-transform:scale(.8, .8);
  137. transform:scale(.8, .8);
  138. -webkit-transform-origin: right top;
  139. -moz-transform-origin: right top;
  140. -ms-transform-origin: right top;
  141. -o-transform-origin: right top;
  142. transform-origin: right top;
  143. z-index:999999999999999999!important
  144. }
  145. ::-webkit-scrollbar {
  146. background-color:#ddd;
  147. height: 11px;
  148. width: 11px;
  149. border:5px solid #fff;
  150. }
  151. ::-webkit-scrollbar-thumb {
  152. background-color:#000;
  153. border:5px solid #fff;
  154. }
  155. ::-moz-selection {
  156. color:{color:Dark Accent};
  157. background:rgba({RGBcolor:Accent},0.1);
  158. }
  159.  
  160. ::selection {
  161. color:{color:Dark Accent};
  162. background:rgba({RGBcolor:Accent},0.1);
  163. }
  164. #s-m-t-tooltip {
  165. max-width:300px;
  166. padding:3px 6px;
  167. margin:20px 10px;
  168. background: #000;
  169. color:#fff;
  170. z-index:999999999999999!important;
  171. font-size:9px;
  172. text-transform:uppercase;
  173. font-family:'Roboto Condensed', monospace;
  174. }
  175. #reblogged {
  176. right:35px!important;
  177. }
  178. body {
  179. background: #fff;
  180. color:#000;
  181. font-size:10px;
  182. font-family:'Open Sans', sans-serif;
  183. word-break:break-word;
  184. }
  185. body:before, body:after {
  186. content:'';
  187. width:3px;
  188. height:100%;
  189. position:fixed;
  190. top:0;
  191. right:0;
  192. background: #fff;
  193. border-right:20px solid {color:Accent};
  194. border-left:1px dotted {color:Accent};
  195. }
  196. body:after {
  197. left:0;
  198. border-left:20px solid {color:Accent};
  199. border-right:1px dotted {color:Accent};
  200. }
  201. img:not(.lightbox-image) {
  202. vertical-align:middle;
  203. max-width:100%;
  204. }
  205. a {
  206. text-decoration:none;
  207. color:{color:Dark Accent};
  208. }
  209. h1,h2,h3,h4,h5,h6 {
  210. font-family:'Nixie One', serif;
  211. font-weight:normal;
  212. }
  213. aside {
  214. width:200px;
  215. position:fixed;
  216. top:90px;
  217. left:calc(50% - 420px);
  218. }
  219. aside h1 {
  220. font-size:2.2em;
  221. text-shadow:2px 2px rgba({RGBcolor:Accent},0.6);
  222. }
  223. aside #avatar {
  224. width:90px;
  225. height:90px;
  226. border:1px solid #eaeaea;
  227. padding:5px;
  228. border-radius:50%;
  229. background:#fff;
  230. display:inline-block;
  231. position:absolute;
  232. left:-120px;
  233. top:0;
  234. }
  235. #desc {
  236. margin-top:15px;
  237. }
  238. ul#nav {
  239. list-style:none;
  240. margin:15px 0;
  241. }
  242. ul#nav a {
  243. color:#000;
  244. }
  245. ul#nav li {
  246. font-family:'Nixie One', serif;
  247. text-transform:capitalize;
  248. background:{color:Accent};
  249. display:inline-block;
  250. margin-right:5px;
  251. width:12px;
  252. text-align:center;
  253. height:12px;
  254. line-height:12px;
  255. padding:3px;
  256. border-radius:50%;
  257. -webkit-transition: all 0.3s ease-in-out;
  258. -moz-transition: all 0.3s ease-in-out;
  259. -o-transition: all 0.3s ease-in-out;
  260. transition: all 0.3s ease-in-out;
  261. }
  262. ul#nav li:hover {
  263. transform:rotate(360deg);
  264. -webkit-transition: all 0.3s ease-in-out;
  265. -moz-transition: all 0.3s ease-in-out;
  266. -o-transition: all 0.3s ease-in-out;
  267. transition: all 0.3s ease-in-out;
  268. }
  269. #infscr-loading {
  270. position:absolute;
  271. margin-bottom:0px;
  272. bottom:40px;
  273. width:200px;
  274. margin-left:50%;
  275. left:-100px;
  276. text-align:center;
  277. }
  278. #wrapper {
  279. width:580px;
  280. margin:30px auto;
  281. left:150px;
  282. position:relative;
  283. padding:30px 30px 70px;
  284. }
  285. article {
  286. width:250px;
  287. box-sizing:border-box;
  288. margin-bottom:80px;
  289. padding:10px;
  290. border:1px solid #eaeaea;
  291. outline:1px dotted #eaeaea;
  292. outline-offset:-4px;
  293. position:relative;
  294. background:#fff;
  295. }
  296. * + .caption {
  297. margin-top:10px;
  298. }
  299. img.caption_avatar {
  300. border-radius:3px;
  301. margin-right:5px;
  302. height:20px;
  303. }
  304. blockquote.tumblr_parent {
  305. margin-bottom:10px;
  306. border-bottom:1px solid #fafafa;
  307. padding-bottom:10px;
  308. }
  309. blockquote.tumblr_parent:last-of-type {
  310. margin-bottom:0;
  311. padding-bottom:0;
  312. }
  313. blockquote.tumblr_parent ul,
  314. blockquote.tumblr_parent ol {
  315. margin:10px 0;
  316. line-height:2em;
  317. padding-left:25px;
  318. }
  319. blockquote.tumblr_parent ul {
  320. list-style:circle;
  321. }
  322. blockquote.tumblr_parent blockquote {
  323. border-left:2px solid #eee;
  324. padding-left:10px;
  325. margin:10px 0;
  326. margin-left:15px;
  327. }
  328. blockquote.tumblr_parent p {
  329. margin:5px 0;
  330. }
  331. .t blockquote.tumblr_parent p:last-of-type {
  332. margin-bottom:0;
  333. }
  334. .quote cite {
  335. display:block;
  336. text-align:right;
  337. margin-top:5px;
  338. }
  339. .chat ul {
  340. list-style:none;
  341. }
  342. .chat ul span {
  343. font-weight:bold;
  344. }
  345. .chat ul li {
  346. padding: 6px 0;
  347. border-bottom: 1px solid #fafafa;
  348. }
  349. .chat ul li:last-of-type {
  350. border-bottom:0;
  351. }
  352. .album-art {
  353. height:50px;
  354. margin-bottom:15px;
  355. width:100%;
  356. background:{color:Accent} repeat center center;
  357. background-size:contain;
  358. }
  359. .audio-info {
  360. list-style:none;
  361. padding:0;
  362. margin:0;
  363. }
  364. .audio-info li {
  365. border-bottom:1px solid #eaeaea;
  366. padding:4px 0;
  367. text-align:right;
  368. }
  369. .audio-info i, .audio-info b {
  370. float:left;
  371. }
  372. .audio-info i {
  373. color:#7b7b7b;
  374. margin-right:4px;
  375. }
  376. .tumblr_audio_player {
  377. width: calc(100% - 20px);
  378. position: absolute;
  379. top: 10px;
  380. height: 50px;
  381. opacity: 0.6;
  382. }
  383. span.asker {
  384. display: block;
  385. margin-bottom: 5px;
  386. }
  387. .asker img {
  388. height: 20px;
  389. border-radius: 3px;
  390. margin-right: 3px;
  391. }
  392. .question {
  393. background: #fafafa;
  394. padding: 5px;
  395. border-radius: 3px;
  396. }
  397. .question + .question {
  398. margin-top: 8px;
  399. }
  400. .caption:empty {
  401. margin:0;
  402. }
  403. {block:IndexPage}
  404. article .t {
  405. padding:10px;
  406. }
  407. .photoset {
  408. margin-bottom:7px;
  409. }
  410. blockquote.tumblr_parent:last-of-type {
  411. border-bottom:none;
  412. }
  413. ul.permalinks {
  414. list-style:none;
  415. text-align:center;
  416. }
  417. ul.permalinks a {
  418. color:#000;
  419. }
  420. ul.permalinks li {
  421. background:{color:Accent};
  422. height: 14px;
  423. width: 14px;
  424. text-align: center;
  425. line-height: 14px;
  426. padding: 3px;
  427. border-radius: 50%;
  428. display:inline-block;
  429. margin: 5px;
  430. }
  431. article.non-text-type ul.permalinks {
  432. position:absolute;
  433. top:10px;
  434. left:10px;
  435. width:calc(100% - 20px);
  436. height:calc(100% - 20px);
  437. overflow:hidden;
  438. box-shadow:inset 0 0 20px rgba(100,100,100,0.5);
  439. -webkit-transition: all 0.3s ease-in-out;
  440. -moz-transition: all 0.3s ease-in-out;
  441. -o-transition: all 0.3s ease-in-out;
  442. transition: all 0.3s ease-in-out;
  443. }
  444. article.non-text-type ul.permalinks li {
  445. top:100%;
  446. position:relative;
  447. font-size: 1.2em;
  448. width: 18px;
  449. height: 18px;
  450. line-height: 18px;
  451. opacity:0;
  452. -webkit-transition: all 0.3s ease-in-out;
  453. -moz-transition: all 0.3s ease-in-out;
  454. -o-transition: all 0.3s ease-in-out;
  455. transition: all 0.3s ease-in-out;
  456. }
  457. article.non-text-type:hover ul.permalinks li {
  458. top:calc(50% - 12px);
  459. opacity:1;
  460. -webkit-transition: all 0.3s ease-in-out;
  461. -moz-transition: all 0.3s ease-in-out;
  462. -o-transition: all 0.3s ease-in-out;
  463. transition: all 0.3s ease-in-out;
  464. }
  465. article.non-text-type:hover ul.permalinks li:nth-of-type(2) {
  466. -webkit-transition-delay: 0.1s;
  467. transition-delay: 0.1s;
  468. }
  469. article.non-text-type:hover ul.permalinks li:nth-of-type(3) {
  470. -webkit-transition-delay: 0.2s;
  471. transition-delay: 0.2s;
  472. }
  473. article.non-text-type:hover ul.permalinks {
  474. box-shadow:inset 0 0 0px 150px rgba(255,255,255,0.5);
  475. -webkit-transition: all 0.3s ease-in-out;
  476. -moz-transition: all 0.3s ease-in-out;
  477. -o-transition: all 0.3s ease-in-out;
  478. transition: all 0.3s ease-in-out;
  479. }
  480. li.custom-like-button {
  481. position:relative;
  482. }
  483. .like_button {
  484. position: absolute;
  485. top: 0;
  486. left: 0;
  487. right: 0;
  488. bottom: 0;
  489. width: 100%;
  490. height: 100%;
  491. opacity: 0;
  492. z-index: 10;
  493. }
  494. .like_button iframe {
  495. width: 100% !important;
  496. height: 100% !important;
  497. }
  498. .our_toggle {
  499. top: 0;
  500. left: 0;
  501. right: 0;
  502. bottom: 0;
  503. width: 14px;
  504. height: 14px;
  505. z-index: 1;
  506. -webkit-transition: all 0.2s ease-in-out;
  507. -moz-transition: all 0.2s ease-in-out;
  508. -o-transition: all 0.2s ease-in-out;
  509. transition: all 0.2s ease-in-out;
  510. }
  511. .non-text-type .our_toggle {
  512. width:18px;
  513. height:18px;
  514. }
  515. .like_button:hover + .our_toggle {
  516. color:#d95e40;
  517. -webkit-transition: all 0.2s ease-in-out;
  518. -moz-transition: all 0.2s ease-in-out;
  519. -o-transition: all 0.2s ease-in-out;
  520. transition: all 0.2s ease-in-out;
  521. }
  522. .like_button.liked + .our_toggle .oi-heart:before {
  523. content: "\e098";
  524. color:#d95e40;
  525. }
  526. {/block:IndexPage}{block:PermalinkPage}
  527. article {
  528. width:530px;
  529. padding:25px;
  530. margin:0 auto;
  531. }
  532. blockquote.tumblr_parent {
  533. padding-left:2px;
  534. padding-right:2px;
  535. }
  536. .chat, .quote {
  537. border-bottom:1px solid #fafafa;
  538. padding-bottom:5px;
  539. }
  540. .tumblr_audio_player {
  541. width: calc(100% - 50px);
  542. top: 25px;
  543. }
  544. ul.extra-info {
  545. padding:0;
  546. margin:0;
  547. list-style:none;
  548. text-align:left;
  549. }
  550. ul.extra-info li {
  551. padding: 4px 0;
  552. margin: 3px 0;
  553. border-bottom: 1px solid #fafafa;
  554. text-align:left;
  555. }
  556. ul.extra-info i {
  557. font-size:13px;
  558. color:#7b7b7b;
  559. margin-right:3px;
  560. }
  561. ol.notes a, .extra-info a {
  562. color:#000;
  563. font-weight:bold;
  564. }
  565. ol.notes {
  566. padding:0;
  567. margin: 0;
  568. list-style-type: none;
  569. padding: 0;
  570. }
  571. ol.notes li.note {
  572. padding: 4px 0;
  573. margin: 3px 0;
  574. padding-left: 16px;
  575. border-bottom: 1px solid #fafafa;
  576. }
  577. ol.notes li.note .avatar_frame {
  578. float:right;
  579. }
  580. ol.notes li.note img.avatar {
  581. border-radius:3px;
  582. }
  583. ol.notes li.note blockquote {
  584. border-left:2px solid #eee;
  585. padding-left:10px;
  586. margin:10px 0;
  587. margin-left:15px;
  588. }
  589. ol.notes li.note blockquote a {
  590. text-decoration: none;
  591. }
  592. li.more_notes_link_container {
  593. font-weight: bold;
  594. text-transform: uppercase;
  595. font-size: 0.85em;
  596. }
  597. li.like:before {
  598. content: "\e099";
  599. font-family: untitled-font-1!important;
  600. font-style: normal;
  601. font-weight: 400;
  602. speak: none;
  603. display: inline-block;
  604. text-decoration: inherit;
  605. width: 1em;
  606. text-align: center;
  607. font-variant: normal;
  608. text-transform: none;
  609. vertical-align: middle;
  610. line-height: 1;
  611. font-size: 1em;
  612. -webkit-font-smoothing: antialiased;
  613. -moz-osx-font-smoothing: grayscale;
  614. margin-right: -11px;
  615. color:#f3719f;
  616. left: -16px;
  617. position: relative;
  618. font-size:13px;
  619. }
  620. li.reblog:before {
  621. content:'\e083';
  622. font-family: untitled-font-1!important;
  623. font-style: normal;
  624. font-weight: 400;
  625. speak: none;
  626. display: inline-block;
  627. text-decoration: inherit;
  628. width: 1em;
  629. text-align: center;
  630. font-variant: normal;
  631. text-transform: none;
  632. vertical-align: middle;
  633. line-height: 1;
  634. font-size: 1em;
  635. -webkit-font-smoothing: antialiased;
  636. -moz-osx-font-smoothing: grayscale;
  637. margin-right: -11px;
  638. color:#7b7b7b;
  639. left: -16px;
  640. position: relative;
  641. font-size:13px;
  642. }
  643. li.original_post:before {
  644. content:'\e078';
  645. }
  646. {/block:PermalinkPage}
  647. #botw_by_redivide {
  648. border: 4px double #dcecf5;/*border of tab*/
  649. color: #777;/*color of text*/
  650. }
  651. #botw_by_redivide #who_is_it, #botw_by_redivide a {
  652. color: #dcecf5;/*color of links*/
  653. }
  654. /*announcements tab by chloe | @redivide | @themekid*/
  655. #chloe {
  656. position:fixed;
  657. width:200px;
  658. padding:5px;
  659. bottom:70px; /*distance from bottom*/
  660. right:60px; /*distance from top*/
  661. text-align:right;
  662. z-index:999;
  663. }
  664. #chloe h4 {
  665. font-size:1.5em;
  666. border-bottom:4px double #dcecf5; /*color of title underline*/
  667. display:inline-block;
  668. margin-bottom:10px;
  669. font-family:'Roboto Condensed', sans-serif;
  670. }
  671. #chloe a {
  672. color:#dcecf5; /*color of links*/
  673. text-decoration:none;
  674. }
  675. </style>
  676.  
  677. </head>
  678.  
  679. <body>
  680.  
  681. <script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/52/52212/99/parts.js"></script>
  682.  
  683. <!--announcements tab by chloe | @redivide | @themekid--><div id="chloe"><h4>EXTRAS</h4><br>
  684. view my faves 1.0 <a href="http://girlhy.tk/favoritespage" target="_blank">here</a><br>
  685. apply for my awards <a href="http://girlhy.tk/tagged/apply" target="_blank">here</a><br>
  686. apply to be my botm <a href="http://girlhy.tk/post/165125607114/please-do-not-delete-the-text-or-self-promote" target="_blank">here</a><br></div>
  687.  
  688.  
  689. <!--BOTW TAB BY @REDIVIDE | @THEMEKID-->
  690. <div id="botw_by_redivide">
  691. <div id="botw">
  692. BOTM
  693. </div>
  694. <div id="left">
  695. <img src="https://api.tumblr.com/v2/blog/sihlvers/avatar/96" id="iconius"> <!--image of botm, if you just change the username it will be their icon-->
  696. <div id="who_is_it">
  697. Tba<!--name of botw-->
  698. </div>
  699. </div><!--
  700. --><div id="right">
  701. <a href="/" target="_blank" title="her blog"><i class="fa fa-user"></i></a> <!--their url-->
  702. <a href="/" target="_blank" title="her archive"><i class="fa fa-star"></i></a> <!--their archive-->
  703. <br> follow & then msg me for a promo to over 60k+ dashes!
  704. <br><a href="#" style="display:inline-block;margin-top:10px;font-size:0.9em;">be my next botm?</a> <!--change # to your botw post-->
  705. </div>
  706. </div><!--BOTW TAB BY @REDIVIDE | @THEMEKID-->
  707. <aside>
  708. <h1>{Title}</h1>
  709. {block:IfSidebarImage}<img src="{image:Sidebar}" id="avatar">{/block:IfSidebarImage}
  710. {block:Description}<div id="desc">
  711. {Description}
  712. </div>{/block:Description}
  713. <ul id="nav">
  714. <li><a href="/" title="home"><i class="oi-home"></i></a>
  715. {block:AskEnabled}<li><a href="{text:Ask Link}" title="message"><i class="oi-chat"></i></a>{/block:AskEnabled}
  716. <li><a href="/archive"><i class="oi-grid"></i></a>
  717. {block:IfLink1}<li><a href="{text:URL 1}" title="{text:Link 1}"><i class="{text:Icon 1}"></i></a>{/block:IfLink1}
  718. {block:IfLink2}<li><a href="{text:URL 2}" title="{text:Link 2}"><i class="{text:Icon 2}"></i></a>{/block:IfLink2}
  719. {block:IfLink3}<li><a href="{text:URL 3}" title="{text:Link 3}"><i class="{text:Icon 3}"></i></a>{/block:IfLink3}
  720. </ul>
  721. </aside>
  722. <div id="wrapper">
  723. <section id="posts">
  724. {block:Posts}<article id="{PostID}" class="{block:Photo}non-{/block:Photo}text-type">
  725. {block:Text}<div class="text t">
  726. {block:Title}<h2>{Title}</h2>{/block:Title}
  727. <div class="caption">{Body}</div>
  728. </div>{/block:Text}{block:Photo}<div class="photo">
  729. <img src="{block:IndexPage}{PhotoURL-250}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}">
  730. </div>{/block:Photo}{block:Photoset}<div class="photoset">
  731. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  732. {block:Photos}<div class="photo-data">
  733. <div class="pxu-photo">
  734. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  735. </div>
  736. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  737. </div>{/block:Photos}
  738. </div>
  739. </div>{/block:Photoset}{block:Quote}<div class="quote {Length} t">
  740. <h2>{Quote}</h2>
  741. {block:Source}<cite>{Source}</cite>{/block:Source}
  742. </div>{/block:Quote}{block:Link}<div class="link t">
  743. <h2><a href="{URL}"><i class="oi-link"></i> {Name}</a></h2>
  744. {block:Description}<div class="caption">{Description}</div>{/block:Description}
  745. </div>{/block:Link}{block:Chat}<div class="chat t">
  746. <ul>
  747. {block:Lines}<li>{block:Label}<span>{Label}</span>{/block:Label} {Line}{/block:Lines}
  748. </ul>
  749. </div>{/block:Chat}{block:Audio}<div class="audio t">
  750. {block:AlbumArt}<div class="album-art" style="background-image:url({AlbumArtURL})"></div>{/block:ALbumArt}
  751. <ul class="audio-info">
  752. <li><i class="oi-mic"></i> <b>Artist:</b> <span {block:Artist}style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br>
  753. <li><i class="oi-playlist"></i> <b>Title:</b> <span {block:TrackName}style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br>
  754. <li><i class="oi-disc"></i> <b>Album:</b> <span {block:Album}style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}
  755. <li><i class="oi-repeat"></i> <b>Plays:</b> {FormattedPlayCount}
  756. </ul>
  757. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  758. </div>{/block:Audio}{block:Video}<div class="vid t">
  759. <div class="video">
  760. {block:IndexPage}{Video-250}{/block:IndexPage}{block:PermalinkPage}{Video-700}{/block:PermalinkPage}
  761. </div>
  762. </div>{/block:Video}{block:Answer}<div class="answer t">
  763. <div class="question">
  764. <span class="asker"><img src="{AskerPortraitURL-24}"> {Asker} asked:</span>
  765. {Question}
  766. </div>
  767. {block:Answerer}<div class="question">
  768. <span class="asker"><img src="{AnswererPortraitURL-24} "> {Answerer} replied:</span>
  769. {Answer}
  770. </div>{/block:Answerer}
  771. <div class="caption">
  772. {Replies}
  773. </div>
  774. </div>{/block:Answer}{block:IndexPage}
  775. <ul class="permalinks">
  776. <li class="custom-like-button" title="love">{LikeButton}<div class="our_toggle"><i class="oi-heart"></i></span></div>
  777. <li><a href="{ReblogURL}" target="_blank" title="Reblog"><i class="oi-refresh"></i></a>
  778. <li><a href="{Permalink}" target="_blank" title="{NoteCount}"><i class="oi-info"></i></a>
  779. </ul>
  780. {/block:IndexPage}{block:PermalinkPage}{block:Caption}
  781. <div class="caption">
  782. {Caption}
  783. </div>{/block:Caption}
  784. {block:Date}<ul class="extra-info">
  785. <li><i class="oi-time"></i> {DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear} ({TimeAgo})
  786. {block:NoteCount}<li><i class="oi-chart"></i> {NoteCountWithLabel}{/block:NoteCount}
  787. {block:RebloggedFrom}<li><i class="oi-refresh"></i> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  788. {block:ContentSource}<li><i class="oi-globe"></i> <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}
  789. {block:HasTags}<li><i class="oi-tags"></i> {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  790. </ul>{/block:Date}
  791. {block:PostNotes}<div id="notes">
  792. {PostNotes-16}
  793. </div>{/block:PostNotes}
  794. {/block:PermalinkPage}
  795. </article>
  796. {/block:Posts}
  797. </section>
  798. </div>
  799. {block:Pagination}
  800. <div class="pagination" style="visibility:hidden;">
  801. {block:NextPage}<a href="{NextPage}" id="next-link">next</a>{/block:NextPage}
  802. </div>
  803. {/block:Pagination}
  804. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  805. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  806. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  807. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  808. <script src="http://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  809. <script src="http://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
  810. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  811. <script>
  812. var pxuOptions = {
  813. lightbox: true,
  814. rounded: false,
  815. gutter: '5px',
  816. photoset: '.photo-slideshow',
  817. photoWrap: '.photo-data',
  818. photo: '.pxu-photo'
  819. }, infScrollOptions = {
  820. navSelector : "div.pagination",
  821. nextSelector : ".pagination a#next-link",
  822. itemSelector : "article",
  823. loading: {
  824. finishedMsg: "<p>You've reached the end of the Earth.</p>",
  825. img : "https://res1.nabtrade.com.au/Content/Images/ajax_loader.gif",
  826. msg: null,
  827. msgText: "",
  828. },
  829. }, masonryOptions = {
  830. itemSelector: 'article',
  831. isAnimated:false,
  832. columnWidth:250,
  833. gutterWidth:80,
  834. }, unnestOptions = {
  835. yourCaption: ".caption",
  836. wrapName: ".tumblr_parent",
  837. newCaptionUsername: true,
  838. originalPostCaptionUsername: false,
  839. tumblrAvatars: true,
  840. tumblrAvatarClass: ".caption_avatar",
  841. usernameColon: false
  842. }
  843. $(function(){
  844. $('.photo-slideshow').pxuPhotoset(pxuOptions);
  845. $('article').unnest(unnestOptions);
  846. {block:IndexPage}
  847. var $tumblelog = $('#posts');
  848. $tumblelog.imagesLoaded(function () {
  849. $tumblelog.masonry(masonryOptions);
  850. });
  851. $tumblelog.infinitescroll(
  852. infScrollOptions, function( newElements ) {
  853. var $newElems = $( newElements );
  854. var $newElemsIDs = $newElems.map(function () {
  855. return this.id;
  856. }).get();
  857. $newElems.find('.photo-slideshow').pxuPhotoset(pxuOptions);
  858. $newElems = $(newElements).css({ opacity: 0, zIndex: -1});
  859. $newElems.imagesLoaded(function(){
  860. $newElems.animate({ opacity: 1, zIndex: 1 });
  861. $tumblelog.masonry( 'appended', $newElems );
  862. });
  863. $newElems.unnest(unnestOptions);
  864. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  865. resizeVideos();
  866. });
  867.  
  868. {/block:IndexPage}
  869. })();
  870. </script>
  871. </body>
  872. <!-- updates tab by noveia / bravethemes -->
  873. <div class="kingdom">
  874. <div id="reign">
  875. <div class="royal">HOVER HERE</div> <!-- change the title here -->
  876. <div id="queen">
  877. <b>UPDATES</b><br>
  878. • queue runs 24/7
  879. <br>
  880. • new url 8/20/17
  881. <br>
  882. • new theme 9/23/17
  883. <br>
  884. • unfollow spree 9/23/17 <!-- change the text here -->
  885. </div>
  886. <div id="queen">
  887. <b>STATS</b><br>
  888. <script id="qpscript" src="http://qplus.io/scripts/queued/5999ff54043118fb460938e6"></script>
  889. <br>
  890. <script src="https://followercounter.co/api/text/girlhy"></script>
  891. <br>
  892. <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5505219";
  893. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  894. fhs.src = "//freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=Putting On Sun Lotion&e2=Putting On Sun Lotion&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  895. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  896. </script>
  897. <br>
  898. <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3267266";
  899. fhsh.src = "//freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name= Went Tanning&a=1";
  900. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  901. </script>
  902. <br>
  903. <a href="https://time.is/New_Jersey" id="time_is_link" rel="nofollow" style="font-size:11px"> My time (EST):</a>
  904. <span id="New_Jersey_z161" style="font-size:12px"></span>
  905. <script src="//widget.time.is/t.js"></script>
  906. <script>
  907. time_is_widget.init({New_Jersey_z161:{time_format:"12hours:minutes:secondsAMPM"}});
  908. </script>
  909. <br>
  910. <div id="pd_rating_holder_8567461"></div>
  911. <script type="text/javascript">
  912. PDRTJS_settings_8567461 = {
  913. "id" : "8567461",
  914. "unique_id" : "default",
  915. "title" : "",
  916. "permalink" : ""
  917. };
  918. (function(d,c,j){if(!document.getElementById(j)){var pd=d.createElement(c),s;pd.id=j;pd.src=('https:'==document.location.protocol)?'https://polldaddy.com/js/rating/rating.js':'http://i0.poll.fm/js/rating/rating.js';s=document.getElementsByTagName(c)[0];s.parentNode.insertBefore(pd,s);}}(document,'script','pd-rating-js'));
  919. </script><!-- change the text here -->
  920. </div>
  921.  
  922. <div id="queen">
  923. <b>BIRTHDAYS</b><br>
  924. <script type="text/javascript" src="https://dl.dropboxusercontent.com/s/llib1ztbc6d6vlx/birthdayclub.js"></script><div id="birthdayClub"></div> <!-- change the text here -->
  925. </div>
  926. <div id="queen">
  927. <b>CURRENTLY</b><br>
  928. Watching: <br>
  929. • shameless & jersey shore<br>
  930. Reading: <br>
  931. • read between the lines <br>
  932. Listening To: <br>
  933. • dawn golden & a.a bondy <br> <!-- change the text here -->
  934. </div>
  935.  
  936.  
  937.  
  938.  
  939.  
  940.  
  941. </div>
  942. </div>
  943. </div>
  944.  
  945. </html>
Add Comment
Please, Sign In to add comment