API tools faq
paste
Advertisement
xariaaaa

[THEME] Cᴀɢᴇᴅ Uᴘ

xariaaaa
Apr 3rd, 2016
86
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.42 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6.  
  7. All-In-One Theme Base Code by Paige @neonbikethemes.tumblr.com
  8.  
  9. RULES OF THE BASE CODE:
  10.  
  11. - Don't steal and repost as your own
  12. - Leave a little line in the code somewhere that says the base code is by neonbike themes. You can delete the rules.
  13. - please like/reblog the post
  14. - if you have questions don't hesitate to ask!
  15.  
  16. Thanks!
  17.  
  18. -->
  19.  
  20. {block:Description}
  21. <meta name="description" content="{MetaDescription}" />
  22. {/block:Description}
  23. <meta charset="utf-8">
  24. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  25. <title>{Title}{block:TagPage} - {Tag} {/block:TagPage} {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
  26. <link rel="shortcut icon" href="{Favicon}">
  27. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  28.  
  29.  
  30.  
  31.  
  32. <!-- IMPORTED SCRIPTS - DON'T REMOVE -->
  33.  
  34. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  35.  
  36. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  37.  
  38. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  39.  
  40. <!-- TOOLTIP SCRIPT (REMOVE ONYL IF YOU WANT STANDARD BROWSER TOOLTIPS) -->
  41.  
  42. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  43. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  44. <script>
  45. (function($){
  46. $(document).ready(function(){
  47. $("a[title]").style_my_tooltips({
  48. tip_follows_cursor:true,
  49. tip_delay_time:90,
  50. tip_fade_speed:600,
  51. attribute:"title"
  52. });
  53. });
  54. })(jQuery);
  55. </script>
  56.  
  57.  
  58. <style type="text/css">
  59. /* FONTS */
  60.  
  61. /* GASARA */
  62. @font-face { font-family: "gasara"; src: url('https://dl.dropbox.com/s/9mird7ef2oyhzbc/gasara.ttf'); }
  63. /* DARLESTON */
  64. @font-face { font-family: "darleston"; src: url('https://dl.dropboxusercontent.com/s/pon2nz49g2gofuu/Darleston.otf') }
  65. /* ASPEX */
  66. @font-face{ font-family: "aspex"; src: url('https:/dl.dropboxusercontent.com/s/yeeehszy65j0cfk/ASPEX_0.TTF') }
  67.  
  68.  
  69. ::-webkit-scrollbar-thumb {
  70. height: auto;
  71. background-color: #be195b;
  72. }
  73.  
  74. ::-webkit-scrollbar {
  75. height:9px;
  76. width:4px;
  77. background-color: #e2e2e2;
  78. }
  79.  
  80. body {
  81. background: #ffffff;
  82. background-image:url(http://i.imgur.com/NIA9tjH.jpg);
  83. background-repeat: no-repeat;
  84. background-attachment: fixed;
  85. background-position: bottom right;
  86. }
  87.  
  88. a {
  89. text-decoration: none;
  90. outline: none;
  91. -moz-outline-style: none;
  92. color: #be195b;
  93. -webkit-transition: opacity 0.7s linear;
  94. -webkit-transition: all 0.7s ease-out;
  95. -moz-transition: all 0.7s ease-out;
  96. transition: all 0.7s ease-out;
  97.  
  98. }
  99.  
  100. a:hover {
  101. color: #e3cacf;
  102. text-shadow: -2px -2px 0px #e3cacf, 2px 2px 0px #e3cacf;
  103. opacity: 0;
  104. -webkit-transition: opacity 0.7s linear;
  105. -webkit-transition: all 0.7s ease-out;
  106. -moz-transition: all 0.7s ease-out;
  107. transition: all 0.7s ease-out;
  108.  
  109. }
  110.  
  111. img {
  112. border:none;
  113. }
  114.  
  115. blockquote {
  116. margin-left: 10px;
  117. padding-left: 5px;
  118. border-left: 1px solid #be195b;
  119. border-bottom: 1px dotted #be195b;
  120. }
  121.  
  122. blockquote blockquote {
  123. margin-left: 10px;
  124. padding-left: 5px;
  125. border-left: 1px solid #be195b;
  126. border-bottom: 1px dotted #be195b;
  127. }
  128.  
  129. blockquote img {
  130. max-width: 190px !important;
  131. height: auto;
  132. opacity: 0.4;
  133. -webkit-transition: opacity 0.7s linear;
  134. -webkit-transition: all 0.7s ease-out;
  135. -moz-transition: all 0.7s ease-out;
  136. transition: all 0.7s ease-out;
  137. -webkit-filter: grayscale(100%);
  138. filter: grayscale(100%);
  139. }
  140.  
  141. blockquote img:hover {
  142. opacity: 0.7;
  143. -webkit-transition: opacity 0.7s linear;
  144. -webkit-transition: all 0.7s ease-out;
  145. -moz-transition: all 0.7s ease-out;
  146. transition: all 0.7s ease-out;
  147. -webkit-filter: grayscale(50%);
  148. filter: grayscale(50%);
  149. }
  150.  
  151. blockquote blockquote img {
  152. max-width: 135px !important;
  153. height: auto;
  154. opacity: 0.4;
  155. -webkit-transition: opacity 0.7s linear;
  156. -webkit-transition: all 0.7s ease-out;
  157. -moz-transition: all 0.7s ease-out;
  158. transition: all 0.7s ease-out;
  159. -webkit-filter: grayscale(100%);
  160. filter: grayscale(100%);
  161. }
  162.  
  163. blockquote blockquote img:hover {
  164. opacity: 0.7;
  165. -webkit-transition: opacity 0.7s linear;
  166. -webkit-transition: all 0.7s ease-out;
  167. -moz-transition: all 0.7s ease-out;
  168. transition: all 0.7s ease-out;
  169. -webkit-filter: grayscale(50%);
  170. filter: grayscale(50%);
  171. }
  172.  
  173. h1, h2, h3 {
  174. font-family: "aspex";
  175. font-size: 20px;
  176. text-align: justify;
  177. color: #be195b;
  178. text-shadow: -2px -2px 0px #e3cacf;
  179. font-weight: 200;
  180. }
  181.  
  182. img {
  183. border:none;
  184. }
  185.  
  186. pre, code {
  187. color: #3e3e3e;
  188. font-family: "Gasara";
  189. font-size: 8px;
  190. line-height: 9px;
  191. word-wrap: break-word;
  192. background-color: #ffffff;
  193. padding: 3px;
  194. border-radius: 10px 0px 10px 0px;
  195. border-left: 1px solid #e3cacf;
  196. border-right: 1px solid #e3cacf;
  197. }
  198.  
  199. #bigcon{
  200. width: 270px;
  201. height: 50px;
  202. float: left;
  203. margin-left: 275px;
  204. margin-top: 40px;
  205. background-color: #e2e2e2;
  206. }
  207.  
  208. .tabcontent {
  209. background-color: #e2e2e2;
  210. position:static;
  211. margin-left:auto;
  212. margin-right:auto;
  213. width: 270px;
  214. height: 400px;
  215. overflow-y: auto;
  216. overflow-x: hidden;
  217. text-align: center;
  218. margin-bottom: 100px;
  219. }
  220.  
  221. #postcontainer {
  222. background-color: #e2e2e2;
  223. position:static;
  224. width: 270px;
  225. max-height: 400px;
  226. overflow-y: auto;
  227. overflow-x: hidden;
  228. text-align:center;
  229. }
  230.  
  231.  
  232. /* HEADER */
  233.  
  234. #topbar{
  235. position:static;
  236. margin-bottom:50px;
  237. text-align:center;
  238. }
  239.  
  240. #navbar{
  241. display:inline-block;
  242. text-align:center;
  243. }
  244.  
  245. /* TABS */
  246.  
  247. .tabs {
  248. overflow-y: auto;
  249. margin-left:0px;
  250. display:inline-block;
  251. }
  252.  
  253. /* TAB LINKS */
  254.  
  255. /* Clearfix */
  256. .tab-links:after {
  257. display: block;
  258. clear: both;
  259. content:'';
  260. }
  261.  
  262. .tab-links li {
  263. margin-left: -5px;
  264. display:inline-block;
  265. list-style:none;
  266. text-transform:uppercase;
  267. }
  268.  
  269. .tab-links a {
  270. padding: 2px;
  271. display:inline-block;
  272. color: #be195b;
  273. font-family: "Aspex";
  274. font-size: 10px;
  275. transition:all linear 0.15s;
  276. border-bottom:1px solid transparent;
  277. }
  278.  
  279. .tab-links a:hover {
  280. border-bottom:1px solid #000000;
  281. text-decoration:none;
  282. }
  283.  
  284. li.active a, li.active a:hover {
  285. background:transparent;
  286. color: #be195b;
  287. border-bottom:1px solid #be195b;
  288. -webkit-transition: all .3s;
  289. -moz-transition: all .3s;
  290. -o-transition: all .3s;
  291. -ms-transition: all .3s;
  292. transition: all .3s;
  293. }
  294.  
  295. /*----- Content of Tabs -----*/
  296. .tab-content {
  297. }
  298.  
  299. .tab {
  300. display:none;
  301. }
  302.  
  303. .tab.active {
  304. display:block;
  305. }
  306.  
  307. /* POSTS */
  308.  
  309. .posts {
  310. padding: 10px;
  311. width: 250px;
  312. margin-bottom: 40px;
  313. word-wrap: break-word;
  314. font-family: "Calibri";
  315. font-size: 12px;
  316. color: #3e3e3e;
  317. line-height: 110%;
  318. text-align: justify;
  319. }
  320.  
  321. .posts img {
  322. max-width: 245px;
  323. height: auto;
  324. opacity: .5;
  325. -webkit-filter: grayscale(100%);
  326. -moz-transition:all 0.5s ease-in-out;
  327. -webkit-transition:all 0.5s ease-in-out;
  328. -o-transition:all 0.5s ease-in-out;
  329. transition:all 0.5s ease-in-out;
  330. }
  331.  
  332. .posts img:hover {
  333. opacity: 1;
  334. -webkit-filter: grayscale(0%) !important;
  335. -moz-transition:all 0.5s ease-in-out;
  336. -webkit-transition:all 0.5s ease-in-out;
  337. -o-transition:all 0.5s ease-in-out;
  338. transition:all 0.5s ease-in-out;
  339. -webkit-filter: grayscale(0%);
  340. }
  341.  
  342. .title {
  343. font-family: "Aspex";
  344. color: #be195b;
  345. font-size: 25px;
  346. line-height: 100%;
  347. text-align: justify;
  348. text-decoration: none;
  349. -moz-transition: all 0.5s linear;
  350. -webkit-transition: all 0.5s linear;
  351. -o-transition: all 0.5s linear;
  352. transition: all 0.5s linear;
  353. }
  354.  
  355. .perma {
  356. width: auto !important;
  357. margin: 10px 0px 0px 0px;
  358. padding: 5px;
  359. color: #3e3e3e;
  360. font-family: "Gasara";
  361. font-size: 8px;
  362. line-height:100%;
  363. word-spacing:0;
  364. letter-spacing:1px;
  365. text-align:center;
  366. text-transform:uppercase;
  367. text-decoration:none;
  368. }
  369.  
  370. .permapage {
  371. width:auto !important;
  372. margin:10px 0px 0px 0px;
  373. padding:5px;
  374. background-color: #e5e5e5;
  375. color: #3e3e3e;
  376. font-family: "Gasara";
  377. font-size: 8px;
  378. line-height: 100%;
  379. letter-spacing:1px;
  380. text-align:center;
  381. text-transform:uppercase;
  382. text-decoration:none;
  383. }
  384.  
  385. .notes_wrapper {
  386. width: 250px;
  387. max-height: 200px !important;
  388. margin: -5px 0px 0px 0px;
  389. padding: 10px;
  390. overflow: auto;
  391. }
  392.  
  393. .notes {
  394. margin: -5px 0px 0px -25px;
  395. word-wrap: break-word;
  396. display: inline-block;
  397. line-height: 100%;
  398. color: #3e3e3e;
  399. background-color: #e5e5e5;
  400. text-align: left;
  401. text-transform: auto;
  402. font-family: "Calibri";
  403. font-size:10px;
  404. letter-spacing:0;
  405. word-spacing:0;
  406. list-style-type:none;
  407. }
  408.  
  409. .notes a{
  410. text-transform: uppercase;
  411. }
  412.  
  413. .notes ul, ol {
  414. display:inline-block;
  415. }
  416. .notes li {
  417. margin-top:5px;
  418. }
  419.  
  420. .notes img {
  421. display:none;
  422. -moz-transition:all 0.5s ease-in-out;
  423. -webkit-transition:all 0.5s ease-in-out;
  424. -o-transition:all 0.5s ease-in-out;
  425. transition:all 0.5s ease-in-out;
  426. -webkit-filter: grayscale(100%);
  427. opacity: .5;
  428. }
  429.  
  430. .notes img:hover {
  431. -webkit-filter: grayscale(0%) !important;
  432. opacity: 1;
  433. -moz-transition:all 0.5s ease-in-out;
  434. -webkit-transition:all 0.5s ease-in-out;
  435. -o-transition:all 0.5s ease-in-out;
  436. transition:all 0.5s ease-in-out;
  437. }
  438.  
  439. .read_more {
  440. padding:4px;
  441. background-color: #e5e5e5;
  442. text-align: center;
  443. }
  444.  
  445.  
  446. /* Asks */
  447. #asker {
  448. font-family: "Darleston";
  449. font-size: 40px;
  450. text-align: center;
  451. margin-bottom: 5px;
  452. border-bottom: 1px dotted #ffffff;
  453. }
  454.  
  455. #question {
  456. background-color: #ffffff;
  457. padding: 5px;
  458. font-family: "Gasara";
  459. font-size: 8px;
  460. color: #3e3e3e;
  461. line-height: 10px;
  462. }
  463.  
  464. /* Quotes */
  465. .quotes {
  466. width:auto !important;
  467. margin:0px 0px 5px 0px;
  468. padding:10px;
  469. font-family: "Darleston";
  470. font-size: 30px;
  471. color: #e3cacf;
  472. text-align:justify;
  473. line-height:100%;
  474. }
  475.  
  476. .source {
  477. font-family: "Gasara";
  478. font-size: 8px;
  479. letter-spacing: 1px;
  480. text-align: right;
  481. }
  482. /* Chat */
  483.  
  484. .chat {
  485. width: auto !important;
  486. }
  487.  
  488. .even, .odd {
  489. color: #3e3e3e;
  490. padding:2px 10px 2px 10px;
  491. font-family: "Calibri";
  492. font-size:12px;
  493. line-height:100%;
  494. text-align:justify;
  495. }
  496.  
  497.  
  498. /* Audio */
  499. .audio {
  500. padding: 0;
  501. }
  502.  
  503. .audio_container {
  504. overflow: hidden;
  505. position: relative;
  506. width: 100px;
  507. }
  508.  
  509. .soundcloud_audio_player {
  510. width: 100%;
  511. }
  512.  
  513. .tumblr_audio_player {
  514. width: 100%;
  515. }
  516.  
  517. /* Images */
  518. .photo {
  519. max-width:100%;
  520. -moz-transition:all 0.5s ease-in-out;
  521. -webkit-transition:all 0.5s ease-in-out;
  522. -o-transition:all 0.5s ease-in-out;
  523. transition:all 0.5s ease-in-out;
  524. -webkit-filter: grayscale(100%);
  525. opacity: .5;
  526. -moz-transition:all 0.5s ease-in-out;
  527. -webkit-transition:all 0.5s ease-in-out;
  528. -o-transition:all 0.5s ease-in-out;
  529. transition:all 0.5s ease-in-out;
  530. }
  531.  
  532. .photo:hover {
  533. -moz-transition:all 0.5s ease-in-out;
  534. -webkit-transition:all 0.5s ease-in-out;
  535. -o-transition:all 0.5s ease-in-out;
  536. transition:all 0.5s ease-in-out;
  537. -webkit-filter: grayscale(0%) !important;
  538. opacity: 1;
  539. -moz-transition:all 0.5s ease-in-out;
  540. -webkit-transition:all 0.5s ease-in-out;
  541. -o-transition:all 0.5s ease-in-out;
  542. transition:all 0.5s ease-in-out;
  543. -webkit-filter: grayscale(0%);
  544. }
  545.  
  546. .image img {
  547. max-width:100%;
  548. -moz-transition:all 0.5s ease-in-out;
  549. -webkit-transition:all 0.5s ease-in-out;
  550. -o-transition:all 0.5s ease-in-out;
  551. transition:all 0.5s ease-in-out;
  552. -webkit-filter: grayscale(100%);
  553. opacity: .5;
  554. -moz-transition:all 0.5s ease-in-out;
  555. -webkit-transition:all 0.5s ease-in-out;
  556. -o-transition:all 0.5s ease-in-out;
  557. transition:all 0.5s ease-in-out;
  558. }
  559.  
  560. .video {
  561. max-width:250px !important;
  562. -moz-transition:all 0.5s ease-in-out;
  563. -webkit-transition:all 0.5s ease-in-out;
  564. -o-transition:all 0.5s ease-in-out;
  565. transition:all 0.5s ease-in-out;
  566. -webkit-filter: grayscale(100%);
  567. opacity: .5;
  568. -moz-transition:all 0.5s ease-in-out;
  569. -webkit-transition:all 0.5s ease-in-out;
  570. -o-transition:all 0.5s ease-in-out;
  571. transition:all 0.5s ease-in-out;
  572. }
  573.  
  574. .video:hover {
  575. opacity: 1;
  576. -webkit-filter: grayscale(0%);
  577. opacity: 1;
  578. -moz-transition:all 0.5s ease-in-out;
  579. -webkit-transition:all 0.5s ease-in-out;
  580. -o-transition:all 0.5s ease-in-out;
  581. transition:all 0.5s ease-in-out;
  582. }
  583.  
  584. /* MUSES */
  585.  
  586. ul.img-list {
  587. list-style-type: none;
  588. margin: 0;
  589. padding: 0;
  590. text-align: center;
  591. }
  592.  
  593. ul.img-list li {
  594. display: inline-block;
  595. width: 270px;
  596. height: 125px;
  597. position: relative;
  598. -webkit-transition:all 0.7s linear;
  599. -moz-transition:all 0.7s linear;
  600. -o-transition:all 0.7s linear;
  601. transition:all 0.74s linear;
  602. }
  603.  
  604. ul.img-list a:hover {
  605. opacity: 1;
  606. text-shadow: 0px 0px 0px #000000;
  607. color: #000000;
  608. }
  609.  
  610. span.text-content {
  611. opacity: 0;
  612. background: #ffffff;
  613. display: table;
  614. width: 258px;
  615. height: 130px;
  616. padding: 5px;
  617. top: 0;
  618. left: 0;
  619. text-align: justify;
  620. position: absolute;
  621. -webkit-transition:all 0.7s linear;
  622. -moz-transition:all 0.7s linear;
  623. -o-transition:all 0.7s linear;
  624. transition:all 0.74s linear;
  625. }
  626.  
  627. ul.img-list li:hover span.text-content {
  628. opacity: 1;
  629. -webkit-transition:all 0.7s linear;
  630. -moz-transition:all 0.7s linear;
  631. -o-transition:all 0.7s linear;
  632. transition:all 0.74s linear;
  633. }
  634.  
  635. span.text-content span {
  636. color: #000000;
  637. font-family: "Calibri";
  638. font-size: 12px;
  639. letter-spacing: 1px;
  640. margin-left: -10px;
  641. display: table-cell;
  642. text-align: justify;
  643. vertical-align: middle;
  644. }
  645.  
  646. span.text-content b {
  647. font-family: "Aspex";
  648. font-size: 10px;
  649. }
  650.  
  651. .tabtext {
  652. font-family: "Calibri";
  653. font-size: 12px;
  654. padding: 5px;
  655. line-height: 120%;
  656. color: #000000;
  657. text-align: justify;
  658. }
  659. {CustomCSS}
  660. </style>
  661. </head>
  662. <body>
  663.  
  664.  
  665. <div id="bigcon">
  666.  
  667.  
  668. <!--TOPBAR-->
  669.  
  670. <div id="topbar">
  671. <div id="navbar">
  672. <div class="tabs">
  673. <ul class="tab-links">
  674. <li class="active" style="margin-left:-30px">
  675. <a href="#tab1">HOME</a></li>
  676. <li><a href="#tab2">INBOX</a></li>
  677. <li><a href="#tab3">MUSES</a></li>
  678. <li><a href="#tab4">TRIAL</a></li>
  679. <li><a href="#tab5">NOTE</a></li>
  680. </ul>
  681. </div>
  682. </div>
  683.  
  684. </div>
  685.  
  686.  
  687. <!-- --------------------------- TABS -------------------------- -->
  688.  
  689.  
  690. <div class="tabs">
  691.  
  692.  
  693. <!-- --------------------------- TAB 1 -------------------------- -->
  694.  
  695. <div class="tab-content">
  696. <div id="tab1" class="tab active">
  697.  
  698. <div id="postcontainer">
  699.  
  700. {block:Posts}
  701. <div class="posts">
  702. <!-- PHOTO POST -->
  703. {block:Photo}
  704. {LinkOpenTag}
  705. <div class="image"><img src="{PhotoURL-250}" /></div>
  706. {LinkCloseTag}
  707. {block:Caption}{Caption}{/block:Caption}
  708. {/block:Photo}
  709. <!-- PHOTOSET POST -->
  710. {block:Photoset}
  711. <div class="photo">{Photoset-250}</div>
  712. {block:Caption}{Caption}{/block:Caption}
  713. {/block:Photoset}
  714. <!-- VIDEO POST -->
  715. {block:Video}
  716. <div class="video">{Video-250}</div>
  717. {block:Caption}{Caption}{/block:Caption}
  718. {/block:Video}
  719. <!-- CHAT POST -->
  720. {block:Chat}
  721. {block:Title}<div class="title">{Title}</div>{/block:Title}
  722. <div class="chat">
  723. {block:Lines}
  724. <div class="{Alt}">
  725. {block:Label}<span style="color: #be195b; font-family: 'Aspex'; font-size: 10px;">{Label}</span>{/block:Label} {Line}</div>
  726. {/block:Lines}
  727. </div>
  728. {/block:Chat}
  729. <!-- QUOTE POST -->
  730. {block:Quote}
  731. <div class="quotes">{Quote}</div>
  732. {block:Source}<div class="source">{Source}</div>{/block:Source}
  733. {/block:Quote}
  734. <!-- LINK POST -->
  735. {block:Link}
  736. <a href="{URL}" target="_blank"><div class="title">{Name}</div></a>
  737. {block:Description}{Description}{/block:Description}
  738. {/block:Link}
  739. <!-- TEXT POST -->
  740. {block:Text}
  741. {block:Title}<div class="title">{Title}</div>{/block:Title}
  742. {Body}
  743. {block:More}<a href="{Permalink}"><div class="read_more">{text:Read More Title}</div></a>{/block:More}
  744. {/block:Text}
  745.  
  746. <!-- ASK POST -->
  747. {block:Answer}
  748. <div id="asker">{Asker}</div>
  749. <div id="question">{Question}</div>
  750. {Answer}
  751. {/block:Answer}
  752. <!-- AUDIO POST -->
  753. {block:Audio}
  754. <div class="audioContainer">
  755. {block:AudioEmbed}{AudioEmbed color="white"}{/block:AudioEmbed}
  756. </div>
  757. {block:Caption}{Caption}{/block:Caption}
  758. {/block:Audio}
  759.  
  760.  
  761. <!-- POST PERMA -->
  762. {block:IndexPage}
  763. <div class="perma">
  764. {block:Date}<a href="{Permalink}" title="@ {12Hour}:{Minutes}{AmPm} with {NoteCountwithLabel}" >{MonthNumberWithZero}{DayOfMonthWithZero}{Year}</a>{/block:Date}
  765. {block:RebloggedFrom} &times; <a href="{ReblogParentURL}" title="{ReblogParentTitle}">via</a> ( <a href="{ReblogRootURL}" title="{ReblogRoottitle}">src</a> ){/block:RebloggedFrom} &times; <a href="{ReblogURL}" title="Reblog?">reblog</a> {block:HasTags} &times; <a title="{block:Tags} #{Tag}{/block:Tags}">tags</a>{/block:HasTags}
  766. </div>
  767. {/block:IndexPage}
  768.  
  769. {block:PermaLinkPage}
  770. <div class="permapage">
  771. Posted On: {DayOfWeek}, {DayOfMonth} {Month} {Year}.
  772. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> (<a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>)
  773. {/block:RebloggedFrom}</br>
  774. <span style="margin-top:5px; text-align:center; width:auto;">{block:Tags}#<a href="{TagURL}">{Tag}</a> &nbsp; {/block:Tags} </span>
  775. </div>
  776. {/block:PermalinkPage}
  777. </div> <!-- END OF POST DIV -->
  778.  
  779. {block:PermaLinkPage}
  780. {block:PostNotes}
  781. <div class="notes_wrapper">
  782. <div class="notes">{PostNotes}</div>
  783. </div>
  784. {/block:PostNotes}
  785. {/block:PermalinkPage}
  786. {/block:Posts}
  787.  
  788. </div>
  789.  
  790. </div>
  791.  
  792. <!-- TAB 2 -->
  793.  
  794. <div id="tab2" class="tab">
  795. <div class="tabcontent">
  796. <iframe frameborder="0" scrolling="no" width="250" height="250" src="https://www.tumblr.com/ask_form/15304.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  797.  
  798. </div>
  799. </div>
  800.  
  801.  
  802. <!-- -------------------------- TAB 3 -------------------------- -->
  803.  
  804. <div id="tab3" class="tab">
  805. <div class="tabcontent">
  806. <center>
  807. <ul class="img-list">
  808. <li>
  809. <a href="/bitter/abel">
  810. <img src="http://i.imgur.com/xAXfg77.gif" />
  811. <span class="text-content"><span>
  812. <b>NAME:</b> Abel Ahn<br />
  813. <b>AGE:</b> 23 (twenty-three)<br />
  814. <b>JOB:</b> English Teacher<br />
  815. <b>FACE:</b> Lee Byunghun (L.Joe)<br />
  816. </span></span>
  817. </a>
  818. </li>
  819.  
  820. <li>
  821. <a href="/bitter/ace">
  822. <img src="http://i.imgur.com/c7HW4IT.gif" />
  823. <span class="text-content"><span>
  824. <b>NAME:</b> Park Jaesoo (Ace)<br />
  825. <b>AGE:</b> 19 (nineteen)<br />
  826. <b>JOB:</b> Student (Robotics Major)<br />
  827. <b>FACE:</b> Kim Mingyu<br />
  828. </span></span>
  829. </a>
  830. </li>
  831.  
  832. <li>
  833. <a href="/bitter/autumn">
  834. <img src="http://i.imgur.com/1uLw5MK.gif" />
  835. <span class="text-content"><span>
  836. <b>NAME:</b> Lee Autumn<br />
  837. <b>AGE:</b> 20 (twenty)<br />
  838. <b>JOB:</b> Trainee (BigHit Ent.)<br />
  839. <b>FACE:</b> Park Kyungri<br />
  840. </span></span>
  841. </a>
  842. </li>
  843.  
  844. <li>
  845. <a href="/bitter/caleb">
  846. <img src="http://i.imgur.com/CmUpEp3.gif" />
  847. <span class="text-content"><span>
  848. <b>NAME:</b> Caleb Peters<br />
  849. <b>AGE:</b> 19 (nineteen)<br />
  850. <b>JOB:</b> Student (Chinese Major)<br />
  851. <b>FACE:</b> Chwe Hansol (Vernon)<br />
  852. </span></span>
  853. </a>
  854. </li>
  855.  
  856. <li>
  857. <a href="/bitter/cedric">
  858. <img src="http://i.imgur.com/QbHNgyz.gif" />
  859. <span class="text-content"><span>
  860. <b>NAME:</b> Park Ahsoo (Ace)<br />
  861. <b>AGE:</b> 22 (twenty-two)<br />
  862. <b>JOB:</b> Lyricist & Rapper (AOMG)<br />
  863. <b>FACE:</b> Min Yoongi (Suga)<br />
  864. </span></span>
  865. </a>
  866. </li>
  867.  
  868. <li>
  869. <a href="/bitter/china">
  870. <img src="http://i.imgur.com/SMKRbeB.gif" />
  871. <span class="text-content"><span>
  872. <b>NAME:</b> Liang Xiao (China0<br />
  873. <b>AGE:</b> 19 (nineteen)<br />
  874. <b>JOB:</b> Model<br />
  875. <b>FACE:</b> Kim Hyuna<br />
  876. </span></span>
  877. </a>
  878. </li>
  879.  
  880. <li>
  881. <a href="/bitter/chivalry">
  882. <img src="http://i.imgur.com/J8OVGTH.gif" />
  883. <span class="text-content"><span>
  884. <b>NAME:</b> Chivalry Winsdor-Lee<br />
  885. <b>AGE:</b> 25 (twenty-five)<br />
  886. <b>JOB:</b> Unemployed<br />
  887. <b>FACE:</b> Kim Jongin (Kai)<br />
  888. </span></span>
  889. </a>
  890. </li>
  891.  
  892. <li>
  893. <a href="/bitter/douglass">
  894. <img src="http://i.imgur.com/hLMjywp.gif" />
  895. <span class="text-content"><span>
  896. <b>NAME:</b> Douglass Choi<br />
  897. <b>AGE:</b> 22 (twenty-two)<br />
  898. <b>JOB:</b> Radio Host<br />
  899. <b>FACE:</b> Lee Taemin<br />
  900. </span></span>
  901. </a>
  902. </li>
  903.  
  904. <li>
  905. <a href="/bitter/gabi">
  906. <img src="http://i.imgur.com/k9BmteW.gif" />
  907. <span class="text-content"><span>
  908. <b>NAME:</b> Gabriela Lee<br />
  909. <b>AGE:</b> 20 (twenty)<br />
  910. <b>JOB:</b> CF Actress<br />
  911. <b>FACE:</b> Bae Suji (Suzy)<br />
  912. </span></span>
  913. </a>
  914. </li>
  915.  
  916. <li>
  917. <a href="/bitter/iris">
  918. <img src="http://i.imgur.com/7dzJ0nr.gif" />
  919. <span class="text-content"><span>
  920. <b>NAME:</b> Iris Cho<br />
  921. <b>AGE:</b> 20 (twenty)<br />
  922. <b>JOB:</b> Student (Political Science Major)<br />
  923. <b>FACE:</b> Choi Jinri (Sulli)<br />
  924. </span></span>
  925. </a>
  926. </li>
  927.  
  928. <li>
  929. <a href="/bitter/lois">
  930. <img src="http://i.imgur.com/2eI2wG4.gif" />
  931. <span class="text-content"><span>
  932. <b>NAME:</b> Lois Bonnet<br />
  933. <b>AGE:</b> 18 (eighteen)<br />
  934. <b>JOB:</b> High Shcool Student<br />
  935. <b>FACE:</b> Park Sooyoung (Joy)<br />
  936. </span></span>
  937. </a>
  938. </li>
  939.  
  940. <li>
  941. <a href="/bitter/lydia">
  942. <img src="http://i.imgur.com/shf4wSa.gif" />
  943. <span class="text-content"><span>
  944. <b>NAME:</b> Lydia Park<br />
  945. <b>AGE:</b> 25 (twenty-five)<br />
  946. <b>JOB:</b> Singer<br />
  947. <b>FACE:</b> Seo Joohyun (Seohyun)<br />
  948. </span></span>
  949. </a>
  950. </li>
  951.  
  952. <li>
  953. <a href="/bitter/peter">
  954. <img src="http://i.imgur.com/n2iO04y.gif" />
  955. <span class="text-content"><span>
  956. <b>NAME:</b> Peter Tyler-Kwon<br />
  957. <b>AGE:</b> 22 (twenty-two)<br />
  958. <b>JOB:</b> Unemployed<br />
  959. <b>FACE:</b> Jackson Wang<br />
  960. </span></span>
  961. </a>
  962. </li>
  963.  
  964. <li>
  965. <a href="/bitter/shine">
  966. <img src="http://i.imgur.com/oHt3QmA.gif" />
  967. <span class="text-content"><span>
  968. <b>NAME:</b> Shine Walters<br />
  969. <b>AGE:</b> 18 (eighteen)<br />
  970. <b>JOB:</b> Highschool Student<br />
  971. <b>FACE:</b> Lee Hyeri<br />
  972. </span></span>
  973. </a>
  974. </li>
  975.  
  976. <li>
  977. <a href="/bitter/willow">
  978. <img src="http://i.imgur.com/5C4ppdc.gif" />
  979. <span class="text-content"><span>
  980. <b>NAME:</b> Willow Choi<br />
  981. <b>AGE:</b> 27 (twenty-seven)<br />
  982. <b>JOB:</b> Barista<br />
  983. <b>FACE:</b> Im Yoona<br />
  984. </span></span>
  985. </a>
  986. </li>
  987. </ul>
  988. </center>
  989. </div>
  990. </div>
  991.  
  992.  
  993. <!-- -------------------------- TAB 4 -------------------------- -->
  994.  
  995. <div id="tab4" class="tab">
  996. <div class="tabcontent">
  997. <ul class="img-list">
  998. <li>
  999. <a href="http://15304.tumblr.com/post/139618854180/introducing">
  1000. <img src="http://i.imgur.com/ZQVjbxr.gif" />
  1001. <span class="text-content"><span>
  1002. <b>NAME:</b> Lee Ohdae (ODE)<br />
  1003. <b>AGE:</b> 20 (twenty)<br />
  1004. <b>JOB:</b> Actress<br />
  1005. <b>FACE:</b> Shin Hyejeong<br />
  1006. <center><b>Until March 18th!</b></center>
  1007. </span></span>
  1008. </a>
  1009. </li>
  1010. </ul>
  1011. </div>
  1012. </div>
  1013.  
  1014.  
  1015. <!-- -------------------------- TAB 5 -------------------------- -->
  1016.  
  1017. <div id="tab5" class="tab">
  1018. <div class="tabcontent">
  1019. <div class="tabtext">
  1020. This is a multimuse roleplay account, I am not affiliated with any of the companies my muses belong to nor do I claim to be.<br />
  1021. This is a literate roleplay account, though I might get semi-lit in OOC conversations and/or snapchat/texting threads!<br />
  1022. This is a selective account. That means I choose who I follow and who I roleplay with!<br />
  1023. This is a SFW account, though every now and then NSFW jokes may come up, everything will be tagged accordingly!<br />
  1024. Mun is 18+ and also busy with her OOC life, I'm sorry if I can't be here all day long.<br />
  1025. Please remind me if I forget about replies/starters. Since I come and go as my time allows, I can't remember everything.
  1026. </div>
  1027. </div>
  1028. </div>
  1029.  
  1030.  
  1031.  
  1032. <!-- END OF TABS -->
  1033.  
  1034. </div>
  1035. </div>
  1036. </div>
  1037. </div>
  1038. </div>
  1039.  
  1040.  
  1041. <!-- TABS/ALL-INN-ONE SCRIPTS DO NOT REMOVE!!! -->
  1042.  
  1043. <script>
  1044. $(document).ready(function() {
  1045. $('.tabs .tab-links a').on('click', function(e) {
  1046. var currentAttrValue = $(this).attr('href');
  1047.  
  1048. // Show/Hide Tabs
  1049. $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide();
  1050.  
  1051. // Change/remove current tab to active
  1052. $(this).parent('li').addClass('active').siblings().removeClass('active');
  1053.  
  1054. e.preventDefault();
  1055. });
  1056. });
  1057. </script>
  1058.  
  1059. <script>
  1060. $(document).ready(function() {
  1061. $('#filterOptions li a').click(function() {
  1062. // fetch the class of the clicked item
  1063. var ourClass = $(this).attr('class');
  1064.  
  1065. // reset the active class on all the buttons
  1066. $('#filterOptions li').removeClass('active');
  1067. // update the active state on our clicked button
  1068. $(this).parent().addClass('active');
  1069.  
  1070. if(ourClass == 'all') {
  1071. // show all our items
  1072. $('#ourHolder').children('div.item').show();
  1073. }
  1074. else {
  1075. // hide all elements that don't share ourClass
  1076. $('#ourHolder').children('div:not(.' + ourClass + ')').hide();
  1077. // show all elements that do share ourClass
  1078. $('#ourHolder').children('div.' + ourClass).show();
  1079. }
  1080. return false;
  1081. });
  1082. });
  1083. </script>
  1084.  
  1085.  
  1086.  
  1087.  
  1088. </body>
  1089. </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!