API tools faq
paste
Advertisement
MystiqueAquanian

six by ally

MystiqueAquanian
Jun 18th, 2019
111
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.34 KB | None | 0 0
raw download clone embed print report
  1. <!---
  2.  
  3.  
  4.  
  5.  
  6. SIX by ALLY
  7.  
  8. — don't steal anything from this code
  9. — don't remove the credit, it's very small, it won't hurt your aesthetic
  10. — don't redistribute or claim this theme as your own
  11.  
  12.  
  13.  
  14.  
  15. --->
  16.  
  17.  
  18.  
  19. <html><head>
  20.  
  21.  
  22.  
  23. <!------ meta tags & scripts ------>
  24.  
  25.  
  26.  
  27. <meta name="image:background" content=""/>
  28. <meta name="image:contain" content=""/>
  29. <meta name="image:sidebar" content=""/>
  30. <meta name="image:tabimg" content=""/>
  31.  
  32. <meta name="color:background" content="#f3f3f3"/>
  33. <meta name="color:contain" content="#f8f8f8"/>
  34. <meta name="color:inner" content="#eaeaea"/>
  35. <meta name="color:sidebar" content="#f8f8f8"/>
  36. <meta name="color:postbg" content="#f3f3f3"/>
  37. <meta name="color:title" content="#fff"/>
  38. <meta name="color:titlebg" content="#c3a188"/>
  39. <meta name="color:desc" content="#898989"/>
  40. <meta name="color:descbg" content="#eaeaea"/>
  41. <meta name="color:bold" content="#d4caa2"/>
  42. <meta name="color:italic" content="#d4a587"/>
  43. <meta name="color:text" content="#525252"/>
  44. <meta name="color:links" content="#525252"/>
  45. <meta name="color:hover" content="#f3f3f3"/>
  46.  
  47. <meta name="text:title" content="remember me, love, when i'm reborn"/>
  48. <meta name="text:desc" content="lorem ipsum"/>
  49. <meta name="text:tabtitle" content="like a cry at the final breath that is drawn"/>
  50. <meta name="text:tabdesc" content="lorem ipsum"/>
  51.  
  52. <meta name="text:tablink1" content="/"/>
  53. <meta name="text:tablink1title" content="tab link 1"/>
  54. <meta name="text:tablink2" content="/"/>
  55. <meta name="text:tablink2title" content="tab link 2"/>
  56. <meta name="text:tablink3" content="/"/>
  57. <meta name="text:tablink3title" content="tab link 3"/>
  58. <meta name="text:tablink4" content="/"/>
  59. <meta name="text:tablink4title" content="tab link 4"/>
  60. <meta name="text:tablink5" content="/"/>
  61. <meta name="text:tablink5title" content="tab link 5"/>
  62. <meta name="text:tablink6" content="/"/>
  63. <meta name="text:tablink6title" content="tab link 6"/>
  64. <meta name="text:tablink7" content="/"/>
  65. <meta name="text:tablink7title" content="tab link 7"/>
  66. <meta name="text:tablink8" content="/"/>
  67. <meta name="text:tablink8title" content="tab link 8"/>
  68. <meta name="text:tablink9" content="/"/>
  69. <meta name="text:tablink9title" content="tab link 9"/>
  70. <meta name="text:tablink10" content="/"/>
  71. <meta name="text:tablink10title" content="tab link 10"/>
  72.  
  73. <!---updates tab on right--->
  74. <meta name="color:background" content="#fff">
  75. <meta name="color:text" content="#000">
  76. <meta name="color:accent" content="#f1e3a2">
  77. <meta name="color:accent 1" content="#f1e3a2">
  78.  
  79. <meta name="text:stats 1" content="insert stats here">
  80. <meta name="text:stats 2" content="insert stats here">
  81. <meta name="text:stats 3" content="insert stats here">
  82.  
  83. <meta name="text:link 1 url" content="">
  84. <meta name="text:link 2 url" content="">
  85. <meta name="text:link 3 url" content="">
  86.  
  87. <meta name="text:link 1" content="">
  88. <meta name="text:link 2" content="">
  89. <meta name="text:link 3" content="">
  90.  
  91. <meta name="text:quote" content="">
  92.  
  93.  
  94.  
  95. <link rel="shortcut icon" href="{Favicon}" />
  96. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  97. <title>{Title}</title>
  98. {block:Description}<meta name="description" content="{MetaDescription}" /> {/block:Description}
  99.  
  100.  
  101. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  102. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  103.  
  104. <script>
  105. (function($){
  106. $(document).ready(function() {
  107. $("a[title]").style_my_tooltips({
  108. tip_follows_cursor:false,
  109. tip_delay_time:90,
  110. tip_fade_speed:600,
  111. attribute:"title"
  112. });
  113. });
  114. })(jQuery);
  115. </script>
  116.  
  117.  
  118. <script>
  119. $(document).ready(function() {
  120. //
  121. $('a.poplight[href^=#]').click(function() {
  122. var popID = $(this).attr('rel'); //Get Popup Name
  123. var popURL = $(this).attr('href'); //Get Popup href to define size
  124. var query= popURL.split('?');
  125. var dim= query[1].split('&');
  126. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  127. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend();
  128. $('body').append('<div id="fade"></div>');
  129. $('#fade').css({'filter' : 'alpha(opacity=30)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=30)'})
  130. return false;
  131. });
  132.  
  133. $('a.close, #fade').live('click', function() {
  134. $('#fade, .popup_block').fadeOut(function() {
  135. $('#fade, a.close').remove(); //fade them both out
  136. });
  137. return false;
  138. });
  139. });
  140. </script>
  141.  
  142.  
  143. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  144.  
  145.  
  146.  
  147.  
  148. <script>
  149. function openCity(evt, cityName) {
  150. var i, tabcontent, tablinks;
  151. tabcontent = document.getElementsByClassName("tabcontent");
  152. for (i = 0; i < tabcontent.length; i++) {
  153. tabcontent[i].style.display = "none";
  154. }
  155. tablinks = document.getElementsByClassName("tablinks");
  156. for (i = 0; i < tablinks.length; i++) {
  157. tablinks[i].className = tablinks[i].className.replace(" active", "");
  158. }
  159. document.getElementById(cityName).style.display = "block";
  160. evt.currentTarget.className += " active";
  161. }
  162. </script>
  163.  
  164. <script type="text/javascript">
  165. $(document).ready(function(){
  166.  
  167. $('ul.tabs li').click(function(){
  168. var tab_id = $(this).attr('data-tab');
  169.  
  170. $('ul.tabs li').removeClass('current');
  171. $('.tab-content').removeClass('current');
  172.  
  173. $(this).addClass('current');
  174. $("#"+tab_id).addClass('current');
  175. })
  176.  
  177. })
  178. </script>
  179.  
  180. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  181. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  182.  
  183. <script>
  184. (function($){
  185. $(document).ready(function(){
  186. $(“[title],a[title],img[title]”).style_my_tooltips({
  187. tip_follows_cursor:true,
  188. tip_delay_time:90,
  189. tip_fade_speed:600,
  190. attribute:“title”
  191. });
  192. });
  193. })(jQuery);
  194. </script>
  195.  
  196. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  197.  
  198. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  199.  
  200. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  201.  
  202. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
  203.  
  204. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.css">
  205.  
  206. <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  207.  
  208. <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  209.  
  210. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  211.  
  212. <link rel="stylesheet" href="https://static.tumblr.com/i5s2zks/6kOohwlux/pe-icon-7-stroke.css">
  213.  
  214. <link href="https://fonts.googleapis.com/css?family=Comfortaa:300,400,700" rel="stylesheet">
  215.  
  216. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
  217.  
  218.  
  219.  
  220. <style type="text/css">
  221.  
  222. /*PILLOW THEMES: TAB 01*/
  223. #updb {
  224. top:0;
  225. right:0;
  226. width:200px;
  227. height:100%;
  228. position:fixed;
  229. overflow:scroll;
  230. overflow-x:hidden;
  231. background-color:{color:accent};
  232. }
  233.  
  234. #boxt {
  235. width:100%;
  236. height:20px;
  237. background-color:{color:accent};
  238. }
  239.  
  240. #statst {
  241. padding:10px;
  242. font-size:13px;
  243. margin-bottom:10px;
  244. background-color:{color:accent 1};
  245. text-align:center;
  246. width:20px;
  247. margin:auto;
  248. border-radius:50%;
  249. }
  250.  
  251. #statsc {
  252. background-color:{color:background};
  253. padding:10px;
  254. margin:10px 10px 20px 10px;
  255. }
  256.  
  257. #currt {
  258. padding:10px;
  259. font-size:13px;
  260. margin-bottom:10px;
  261. background-color:{color:accent 1};
  262. text-align:center;
  263. width:20px;
  264. margin:auto;
  265. border-radius:50%;
  266. }
  267.  
  268. #currc {
  269. background-color:{color:background};
  270. padding:10px;
  271. margin:10px 10px 20px 10px;
  272. }
  273.  
  274. #links {
  275. padding:10px;
  276. font-size:13px;
  277. margin-bottom:10px;
  278. background-color:{color:accent 1};
  279. text-align:center;
  280. width:20px;
  281. margin:auto;
  282. border-radius:50%;
  283. }
  284.  
  285. #linksc {
  286. background-color:{color:background};
  287. padding:5px;
  288. margin:10px 10px 20px 10px;
  289. text-align:center;
  290. }
  291.  
  292. #linksc a {
  293. margin:10px;
  294. background-color:{color:accent};
  295. padding:10px;
  296. display:block;
  297. text-transform:uppercase;
  298. }
  299.  
  300. #quoteb {
  301. padding:10px;
  302. font-size:13px;
  303. margin-bottom:10px;
  304. background-color:{color:accent 1};
  305. text-align:center;
  306. width:20px;
  307. margin:auto;
  308. border-radius:50%;
  309. }
  310.  
  311. #quotec {
  312. background-color:{color:background};
  313. padding:10px;
  314. margin:10px 10px 20px 10px;
  315. }
  316. /*PILLOW THEMES: TAB 01*/
  317.  
  318. .updatestab {
  319. top:40px; /* how far from the top the tab is*/
  320. left:40px; /* how far from the updatestab the tab is; you can change this to right if you like */
  321. position:fixed;
  322. width:170px; /* how wide the tab is */
  323. }
  324.  
  325. .t {
  326. color:#555; /* you can use colorpicker.com to find a new color */
  327. font-weight:700;
  328. padding:5px 0px;
  329. display:inline-block;
  330. border-bottom:1px solid #eee; /* you can use colorpicker.com to change the #eee if you want the border to show as something other than light gray */
  331. }
  332. .bod {
  333. opacity:0;
  334. margin-top:10px;
  335. transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;-moz-transition: .4s ease-in-out;-o-transition: .4s ease-in-out;
  336. }
  337. .updatestab:hover .bod {
  338. opacity:1;
  339. }
  340.  
  341. h9 {
  342. display:block;margin:5px 0px;
  343. color:#555; /* color of subheadings, use colorpicker.com if you want to change this */
  344. font-style:italic;
  345. }
  346.  
  347.  
  348.  
  349. /* ------ fonts ------ */
  350.  
  351.  
  352.  
  353. @font-face { font-family: "coco"; src: url('https://dl.dropboxusercontent.com/s/h4xmli8klp2dub5/CerebriSans-Bold.ttf') ;}
  354.  
  355.  
  356.  
  357. /* ------ scrollbar ------ */
  358.  
  359.  
  360.  
  361. ::-webkit-scrollbar { width: 0px; height:0px; background:transparent; }
  362.  
  363. ::-webkit-scrollbar-thumb { background-color: transparent; }
  364.  
  365.  
  366.  
  367. /* ------ lightbox ------ */
  368.  
  369.  
  370.  
  371. .vignette, #vignette { opacity:0; }
  372.  
  373. .lightbox-image, #tumblr_lightbox img { box-shadow:none !important; border-radius:0 !important; max-width:none; border:5px solid #fff !important; -moz-box-sizing:border-box; box-sizing:border-box; }
  374.  
  375. .tmblr-lightbox, #tumblr_lightbox { background-color:rgba(245,245,245,.84) !important; }
  376.  
  377. .lightbox-caption, #tumblr_lightbox_caption { visibility:hidden; }
  378.  
  379.  
  380. /* ------ tooltip ------ */
  381.  
  382.  
  383.  
  384. #s-m-t-tooltip { max-width:250px; padding:4px; margin:-30px 12px; color:{color:text}; background:{color:desc}; z-index:99999; font-size:9px; border-radius:4px; text-transform:lowercase; font-variant:none; letter-spacing:1px; font-weight:bold; }
  385.  
  386.  
  387.  
  388. /* ------ selection ------ */
  389.  
  390.  
  391.  
  392. ::-moz-selection { background:{color:links}; color:{color:linksbg}; }
  393.  
  394. ::selection { background:{color:links}; color:{color:linksbg}; }
  395.  
  396.  
  397.  
  398. /* ------ text styles ------ */
  399.  
  400.  
  401.  
  402. body { background:{color:background}; margin:0px; font-weight:500; color:{color:text}; font-family:'Comfortaa', cursive; font-size:10px; text-transform:lowercase; line-height:16px; letter-spacing:.5px; text-align:justify; background-image:url('{image:Background}'); }
  403.  
  404. a { text-decoration:none; color:{color:links}; -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s; }
  405.  
  406. a:hover { color:{color:text}; background:transparent; -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s; }
  407.  
  408. b, strong { color:{color:bold}; font-weight:700; }
  409.  
  410. em, i { color:{color:italic}; font-weight:600; }
  411.  
  412. i:hover { background:transparent; }
  413.  
  414. strike { color:{color:italic}; }
  415.  
  416. small { font-size:10px; }
  417.  
  418. big { color:{color:title}; font-weight:600; font-variant:small-caps; letter-spacing:2px; }
  419.  
  420. sup { font-variant:small-caps; letter-spacing:2px; color:{color:bold}; font-weight:normal; }
  421.  
  422. blockquote { margin-left:5px; padding-left:10px; width:265px; border-left:1px solid {color:background}; }
  423.  
  424. blockquote blockquote { padding-left:10px; width:245px; border-left:1px solid {color:background}; }
  425.  
  426. h1 { color:{color:bold}; font-size:8px; letter-spacing:2px; text-transform:uppercase;font-family:'Comfortaa', cursive; font-style:none; line-height:10px; text-align:left; padding:0px; }
  427.  
  428. h2 { text-align: center; font-size:11px; letter-spacing:.5px; text-transform:lowercase; font-style:none; font-weight:400; line-height:14px; text-align:normal; padding:0px; }
  429.  
  430. h3 { font-family:'Comfortaa', cursive; font-size:24px; text-align:center; text-transform:lowercase; font-weight:400; letter-spacing:0px; margin-top:5px; color:{color:italic}; }
  431.  
  432.  
  433.  
  434. /* ------ images/videos ------ */
  435.  
  436.  
  437.  
  438. img { border:none; max-width:100%; height:auto; border-radius:4px; }
  439.  
  440. resize { width: 300px; height:auto; }
  441.  
  442. .photoset { width:100%; border-radius:4px; }
  443.  
  444. .photoset:hover { max-width:100%; }
  445.  
  446. .video { width:300px!important; margin-bottom:-50px; margin-top:-15px; }
  447.  
  448. .video iframe { width:300px!important; }
  449.  
  450.  
  451.  
  452. /* ------ body ------ */
  453.  
  454.  
  455.  
  456. #contain { width:870px; height:570px; margin:auto; left:0px; right:0px; top:0px; bottom:0px; background:{color:contain}; position:absolute; overflow:visible; border-radius:4px; z-index:1; background-image:url('{image:contain}'); }
  457.  
  458. #inner { background:{color:inner}; width:800px; height:500px; margin:auto; left:0px; right:0px; top:35px; position:absolute; border-radius:4px; z-index:2; overflow:hidden; }
  459.  
  460. #entries { width:400px; height:460px; margin:0px 0px 0px 375px; font-size:10px; position:absolute; font-family:'Comfortaa', cursive; overflow-x:hidden; overflow-y:auto; letter-spacing:0px;z-index:1; }
  461.  
  462. #post { margin:auto; top:0px; right:0px; bottom:0px; left:0px; width:300px; background: {color:postbg}; padding:20px; position:relative; border-radius:3px; margin-top:40px; border:2px solid #f1f1f1; }
  463.  
  464. #post i,em { color:{color:italic}; }
  465.  
  466.  
  467.  
  468. /* ------ sidebar ------ */
  469.  
  470.  
  471.  
  472. #sidebar { border-radius:4px; width:240px; opacity:1; height:400px; position:absolute; margin:50px 0px 0px 55px; overflow:visible; background:#666; }
  473.  
  474. #sidebar img { position:absolute; opacity: .7; border-radius:4px; width:240px; height:400px; }
  475.  
  476. .title { position:absolute; margin:60px 0px 0px 100px; width:200px; height:10px; letter-spacing:1px; font-size:24px; line-height:24px; text-align:left; color:{color:title}; opacity:.9; font-weight:800; text-transform:lowercase; font-style:normal; text-shadow:none; z-index:99999999999999; }
  477.  
  478. .highlight { background-color:{color:titlebg}; }
  479.  
  480. .desc { text-shadow:0px 0px 5px #fff; font-weight:400; position:absolute; width:190px; line-height:22px; height:140px; margin:165px 0px 0px 25px; overflow:scroll; font-size:9px; color:{color:desc}; padding-bottom:20px; text-transform:lowercase; font-variant:small-caps; font-family:'Comfortaa', cursive; letter-spacing:1.5px; text-align:justify; z-index:4; -moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; }
  481.  
  482. .sidelink { text-align:center; font-size:14px; height:40px; width:234px; margin:340px 0px 0px 0px; position:absolute; line-height:20px; padding:3px; letter-spacing:0px; overflow:hidden; z-index:5; }
  483.  
  484. .sidelink li { width:16px; height:16px; padding:8px; list-style:none; text-align:center; line-height:5px; background:rgba(255,255,255,.1); border-radius:4px; margin-right:17px; float:left; }
  485.  
  486. .sidelink a { font-weight:bold; line-height:14px; font-size:14px;letter-spacing:2px; color:{color:desc}; -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s; z-index:99999999999999; }
  487.  
  488.  
  489.  
  490. /* ------ pagination ------ */
  491.  
  492.  
  493. #pagination { width:330px; position:relative; height:14px; padding:3px; padding-top:5px; margin:auto; bottom:20px; left:0px; word-spacing:20px; text-align:center; color:{color:text}; z-index:9999999999999; }
  494.  
  495. #pagination a { padding:5px; padding-left:8px; background:{color:postbg}; color:{color:text}; font-weight:bold; letter-spacing:5px; font-size:7px; border-radius:6px; }
  496.  
  497.  
  498.  
  499. /* ------ info / tags ------ */
  500.  
  501.  
  502.  
  503. #info { background:{color:sidebar}; width:auto; height:20px; text-align:left; margin-top:8px; letter-spacing:1px; font-size:12px; font-style:none; padding:7px; line-height:20px; text-transform:uppercase; color:#6d6d6d; border-radius:3px; }
  504.  
  505. #info i { color:{color:text}; -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s; }
  506.  
  507. #info i:hover { -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s; color:{color:text}; background:transparent; }
  508.  
  509. #tags { padding: 5px; color:{color:text}; text-transform: none; font-style:none; font-size: 7px; text-align: center; letter-spacing: 1px; }
  510.  
  511. #tags i { color:{color:text}; }
  512.  
  513. #tags a { color: {color:links}; }
  514.  
  515. #tags a:hover { color: {color:text}; background:transparent; }
  516.  
  517. #notes { width:275px; }
  518.  
  519.  
  520.  
  521. /* ------ questions ------ */
  522.  
  523.  
  524.  
  525. #question { border-radius:3px 3px 0px 0px; color:{color:text}; padding:14px; font-family:'Comfortaa', cursive; font-size:10px; font-weight:500; letter-spacing:.5px; text-align:center; margin-top:-15px; text-transform:normal; line-height:16px; background-color:#f0f0f0; }
  526.  
  527. #asker { font-size:12px; font-weight:800; color:{color:bold}; padding:5px; background-image: linear-gradient(to bottom left, {color:gradient1}, {color:gradient2}); width:auto; text-align:right; text-transform:uppercase; border-radius:0px 0px 3px 3px; }
  528.  
  529. #asker a { color:#fff; }
  530.  
  531. #asker b { color:#fff; }
  532.  
  533. #asker i { color:#fff; }
  534.  
  535.  
  536.  
  537. /* ------ music player ------ */
  538.  
  539.  
  540.  
  541. .audio { width:400px; padding-bottom:10px; background-color:{color:border}; }
  542.  
  543. .audioinfo { background:{color:contain}; width:198px; height:40px; text-align:center; margin-left:70px; padding:16px; color:{color:text}; text-transform:lowercase; border-radius:0px 3px 3px 0px; }
  544.  
  545. .audioinfo b, strong, i, em { color:{color:title}; }
  546.  
  547. .audioinfo h1 { text-align:center; font-size:14px; letter-spacing:0px; height:0px; font-weight:800; margin-top:10px; font-variant:none; text-transform:lowercase; color:{color:fl}; font-family:'Comfortaa', cursive;
  548. }
  549.  
  550. .playerborderer { height:50px; width:50px; padding:15px; background:transparent; position:absolute;
  551. }
  552.  
  553. .player { margin-top:-13px; margin-left:-13px; position:relative; text-align:center; width:6px; height:10px; overflow:hidden; padding:20px; background:transparent; opacity:.5; }
  554.  
  555. .cover { border-radius:3px 0px 0px 3px; height:60px; width:60px; margin-right:10px; margin-top:0px; border:6px solid #ddd; }
  556.  
  557.  
  558.  
  559.  
  560. /* ------ quote source ------ */
  561.  
  562.  
  563.  
  564. .qsource { text-align:center; }
  565.  
  566. .qsource i, em { color:{color:text}; }
  567.  
  568.  
  569.  
  570. /* ------ huney ------ */
  571.  
  572.  
  573.  
  574. #huney { text-align:center; font-size:14px; height:38px; width:80px; bottom:10px; left:10px; position:absolute; line-height:20px; padding:3px; letter-spacing:0px; overflow:hidden; z-index:5; }
  575.  
  576. #huney li { width:22px; height:22px; padding:8px; list-style:none; text-align:center; line-height:5px; background:{color:inner}; border-radius:4px; margin-right:17px; float:left; }
  577.  
  578. #huney a { font-weight:bold; line-height:14px; font-size:20px;letter-spacing:2px; color:{color:links}; -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s; z-index:99999999999999; }
  579.  
  580. ul.huney { position:absolute; overflow:hidden; list-style-type: none; margin: 0; padding: 0; background-color: transparent; right:30px; top:5px; z-index:999999999; }
  581.  
  582. ul.huney li { width: 20px; float:left; margin-left:2px; }
  583.  
  584. ul.huney li a{ display:inline-block; color:{color:desc}; font-size:20px; padding:3px; border-radius:100px; margin:-3px 0px 0px -2px; }
  585.  
  586.  
  587.  
  588. /* ------ tab coding ------ */
  589.  
  590.  
  591.  
  592. ul.tab { position:absolute; overflow:hidden; list-style-type: none; margin: 0; padding: 0; background-color: transparent; right:30px; top:5px; z-index:999999999; }
  593.  
  594. ul.tab li { width: 20px; float:left; margin-left:2px; }
  595.  
  596. ul.tab li a{ display:inline-block; color:{color:desc}; font-size:14px; padding:3px; border-radius:100px; margin:-3px 0px 0px 0px; }
  597.  
  598. .close { position:absolute; top:2px; right:0px; font-weight:600; color:{color:text}; z-index:9999999; padding: 16px; width: 16px; border-radius: 50px; font-size:11px;text-align:center; -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s; }
  599. .close:hover { cursor: pointer; color:{color:bold}; -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s; }
  600.  
  601. .tabcontent { overflow:hidden; display: none; height:375; width:360px; padding:0px; margin-left:292px; margin-top:0px; background-color:transparent; z-index:9999; -webkit-animation: fadeEffect 1s; animation: fadeEffect 1s; }
  602.  
  603. .tabcontent.current{ display: inherit; -webkit-animation: fadeEffect 1s; animation: fadeEffect 1s; }
  604.  
  605. @-webkit-keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} }
  606.  
  607. @keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} }
  608.  
  609.  
  610.  
  611.  
  612. /* ------ navtab cosmetics ------ */
  613.  
  614.  
  615.  
  616.  
  617. #navtab { position:absolute; margin:auto; top:0px; left:310px; right:0px; bottom:0px; width: 490px; padding-top:20px; height:500px; background-color:{color:inner}; overflow:hidden; }
  618.  
  619. #navtab i,em { color:{coloritalic}; }
  620.  
  621. #navtab h3 { background:{color:accent}; color:white; text-shadow:1px 1px 2px #bbb9b4; border-radius:50%; width:10px; height:10px; line-height:10px; padding:10px; text-align:center; display:inline-block; font-size:8px;margin:0px 10px 0px 0px; text-transform:uppercase; }
  622.  
  623. #navtab h4 { background:{color:accent2}; color:#b7b6ac; border-radius:50%; width:10px; height:10px; line-height:10px; padding:10px; text-align:center; display:inline-block; font-size:8px;margin:0px 10px 0px 0px; text-transform:uppercase; }
  624.  
  625.  
  626.  
  627. /* ------ navtab cosmetics 2.0 ------ */
  628.  
  629.  
  630. .tabtitle { position:absolute; margin:370px 0px 0px 40px; width:240px; height:10px; letter-spacing:1px; font-size:24px; line-height:24px; text-align:right; color:{color:title}; opacity:.9; font-weight:800; text-transform:lowercase; font-style:normal; text-shadow:none; z-index:99999999999999; }
  631.  
  632. .tabimg { position:absolute; margin:130px 0px 0px 230px; background:black; border-radius:4px; width:300px; height:420px; -webkit-filter:grayscale(100%); z-index:999; }
  633.  
  634. .tabnav { position:absolute; text-align:center; padding:0px; width:400px; height:80px; margin:30px 0px 0px 60px; padding-top:0px; border-radius:8px; font-variant:small-caps; letter-spacing:1px; font-size:9px; z-index:99999999999999; }
  635.  
  636. .tabnav a { background:{color:contain}; color:{color:bold}; border-radius:6px; width:50px; height:18px; line-height:10px; padding:5px; text-align:center; display:inline-block; font-size:16px; margin:5px; text-transform:lowercase; font-variant:small-caps; -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s; z-index:99999999999999; }
  637.  
  638. .tabnav a:hover { color:{color:text}; background:{color:sidebar}; -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s; }
  639.  
  640. .tabdesc { position:absolute; margin:170px 0px 0px 60px; height:180px; width:150px; overflow:scroll; text-align:justify; line-height:20px; }
  641.  
  642.  
  643. /* ------ end of css coding ------ */
  644.  
  645.  
  646.  
  647. {CustomCSS}</style></head><body>
  648.  
  649. <!------ begin html coding ------>
  650.  
  651.  
  652.  
  653.  
  654.  
  655. <!-- PILLOW THEMES: TAB 01 -->
  656. <div id="updb">
  657. <div id="boxt"></div>
  658.  
  659. <div id="statsc">
  660.  
  661. <b><p style="text-align:center;">SIDEBLOGS</p></b>
  662. <br>
  663. - <a href="https://yeonjuvn.tumblr.com">yeonjuvn</a> (txt)
  664. <br>
  665. - <a href="https://leemvnho.tumblr.com">leemvnho</a> (skz)
  666. <br>
  667. - <a href="https://yeo-sangs.tumblr.com">yeo-sangs</a> (ateez & others)
  668. </div>
  669.  
  670.  
  671. </div>
  672.  
  673.  
  674.  
  675.  
  676.  
  677.  
  678.  
  679.  
  680.  
  681. <!--start updates tab-->
  682. <div class="updatestab">
  683. <div class="t">networks</div> <!--main heading-->
  684. <div class="bod">
  685. <!--start editing updates text-->
  686.  
  687.  
  688. <!--subheading: <h9>subheading</h9> you can have as many of these as you want-->
  689.  
  690. <li> <a href="https://bt21net.tumblr.com">bt21net</a>
  691.  
  692. <li> <a href="https://bts-protection-net.tumblr.com">bts-protection-net</a>
  693. <li> <a href="https://bangtanarmynet.tumblr.com">bangtanarmynet</a>
  694.  
  695. <li> <a href="https://hyunglinenetwork.tumblr.com">hyunglinenetwork</a>
  696.  
  697. <li> <a href="https://pjmnetwork.tumblr.com/">pjmnetwork</a>
  698.  
  699. <li> <a href="https://kimtaehyungnet.tumblr.com">kimtaehyungnet</a>
  700.  
  701. <li> <a href="https://95linenet.tumblr.com">95linenet</a>
  702.  
  703. <li> <a href="https://goldenduonetwork.tumblr.com">goldenduonetwork</a>
  704.  
  705. <li> <a href="https://txtnetwork.tumblr.com">txtnetwork</a>
  706.  
  707. <li> <a href="https://txtnet.tumblr.com">txtnet</a>
  708.  
  709. <li> <a href="https://hogwartsgirlgang.tumblr.com/">hogwartsgirlgang</a> > active
  710.  
  711. <li> <a href="https://mythologicalnet.tumblr.com">mythologicalnet</a> > semi-active
  712.  
  713.  
  714.  
  715.  
  716. <!--end editing updates text: don't edit beyond this point-->
  717. <p><a href="https://odeysseus.tumblr.com">O</a>
  718. </div>
  719. </div>
  720. <!--end updates tab-->
  721.  
  722.  
  723. <div id="contain">
  724.  
  725. <div id="inner">
  726.  
  727. <div id="sidebar">
  728. <img src="https://i.imgur.com/jPYdOvz.jpg?1">
  729.  
  730. <div class="title">
  731. <span class="highlight">{text:title}</span></div>
  732.  
  733. <div class="sidelink">
  734. <ul class="tab">
  735. <li><a href="/" class="tablinks" title="refresh"><span class="lnr lnr-home"></span></a></li>
  736. <li><a href="/ask" class="tablinks" title="message"><span class="lnr lnr-envelope"></span></a></i>
  737. <li><a href="#" class="tablinks" onclick="openCity(event, 'navtab')" title="navigate"><span class="lnr lnr-menu"></span></a></i>
  738. </ul>
  739. </div>
  740.  
  741. <div class="desc">{text:desc}</div>
  742.  
  743. </div>
  744.  
  745.  
  746.  
  747. <!------ navigation tab ------>
  748.  
  749.  
  750.  
  751. <div id="navtab" class="tabcontent">
  752. <span onclick="this.parentElement.style.display='none'" class="close"> x </span>
  753.  
  754. <div class="tabtitle">
  755. <span class="highlight">{text:tabtitle}</span></div>
  756.  
  757. <div class="tabdesc">
  758. <p>previously domlnique, areinlove, lettertothemoon </p>
  759.  
  760. <p>jes, xiv, she/her. gemini, infp-a. </p>
  761.  
  762. <p><a href="/tagged/m.">my content</a>; <a href="/tagged/m. gifs">my gifs</a>; <a href="/m. gfx">my gfx</a>
  763.  
  764.  
  765. </p>
  766.  
  767. </div>
  768.  
  769. <div class="tabnav">
  770. <a href="/a." title="about"><span class="lnr lnr-user"></span></a>
  771. <a href="/n." title="navigation"><span class="lnr lnr-map"></span></a>
  772. <a href="/for you" title="for you"><span class="lnr lnr-heart"></span></a>
  773. <a href="/archive" title="archive"><span class="lnr lnr-history"></span></a>
  774. <a href="https://andpolaroids.tumblr.com/" title="inspo sideblog"><span class="lnr lnr-moon"></span></a>
  775. <a href="https://risorses.tumblr.com/" title="resources sideblog"><span class="lnr lnr-link"></span></a>
  776. <a href="https://mrminyard.tumblr.com/" title="aes & multifandom sideblog"><span class="lnr lnr-star"></span></a>
  777. <a href="https://scrivenshafts.tumblr.com/" title="writing sideblog"><span class="lnr lnr-pencil"></span></a>
  778. <a href="https://studyrevolutions.tumblr.com/" title="studyblr"><span class="lnr lnr-book"></span></a>
  779. <a href="https://missinej.tumblr.com/" title="soc sideblog"><span class="lnr lnr-diamond"></span></a>
  780.  
  781. </div>
  782.  
  783. <div class="tabimg"><img src="https://imgur.com/GXwBo5l.png"></div>
  784.  
  785. </div>
  786.  
  787.  
  788.  
  789. <div id="entries">
  790. {block:posts}
  791. <!-- {block:NoRebloggedFrom}
  792. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  793. {/block:NoRebloggedFrom} -->
  794. {block:ContentSource}<!-- {SourceURL}
  795. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{Sourcetitle}" />{/block:SourceLogo}
  796. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  797. {/block:ContentSource}
  798. <div id="post">
  799.  
  800. {block:Text}
  801. {block:title}<h3>{title}</h3>{/block:title}
  802. {Body}{/block:Text}
  803.  
  804. {block:Photo}<center><img src="{PhotoURL-400}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  805.  
  806. {block:Photoset}<center>{Photoset}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  807.  
  808. {block:Quote}<h2>{Quote}</h2><br>
  809. {block:Source}<div class="qsource"> — {Source}</div>
  810. {/block:Source}{/block:Quote}
  811.  
  812. {block:Link}<h3><a href="{URL}" {Target}>{Name}</a></h3>{block:Description}{Description}{/block:Description}{/block:Link}
  813.  
  814. {block:Chat}{block:title}<h3>{title}</h3>{/block:title}<br>{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  815.  
  816. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" align="left" class="cover" />{/block:AlbumArt}<div class="playerborderer"><div class="player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div><div class="audioinfo">{block:TrackName}<h1>{TrackName}</h1>{/block:TrackName}{block:Artist}— {Artist} —{/block:Artist}</div>{/block:Audio}<br>
  817.  
  818. {block:Video}<div class="video">{Video-400}</div>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  819.  
  820. {block:Answer}<div id="question">{Question}</div><div id="asker"><b><i>{Asker}</i></b><br></div>{Answer}{/block:Answer}
  821.  
  822. <div id="info">
  823. <div style="float:left; border-bottom:2px solid {color:postbg}; padding-bottom:-1px; margin:-2px 0px 0px 5px; font-family:coco; font-weight:600; font-size:10px;"><a href="{Permalink}" title="{TimeAgo}">{ShortMonth}{DayOfMonthWithZero}</a></div>
  824. <div style="float:right; padding-left:8px; padding-right:5px; font-family:coco; font-weight:600; font-size:10px;"> <a href="{ReblogURL}" target="_blank" class="details">REBLOG</span></a></span></div>{/block:NoteCount}
  825. <div style="float:right; padding-right:5px; border-right:1px solid {color:postbg}; font-family:coco; font-weight:600; font-size:10px;"> <a href="{Permalink}" title="{TimeAgo}">{NoteCount}N</a>&nbsp;</div></div>
  826.  
  827.  
  828. {block:HasTags}<div id="tags">
  829.  
  830. {block:Tags}<i class="pe-7s-ticket"></i> <a href="/tagged/{Tag}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}
  831. </div>{block:HasTags}
  832. </div>
  833. {/block:Posts}
  834. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  835. {/block:Posts}
  836.  
  837. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">BACK</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">NEXT</a><br />{/block:NextPage}{/block:Pagination}</div>
  838.  
  839. </div></div>
  840. </div></div>
  841.  
  842. <div id="huney"><ul class="huney"><li><a href="https://redjamies.tumblr.com" title="code by ally"><span class="sf sf-strawberry-o"></span></a></li></ul></div>
  843. </div>
  844.  
  845.  
  846.  
  847. <!-- begin scripts ————— DO NOT DELETE! -->
  848.  
  849.  
  850.  
  851. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  852. <script>
  853. $(document).ready(function(){
  854. $('.video iframe').each(function(){
  855. var scale = $(this).parents('.video').width() / 400;
  856. $(this).attr({
  857. width: Math.floor($(this).attr('width') * scale),
  858. height: Math.floor($(this).attr('height') * scale)
  859. });
  860. });
  861. });
  862. </script>
  863.  
  864.  
  865. <!-- TABS/ALL-INN-ONE SCRIPTS DO NOT REMOVE!!! -->
  866.  
  867. <script>
  868. $(document).ready(function() {
  869. $('.tabs .tab-links a').on('click', function(e) {
  870. var currentAttrValue = $(this).attr('href');
  871.  
  872. // Show/Hide Tabs
  873. $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide();
  874.  
  875. // Change/remove current tab to active
  876. $(this).parent('li').addClass('active').siblings().removeClass('active');
  877.  
  878. e.preventDefault();
  879. });
  880. });
  881. </script>
  882.  
  883. <script>
  884. $(document).ready(function() {
  885. $('#filterOptions li a').click(function() {
  886. // fetch the class of the clicked item
  887. var ourClass = $(this).attr('class');
  888.  
  889. // reset the active class on all the buttons
  890. $('#filterOptions li').removeClass('active');
  891. // update the active state on our clicked button
  892. $(this).parent().addClass('active');
  893.  
  894. if(ourClass == 'all') {
  895. // show all our items
  896. $('#ourHolder').children('div.item').show();
  897. }
  898. else {
  899. // hide all elements that don't share ourClass
  900. $('#ourHolder').children('div:not(.' + ourClass + ')').hide();
  901. // show all elements that do share ourClass
  902. $('#ourHolder').children('div.' + ourClass).show();
  903. }
  904. return false;
  905. });
  906. });
  907. </script>
  908.  
  909.  
  910. </body></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!