API tools faq
paste
Advertisement
mugendia

Tags List Page: Cheri

mugendia
Dec 4th, 2014 (edited)
6,932
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 52.78 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link href='https://fonts.googleapis.com/css?family=Josefin+Sans:400' rel='stylesheet' type='text/css'>
  6.  
  7. <!--
  8.  
  9. CHERI TAGS LIST PAGE THEME BY COCORINI (https://cocorini.tumblr.com).
  10. PLEASE DON'T REMOVE THE CREDITS. THANK YOU!
  11.  
  12. Edit your content under '<body>' (Use the CTRL + F [Windows] or Command + F [Mac] to find it).
  13.  
  14. PATTERNS: https://www.cocorini.tumblr.com / https://www.subtlepatterns.com
  15. IMAGES: Shinzi Katoh designs
  16.  
  17. -->
  18.  
  19. <style type="text/css">
  20.  
  21. @font-face {font-family: "tinytots";src: url('https://dl.dropboxusercontent.com/u/54526653/tinytots.TTF');}
  22.  
  23. /* BACKGROUND */
  24.  
  25. body {
  26. background-image: url('https://31.media.tumblr.com/9e2bc2fa8fa8a2fb86ba49aff2c59bac/tumblr_inline_ng30p1b7L71rnjuep.png');
  27. background-attachment: fixed;
  28. }
  29.  
  30. ::-webkit-scrollbar-thumb:vertical {
  31. background-color: #eed7bd;
  32. height: auto;
  33. }
  34.  
  35. ::-webkit-scrollbar-thumb:horizontal {
  36. background-color: #eed7bd;
  37. height: auto;
  38. }
  39.  
  40. ::-webkit-scrollbar {
  41. height: 3px;
  42. width: 3px;
  43. background-color: #fff;
  44. }
  45.  
  46. #bgimage {
  47. position: fixed;
  48. bottom: 0px;
  49. right: 0px;
  50. }
  51.  
  52. /* BACKGROUND LINKS */
  53.  
  54. a {
  55. color: #e4b49f;
  56. text-decoration: none;
  57. }
  58.  
  59. /* HIGHLIGHT TEXT */
  60.  
  61. ::selection {
  62. background: #e6f4ef;
  63. color: #95aaa3;
  64. }
  65.  
  66. ::-moz-selection {
  67. background: #e6f4ef;
  68. color: #95aaa3;
  69. }
  70.  
  71. p::selection {
  72. background: #e6f4ef;
  73. color: #95aaa3;
  74. }
  75.  
  76. p::-moz-selection {
  77. background: #e6f4ef;
  78. color: #95aaa3;
  79. }
  80.  
  81. /* MAIN CONTENT */
  82.  
  83. #placeholder {
  84. margin-top: 70px;
  85. }
  86.  
  87. #content { /* This is the main box */
  88. width: 580px;
  89. height: 395px;
  90. position: relative;
  91. background-color: #fff;
  92. padding: 5px;
  93. box-shadow: 0px 0px 5px 1px #ddd;
  94. }
  95.  
  96. .stepcarousel { /* This is the sliding function */
  97. position: relative;
  98. background: #fff;
  99. border: 1px solid #eee;
  100. width: 570px;
  101. height: 383px;
  102. margin-top: 5px;
  103. }
  104.  
  105. .stepcarousel .belt { /* This is the sliding function */
  106. position: absolute;
  107. left: 0px;
  108. top: 0px;
  109. }
  110.  
  111. .stepcarousel .panel { /* This is the sliding function */
  112. width: 570px;
  113. }
  114.  
  115. /* MAIN CONTENT - LEFT SIDE */
  116.  
  117. .stepcarousel .panel .info1 {
  118. position: absolute;
  119. width: 263px;
  120. padding: 10px;
  121. height: 363px;
  122. text-align: center;
  123. background-color: #fff;
  124. transition: 0.5s ease;
  125. -o-transition: 0.5s ease;
  126. -moz-transition: 0.5s ease;
  127. -webkit-transition: 0.5s ease;
  128. }
  129.  
  130. /* There are 3 styles of the left side design in which it has different colours - every 3 slides it repeats the order */
  131.  
  132. /* MAIN CONTENT (LEFT SIDE -- STYLE 1) */
  133.  
  134. #info1a { /* This is the top half of the left side */
  135. margin: -10px 0 0 -10px;
  136. width: 263px;
  137. padding: 10px;
  138. height: 363px;
  139. text-align: center;
  140. border-right: 1px dashed #ddd;
  141. background-image: url('https://31.media.tumblr.com/5a3103833b482d67ce40f779bbeacb0b/tumblr_inline_ng27qiBVZx1rnjuep.png'); /* Change the background pattern by changing this image URL -- or you can remove it */
  142. }
  143.  
  144. #info1a img { /* This is the icon image */
  145. border-radius: 100px;
  146. border: 10px solid #fff;
  147. box-shadow: 0px 0px 3px 1px #c6e6db;
  148. margin: 60px 0 20px -10px;
  149. max-width: 100px;
  150. }
  151.  
  152. #info1b { /* This is the bottom half of the left side */
  153. margin-top: 10px;
  154. margin-left: -10px;
  155. text-align: center;
  156. font-family: 'Josefin Sans', sans-serif;
  157. font-size: 16px;
  158. letter-spacing: 10px;
  159. text-transform: uppercase;
  160. line-height: 32px;
  161. color: #8eb3a7;
  162. background-color: #fff;
  163. width: 283px;
  164. height: 142px;
  165. padding-top: 20px;
  166. border-top: 1px dashed #ddd;
  167. border-right: 1px dashed #ddd;
  168. background-image: url('https://31.media.tumblr.com/9eb738b63d13b3a841ea1d4aafafd78c/tumblr_inline_ng27w7muEO1rnjuep.png'); /* Change the background pattern by changing this image URL -- or you can remove it */
  169. }
  170.  
  171. /* MAIN CONTENT (LEFT SIDE -- STYLE 2) */
  172.  
  173. #info1c { /* This is the top half of the left side */
  174. margin: -10px 0 0 -10px;
  175. width: 263px;
  176. padding: 10px;
  177. height: 363px;
  178. text-align: center;
  179. border-right: 1px dashed #ddd;
  180. background-image: url('https://31.media.tumblr.com/199e5344b209e1798b73cc0d3c470525/tumblr_inline_ng2ik8e4yi1rnjuep.png'); /* Change the background pattern by changing this image URL -- or you can remove it */
  181. }
  182.  
  183. #info1c img { /* This is the icon image */
  184. border-radius: 100px;
  185. border: 10px solid #fff;
  186. box-shadow: 0px 0px 3px 1px #fad7d7;
  187. margin: 60px 0 20px -10px;
  188. max-width: 100px;
  189. }
  190.  
  191. #info1d { /* This is the bottom half of the left side */
  192. margin-top: 10px;
  193. margin-left: -10px;
  194. text-align: center;
  195. font-family: 'Josefin Sans', sans-serif;
  196. font-size: 16px;
  197. letter-spacing: 10px;
  198. text-transform: uppercase;
  199. line-height: 32px;
  200. color: #e497a6;
  201. background-color: #fff;
  202. width: 283px;
  203. height: 142px;
  204. padding-top: 20px;
  205. border-top: 1px dashed #ddd;
  206. border-right: 1px dashed #ddd;
  207. background-image: url('https://31.media.tumblr.com/c6400e59282529850ff397e1210197b0/tumblr_inline_ng2i6v0ql51rnjuep.png'); /* Change the background pattern by changing this image URL -- or you can remove it */
  208. }
  209.  
  210. /* MAIN CONTENT (LEFT SIDE -- STYLE 3) */
  211.  
  212. #info1e { /* This is the top half of the left side */
  213. margin: -10px 0 0 -10px;
  214. width: 263px;
  215. padding: 10px;
  216. height: 363px;
  217. text-align: center;
  218. border-right: 1px dashed #ddd;
  219. background-image: url('https://31.media.tumblr.com/2d929d1a1a5f125116e8e6171cd57854/tumblr_inline_ng2j82VfBy1rnjuep.png'); /* Change the background pattern by changing this image URL -- or you can remove it */
  220. }
  221.  
  222. #info1e img { /* This is the icon image */
  223. border-radius: 100px;
  224. border: 10px solid #fff;
  225. box-shadow: 0px 0px 3px 1px #f7e1cb;
  226. margin: 60px 0 20px -10px;
  227. max-width: 100px;
  228. }
  229.  
  230. #info1f { /* This is the bottom half of the left side */
  231. margin-top: 10px;
  232. margin-left: -10px;
  233. text-align: center;
  234. font-family: 'Josefin Sans', sans-serif;
  235. font-size: 16px;
  236. letter-spacing: 10px;
  237. text-transform: uppercase;
  238. line-height: 32px;
  239. color: #d3aa74;
  240. background-color: #fff;
  241. width: 283px;
  242. height: 142px;
  243. padding-top: 20px;
  244. background-image: url('https://31.media.tumblr.com/934f76a97a64aa4ac31ba94b8f99c8ed/tumblr_inline_ng2j6vYbja1rnjuep.png'); /* Change the background pattern by changing this image URL -- or you can remove it */
  245. border-top: 1px dashed #ddd;
  246. border-right: 1px dashed #ddd;
  247. }
  248.  
  249.  
  250.  
  251.  
  252. /* MAIN CONTENT - RIGHT SIDE (Tags) */
  253.  
  254. .stepcarousel .panel .info2 {
  255. position: absolute;
  256. margin-left: 284px;
  257. width: 286px;
  258. height: 383px;
  259. background-color: #fff;
  260. transition: 0.5s ease;
  261. -o-transition: 0.5s ease;
  262. -moz-transition: 0.5s ease;
  263. -webkit-transition: 0.5s ease;
  264. }
  265.  
  266. /* There are 3 styles of the right side design in which it has different colours - every 3 slides it repeats the order */
  267.  
  268. /* MAIN CONTENT (RIGHT SIDE -- STYLE 1) */
  269.  
  270. #info2a {
  271. background-image: url('https://31.media.tumblr.com/890a91b32a10c95927633b8791eecc04/tumblr_inline_ng2kvorT0K1rnjuep.png'); /* Change the background pattern by changing this image URL -- or you can remove it */
  272. width: 246px;
  273. padding: 20px;
  274. height: 343px;
  275. text-align: left;
  276. background-color: #fff;
  277. overflow: auto;
  278. }
  279.  
  280. #info2a a { /* This is the tags links */
  281. display: inline-block;
  282. font-family: 'Josefin Sans', sans-serif;
  283. text-transform: uppercase;
  284. font-size: 10px;
  285. text-decoration: none;
  286. color: #e6bcd4;
  287. line-height: 20px;
  288. background-color: #f1faf7;
  289. padding: 5px 10px 5px 10px;
  290. margin-bottom: 5px;
  291. color: #7f9d93;
  292. letter-spacing: 1px;
  293. width: 190px;
  294. }
  295.  
  296. #info2a a:hover {
  297. text-decoration: none;
  298. color: #79aa84;
  299. background-color: #ecf9ef;
  300. }
  301.  
  302. span.info2a { /* This is the symbol before the tags links */
  303. background-color: #ebfbe9;
  304. color: #9bdcbe;
  305. padding: 5px 0 10px 1px;
  306. font-size: 13px;
  307. }
  308.  
  309. /* MAIN CONTENT (RIGHT SIDE -- STYLE 2) */
  310.  
  311. #info2b {
  312. background-image: url('https://31.media.tumblr.com/890a91b32a10c95927633b8791eecc04/tumblr_inline_ng2kvorT0K1rnjuep.png'); /* Change the background pattern by changing this image URL -- or you can remove it */
  313. width: 246px;
  314. padding: 20px;
  315. height: 343px;
  316. text-align: left;
  317. background-color: #fff;
  318. overflow: auto;
  319. }
  320.  
  321. #info2b a { /* This is the tags links */
  322. display: inline-block;
  323. font-family: 'Josefin Sans', sans-serif;
  324. text-transform: uppercase;
  325. font-size: 10px;
  326. text-decoration: none;
  327. color: #e6bcd4;
  328. line-height: 20px;
  329. background-color: #feefef;
  330. padding: 5px 10px 5px 10px;
  331. margin-bottom: 5px;
  332. color: #d98081;
  333. letter-spacing: 1px;
  334. width: 190px;
  335. }
  336.  
  337. #info2b a:hover {
  338. text-decoration: none;
  339. color: #c3618d;
  340. background-color: #f9eef3;
  341. }
  342.  
  343. span.info2b { /* This is the symbol before the tags links */
  344. background-color: #fadce3;
  345. color: #fb97ae;
  346. padding: 5px 0 10px 1px;
  347. font-size: 13px;
  348. }
  349.  
  350. /* MAIN CONTENT (RIGHT SIDE -- STYLE 3) */
  351.  
  352. #info2c {
  353. background-image: url('https://31.media.tumblr.com/890a91b32a10c95927633b8791eecc04/tumblr_inline_ng2kvorT0K1rnjuep.png'); /* Change the background pattern by changing this image URL -- or you can remove it */
  354. width: 246px;
  355. padding: 20px;
  356. height: 343px;
  357. text-align: left;
  358. background-color: #fff;
  359. overflow: auto;
  360. }
  361.  
  362. #info2c a { /* This is the tags links */
  363. display: inline-block;
  364. font-family: 'Josefin Sans', sans-serif;
  365. text-transform: uppercase;
  366. font-size: 10px;
  367. text-decoration: none;
  368. color: #e6bcd4;
  369. line-height: 20px;
  370. background-color: #fcf6ed;
  371. padding: 5px 10px 5px 10px;
  372. margin-bottom: 5px;
  373. color: #ba955c;
  374. letter-spacing: 1px;
  375. width: 190px;
  376. }
  377.  
  378. #info2c a:hover {
  379. text-decoration: none;
  380. color: #ada45a;
  381. background-color: #f7f5e6;
  382. }
  383.  
  384. span.info2c { /* This is the symbol before the tags links */
  385. background-color: #faefd3;
  386. color: #d8b75c;
  387. padding: 5px 0 10px 1px;
  388. font-size: 13px;
  389. }
  390.  
  391. /* NAVIGATION */
  392.  
  393. #navigation {
  394. position: fixed;
  395. margin-left: 585px;
  396. margin-top: 8px;
  397. }
  398.  
  399. #slidebuttons {
  400. position: absolute;
  401. margin-top: -16px;
  402. z-index: 9999;
  403. }
  404.  
  405. #slidebuttons img {
  406. margin-bottom: 8px;
  407. }
  408.  
  409. #navibuttons1 { /* (Frequently Used Tags navigation button */
  410. position: fixed;
  411. width: 22px;
  412. height: 22px;
  413. padding: 4px 5px 3px 5px;
  414. font-size: 18px;
  415. background-color: #f1faf7;
  416. border-top: 3px double #c6e6db;
  417. border-right: 3px double #c6e6db;
  418. border-bottom: 3px double #c6e6db;
  419. color: #a5c9bd;
  420. border-top-right-radius: 10px;
  421. border-bottom-right-radius: 10px;
  422. }
  423.  
  424. #navibuttons2 { /* 123,✿ navigation button */
  425. position: fixed;
  426. width: 22px;
  427. height: 22px;
  428. padding: 4px 5px 3px 5px;
  429. margin-top: 43px;
  430. font-family: tinytots;
  431. font-size: 8px;
  432. text-transform: uppercase;
  433. line-height: 12px;
  434. text-align: center;
  435. letter-spacing: 1px;
  436. background-color: #faebeb;
  437. border-top: 3px double #fbcece;
  438. border-right: 3px double #fbcece;
  439. border-bottom: 3px double #fbcece;
  440. color: #e39595;
  441. border-top-right-radius: 10px;
  442. border-bottom-right-radius: 10px;
  443. }
  444.  
  445. #navibuttons3 { /* A,B,C,D navigation button */
  446. position: fixed;
  447. width: 22px;
  448. height: 22px;
  449. padding: 4px 5px 3px 5px;
  450. margin-top: 86px;
  451. font-family: tinytots;
  452. font-size: 8px;
  453. text-transform: uppercase;
  454. line-height: 12px;
  455. text-align: center;
  456. letter-spacing: 1px;
  457. background-color: #fcf3e9;
  458. border-top: 3px double #fcd9b7;
  459. border-right: 3px double #fcd9b7;
  460. border-bottom: 3px double #fcd9b7;
  461. color: #daa16a;
  462. border-top-right-radius: 10px;
  463. border-bottom-right-radius: 10px;
  464. }
  465.  
  466. #navibuttons4 { /* E,F,G,H navigation button */
  467. position: fixed;
  468. width: 22px;
  469. height: 22px;
  470. padding: 4px 5px 3px 5px;
  471. margin-top: 129px;
  472. font-family: tinytots;
  473. font-size: 8px;
  474. text-transform: uppercase;
  475. line-height: 12px;
  476. text-align: center;
  477. letter-spacing: 1px;
  478. background-color: #f1faf7;
  479. border-top: 3px double #c6e6db;
  480. border-right: 3px double #c6e6db;
  481. border-bottom: 3px double #c6e6db;
  482. color: #a5c9bd;
  483. border-top-right-radius: 10px;
  484. border-bottom-right-radius: 10px;
  485. }
  486.  
  487. #navibuttons5 { /* I,J,K,L navigation button */
  488. position: fixed;
  489. width: 22px;
  490. height: 22px;
  491. padding: 4px 5px 3px 5px;
  492. margin-top: 172px;
  493. font-family: tinytots;
  494. font-size: 8px;
  495. text-transform: uppercase;
  496. line-height: 12px;
  497. text-align: center;
  498. letter-spacing: 1px;
  499. background-color: #faebeb;
  500. border-top: 3px double #fbcece;
  501. border-right: 3px double #fbcece;
  502. border-bottom: 3px double #fbcece;
  503. color: #e39595;
  504. border-top-right-radius: 10px;
  505. border-bottom-right-radius: 10px;
  506. }
  507.  
  508. #navibuttons6 { /* M,N,O,P navigation button */
  509. position: fixed;
  510. width: 22px;
  511. height: 22px;
  512. padding: 4px 5px 3px 5px;
  513. margin-top: 215px;
  514. font-family: tinytots;
  515. font-size: 8px;
  516. text-transform: uppercase;
  517. line-height: 12px;
  518. text-align: center;
  519. letter-spacing: 1px;
  520. background-color: #fcf3e9;
  521. border-top: 3px double #fcd9b7;
  522. border-right: 3px double #fcd9b7;
  523. border-bottom: 3px double #fcd9b7;
  524. color: #daa16a;
  525. border-top-right-radius: 10px;
  526. border-bottom-right-radius: 10px;
  527. }
  528.  
  529. #navibuttons7 { /* Q,R,S,T navigation button */
  530. position: fixed;
  531. width: 22px;
  532. height: 22px;
  533. padding: 4px 5px 3px 5px;
  534. margin-top: 258px;
  535. font-family: tinytots;
  536. font-size: 8px;
  537. text-transform: uppercase;
  538. line-height: 12px;
  539. text-align: center;
  540. letter-spacing: 1px;
  541. background-color: #f1faf7;
  542. border-top: 3px double #c6e6db;
  543. border-right: 3px double #c6e6db;
  544. border-bottom: 3px double #c6e6db;
  545. color: #a5c9bd;
  546. border-top-right-radius: 10px;
  547. border-bottom-right-radius: 10px;
  548. }
  549.  
  550. #navibuttons8 { /* U,V,W navigation button */
  551. position: fixed;
  552. width: 22px;
  553. height: 22px;
  554. padding: 4px 5px 3px 5px;
  555. margin-top: 301px;
  556. font-family: tinytots;
  557. font-size: 8px;
  558. text-transform: uppercase;
  559. line-height: 12px;
  560. text-align: center;
  561. letter-spacing: 1px;
  562. background-color: #faebeb;
  563. border-top: 3px double #fbcece;
  564. border-right: 3px double #fbcece;
  565. border-bottom: 3px double #fbcece;
  566. color: #e39595;
  567. border-top-right-radius: 10px;
  568. border-bottom-right-radius: 10px;
  569. }
  570.  
  571. #navibuttons9 { /* X,Y,Z navigation button */
  572. position: fixed;
  573. width: 22px;
  574. height: 22px;
  575. padding: 4px 5px 3px 5px;
  576. margin-top: 344px;
  577. font-family: tinytots;
  578. font-size: 8px;
  579. text-transform: uppercase;
  580. line-height: 12px;
  581. text-align: center;
  582. letter-spacing: 1px;
  583. background-color: #fcf3e9;
  584. border-top: 3px double #fcd9b7;
  585. border-right: 3px double #fcd9b7;
  586. border-bottom: 3px double #fcd9b7;
  587. color: #daa16a;
  588. border-top-right-radius: 10px;
  589. border-bottom-right-radius: 10px;
  590. }
  591.  
  592. #credit {
  593. position: fixed;
  594. bottom: 8px;
  595. right: 10px;
  596. font-size: 10px;
  597. color: #e4b49f;
  598. z-index: 9999;
  599. }
  600.  
  601. </style>
  602.  
  603. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  604. <script type="text/javascript" src="https://static.tumblr.com/lv6casp/aCNm74ixy/stepcarousel.js">
  605. /***********************************************
  606. * Step Carousel Viewer script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
  607. * Visit https://www.dynamicDrive.com for hundreds of DHTML scripts
  608. * This notice must stay intact for legal use
  609. ***********************************************/
  610. </script>
  611.  
  612. <script type="text/javascript">
  613. stepcarousel.setup({
  614. galleryid: 'mygallery', //id of carousel DIV
  615. beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
  616. panelclass: 'panel', //class of panel DIVs each holding content
  617. autostep: {enable:false, moveby:1, pause:3000},
  618. panelbehavior: {speed:500, wraparound:false, wrapbehavior:'slide', persist:true},
  619. defaultbuttons: {enable: false, moveby: 1, leftnav: ['https://i48.tinypic.com/357klf6.png', -40, 120], rightnav: ['https://i45.tinypic.com/2w1tp5l.png', 10, 120]},
  620. statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
  621. contenttype: ['inline'] //content setting ['inline'] or ['ajax', 'path_to_external_file']
  622. })
  623. </script>
  624.  
  625. </head>
  626. <body>
  627.  
  628. <div id="bgimage">
  629.  
  630. <!-- This is the bottom-right background image
  631. (You can remove it or change the image URL) -->
  632. <img src="https://31.media.tumblr.com/c6522147bdee1251cebca64e1b0072f6/tumblr_inline_ng2omilVEs1rnjuep.png">
  633.  
  634. </div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  635.  
  636. <div align="center">
  637. <div id="placeholder">
  638.  
  639. <!-- This is the top banner image
  640. (You can remove it or change the image URL) -->
  641. <img src="https://31.media.tumblr.com/65739c0c6e704f9023b999a66e7a43f4/tumblr_inline_ng2pasLU071rnjuep.png">
  642.  
  643. <div id="content">
  644. <div id="navigation">
  645. <div id="slidebuttons"><p id="mygallery-paginate">
  646. <img src="https://31.media.tumblr.com/9e02f1cf8a735eb52c9a358496bb7d1a/tumblr_inline_ng0vjfuUDI1rnjuep.png" data-over="https://31.media.tumblr.com/9e02f1cf8a735eb52c9a358496bb7d1a/tumblr_inline_ng0vjfuUDI1rnjuep.png" data-select="https://31.media.tumblr.com/9e02f1cf8a735eb52c9a358496bb7d1a/tumblr_inline_ng0vjfuUDI1rnjuep.png" data-moveby="1" /></p></div>
  647.  
  648. <div id="navibuttons1">✭</div>
  649. <div id="navibuttons2">1 2 3 ✿</div>
  650. <div id="navibuttons3">A B C D</div>
  651. <div id="navibuttons4">E F G H</div>
  652. <div id="navibuttons5">I J K L</div>
  653. <div id="navibuttons6">M N O P</div>
  654. <div id="navibuttons7">Q R S T</div>
  655. <div id="navibuttons8">U V W</div>
  656. <div id="navibuttons9">X Y Z</div>
  657. </div>
  658.  
  659. <div id="mygallery" class="stepcarousel">
  660.  
  661.  
  662.  
  663. <!-- // FREQUENTLY USED TAGS SLIDE (LEFT SIDE) // -->
  664.  
  665. <div class="belt"><div class="panel"><div class="info1"><div id="info1a">
  666.  
  667. <!-- You can change the icon image by changing the icon URL below
  668. Recommended size 100px x 100px -->
  669. <img src="https://31.media.tumblr.com/e37b107c4290e754da83f95dc18fa83c/tumblr_inline_ng2mqi3kTN1rnjuep.png">
  670.  
  671. <div id="info1b">
  672. <div style="font-size: 22px; opacity: 0.5;">✭</div>
  673. Frequently<br>Used Tags
  674. </div></div></div> <!-- IT'S IMPORTANT THAT THESE </div>'S REMAIN HERE. -->
  675.  
  676. <div class="info2"><div id="info2a">
  677.  
  678.  
  679. <!-- // FREQUENTLY USED TAGS SLIDE (RIGHT SIDE) // -->
  680.  
  681. <span class="info2a">&nbsp;&nbsp;✭&nbsp;&nbsp;</span>
  682. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for frequently used tags -->
  683. <br>
  684.  
  685. <span class="info2a">&nbsp;&nbsp;✭&nbsp;&nbsp;</span>
  686. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for frequently used tags -->
  687. <br>
  688.  
  689. <span class="info2a">&nbsp;&nbsp;✭&nbsp;&nbsp;</span>
  690. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for frequently used tags -->
  691. <br>
  692.  
  693. <span class="info2a">&nbsp;&nbsp;✭&nbsp;&nbsp;</span>
  694. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for frequently used tags -->
  695. <br>
  696.  
  697. <span class="info2a">&nbsp;&nbsp;✭&nbsp;&nbsp;</span>
  698. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for frequently used tags -->
  699. <br>
  700.  
  701. <span class="info2a">&nbsp;&nbsp;✭&nbsp;&nbsp;</span>
  702. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for frequently used tags -->
  703. <br>
  704.  
  705. <span class="info2a">&nbsp;&nbsp;✭&nbsp;&nbsp;</span>
  706. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for frequently used tags -->
  707. <br>
  708.  
  709. <span class="info2a">&nbsp;&nbsp;✭&nbsp;&nbsp;</span>
  710. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for frequently used tags -->
  711. <br>
  712.  
  713. <span class="info2a">&nbsp;&nbsp;✭&nbsp;&nbsp;</span>
  714. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for frequently used tags -->
  715. <br>
  716.  
  717. <!-- To add more tags copy this section and paste it directly under the other tags above:
  718.  
  719. <span class="info2a">&nbsp;&nbsp;✭&nbsp;&nbsp;</span>
  720. <a href="/tagged/YOURTAGNAME">tag name</a>
  721. <br>
  722.  
  723. -->
  724.  
  725. </div></div></div></div> <!-- IT'S IMPORTANT THAT THESE </div>'S REMAIN HERE. -->
  726.  
  727.  
  728.  
  729.  
  730. <!-- // 1,2,3,✿ SLIDE (LEFT SIDE) // -->
  731.  
  732. <div class="belt"><div class="panel"><div class="info1"><div id="info1c">
  733.  
  734. <!-- You can change the icon image by changing the icon URL below
  735. Recommended size 100px x 100px -->
  736. <img src="https://31.media.tumblr.com/cb4b7b1e00f6c69cdacc87643361fff8/tumblr_inline_ng2mq4uwUf1rnjuep.png">
  737.  
  738. <div id="info1d">
  739. <div style="font-size: 22px; opacity: 0.5;">✿</div>
  740. 1 2 3, ✿
  741. </div></div></div> <!-- IT'S IMPORTANT THAT THESE </div>'S REMAIN HERE. -->
  742.  
  743. <div class="info2"><div id="info2b">
  744.  
  745. <!-- // 1,2,3,✿ SLIDE (RIGHT SIDE) // -->
  746.  
  747. <!-- Section 123 -->
  748.  
  749. <div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #f5a1a1; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  750. 123</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  751.  
  752. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  753. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with numbers -->
  754. <br>
  755.  
  756. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  757. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with numbers -->
  758. <br>
  759.  
  760. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  761. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with numbers -->
  762. <br>
  763.  
  764. <!-- To add more tags copy this section and paste it directly under the other tags above:
  765.  
  766. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  767. <a href="/tagged/YOURTAGNAME">tag name</a>
  768. <br>
  769.  
  770. -->
  771.  
  772. <!-- Section ✿ (symbols) -->
  773.  
  774. <br><div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #f5a1a1; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  775. ✿</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  776.  
  777. <!-- // 1,2,3,✿ SLIDE (RIGHT SIDE) //
  778. Edit your tags URLs below this line for tags starting with symbols -->
  779.  
  780. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  781. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with symbols -->
  782. <br>
  783.  
  784. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  785. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with symbols -->
  786. <br>
  787.  
  788. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  789. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with symbols -->
  790. <br>
  791.  
  792. <!-- To add more tags copy this section and paste it directly under the other tags above:
  793.  
  794. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  795. <a href="/tagged/YOURTAGNAME">tag name</a>
  796. <br>
  797.  
  798. -->
  799.  
  800. </div></div></div></div> <!-- IT'S IMPORTANT THAT THESE </div>'S REMAIN HERE. -->
  801.  
  802.  
  803.  
  804.  
  805. <!-- // A,B,C,D SLIDE (LEFT SIDE) // -->
  806.  
  807. <div class="belt"><div class="panel"><div class="info1"><div id="info1e">
  808.  
  809. <!-- You can change the icon image by changing the icon URL below
  810. Recommended size 100px x 100px -->
  811. <img src="https://31.media.tumblr.com/818394aaefa91e35feba829c8b6874ed/tumblr_inline_ng2mpn3mEt1rnjuep.png">
  812.  
  813. <div id="info1f">
  814. <div style="font-size: 22px; opacity: 0.5;">✿</div>
  815. A, B, C, D
  816. </div></div></div> <!-- IT'S IMPORTANT THAT THESE </div>'S REMAIN HERE. -->
  817.  
  818. <div class="info2"><div id="info2c">
  819.  
  820.  
  821. <!-- // A,B,C,D SLIDE (RIGHT SIDE) // -->
  822.  
  823. <!-- Section A -->
  824.  
  825. <div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #f2c58a; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  826. A</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  827.  
  828. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  829. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with A -->
  830. <br>
  831.  
  832. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  833. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with A -->
  834. <br>
  835.  
  836. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  837. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with A -->
  838. <br>
  839.  
  840. <!-- To add more tags copy this section and paste it directly under the other tags above:
  841.  
  842. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  843. <a href="/tagged/YOURTAGNAME">tag name</a>
  844. <br>
  845.  
  846. -->
  847.  
  848. <!-- Section B -->
  849.  
  850. <br><div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #f2c58a; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  851. B</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  852.  
  853. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  854. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with B -->
  855. <br>
  856.  
  857. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  858. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with B -->
  859. <br>
  860.  
  861. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  862. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with B -->
  863. <br>
  864.  
  865. <!-- To add more tags copy this section and paste it directly under the other tags above:
  866.  
  867. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  868. <a href="/tagged/YOURTAGNAME">tag name</a>
  869. <br>
  870.  
  871. -->
  872.  
  873. <!-- Section C -->
  874.  
  875. <br><div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #f2c58a; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  876. C</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  877.  
  878. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  879. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with C -->
  880. <br>
  881.  
  882. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  883. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with C -->
  884. <br>
  885.  
  886. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  887. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with C -->
  888. <br>
  889.  
  890. <!-- To add more tags copy this section and paste it directly under the other tags above:
  891.  
  892. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  893. <a href="/tagged/YOURTAGNAME">tag name</a>
  894. <br>
  895.  
  896. -->
  897.  
  898. <!-- Section D -->
  899.  
  900. <br><div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #f2c58a; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  901. D</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  902.  
  903. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  904. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with D -->
  905. <br>
  906.  
  907. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  908. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with D -->
  909. <br>
  910.  
  911. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  912. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with D -->
  913. <br>
  914.  
  915. <!-- To add more tags copy this section and paste it directly under the other tags above:
  916.  
  917. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  918. <a href="/tagged/YOURTAGNAME">tag name</a>
  919. <br>
  920.  
  921. -->
  922.  
  923. </div></div></div></div> <!-- IT'S IMPORTANT THAT THESE </div>'S REMAIN HERE. -->
  924.  
  925.  
  926.  
  927.  
  928. <!-- // E,F,G,H SLIDE SLIDE (LEFT SIDE) // -->
  929.  
  930. <div class="belt"><div class="panel"><div class="info1"><div id="info1a">
  931.  
  932. <!-- You can change the icon image by changing the icon URL below
  933. Recommended size 100px x 100px -->
  934. <img src="https://31.media.tumblr.com/ac895b034b80a1b49c5958c9b181fb63/tumblr_inline_ng2mpyfdtI1rnjuep.png">
  935.  
  936. <div id="info1b">
  937. <div style="font-size: 22px; opacity: 0.5;">✿</div>
  938. E, F, G, H
  939. </div></div></div> <!-- IT'S IMPORTANT THAT THESE </div>'S REMAIN HERE. -->
  940.  
  941. <div class="info2"><div id="info2a">
  942.  
  943.  
  944. <!-- // E,F,G,H SLIDE SLIDE (RIGHT SIDE) // -->
  945.  
  946. <!-- Section E -->
  947.  
  948. <div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #a8ded3; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  949. E</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  950.  
  951. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  952. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with E -->
  953. <br>
  954.  
  955. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  956. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with E -->
  957. <br>
  958.  
  959. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  960. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with E -->
  961. <br>
  962.  
  963. <!-- To add more tags copy this section and paste it directly under the other tags above:
  964.  
  965. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  966. <a href="/tagged/YOURTAGNAME">tag name</a>
  967. <br>
  968.  
  969. -->
  970.  
  971. <!-- Section F -->
  972.  
  973. <br><div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #a8ded3; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  974. F</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  975.  
  976. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  977. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with F -->
  978. <br>
  979.  
  980. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  981. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with F -->
  982. <br>
  983.  
  984. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  985. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with F -->
  986. <br>
  987.  
  988. <!-- To add more tags copy this section and paste it directly under the other tags above:
  989.  
  990. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  991. <a href="/tagged/YOURTAGNAME">tag name</a>
  992. <br>
  993.  
  994. -->
  995.  
  996. <!-- Section G -->
  997.  
  998. <br><div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #a8ded3; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  999. G</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  1000.  
  1001. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1002. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with G -->
  1003. <br>
  1004.  
  1005. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1006. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with G -->
  1007. <br>
  1008.  
  1009. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1010. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with G -->
  1011. <br>
  1012.  
  1013. <!-- To add more tags copy this section and paste it directly under the other tags above:
  1014.  
  1015. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1016. <a href="/tagged/YOURTAGNAME">tag name</a>
  1017. <br>
  1018.  
  1019. -->
  1020.  
  1021. <!-- Section H -->
  1022.  
  1023. <br><div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #a8ded3; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  1024. H</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  1025.  
  1026. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1027. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with H -->
  1028. <br>
  1029.  
  1030. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1031. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with H -->
  1032. <br>
  1033.  
  1034. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1035. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with H -->
  1036. <br>
  1037.  
  1038. <!-- To add more tags copy this section and paste it directly under the other tags above:
  1039.  
  1040. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1041. <a href="/tagged/YOURTAGNAME">tag name</a>
  1042. <br>
  1043.  
  1044. -->
  1045.  
  1046. </div></div></div></div> <!-- IT'S IMPORTANT THAT THESE </div>'S REMAIN HERE. -->
  1047.  
  1048.  
  1049.  
  1050.  
  1051. <!-- // I,J,K,L SLIDE (LEFT SIDE) // -->
  1052.  
  1053. <div class="belt"><div class="panel"><div class="info1"><div id="info1c">
  1054.  
  1055. <!-- You can change the icon image by changing the icon URL below
  1056. Recommended size 100px x 100px -->
  1057. <img src="https://31.media.tumblr.com/391d20b5d9f0d73599987738d0d3f207/tumblr_inline_ng2mpjgs471rnjuep.png">
  1058.  
  1059. <div id="info1d">
  1060. <div style="font-size: 22px; opacity: 0.5;">✿</div>
  1061. I, J, K, L
  1062. </div></div></div> <!-- IT'S IMPORTANT THAT THESE </div>'S REMAIN HERE. -->
  1063.  
  1064. <div class="info2"><div id="info2b">
  1065.  
  1066.  
  1067. <!-- // I,J,K,L SLIDE (RIGHT SIDE) // -->
  1068.  
  1069. <!-- Section I -->
  1070.  
  1071. <div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #f5a1a1; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  1072. I</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  1073.  
  1074. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1075. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with I -->
  1076. <br>
  1077.  
  1078. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1079. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with I -->
  1080. <br>
  1081.  
  1082. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1083. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with I -->
  1084. <br>
  1085.  
  1086. <!-- To add more tags copy this section and paste it directly under the other tags above:
  1087.  
  1088. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1089. <a href="/tagged/YOURTAGNAME">tag name</a>
  1090. <br>
  1091.  
  1092. -->
  1093.  
  1094. <!-- Section J -->
  1095.  
  1096. <br><div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #f5a1a1; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  1097. J</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  1098.  
  1099. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1100. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with J -->
  1101. <br>
  1102.  
  1103. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1104. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with J -->
  1105. <br>
  1106.  
  1107. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1108. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with J -->
  1109. <br>
  1110.  
  1111. <!-- To add more tags copy this section and paste it directly under the other tags above:
  1112.  
  1113. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1114. <a href="/tagged/YOURTAGNAME">tag name</a>
  1115. <br>
  1116.  
  1117. -->
  1118.  
  1119. <!-- Section K -->
  1120.  
  1121. <br><div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #f5a1a1; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  1122. K</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  1123.  
  1124. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1125. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with K -->
  1126. <br>
  1127.  
  1128. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1129. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with K -->
  1130. <br>
  1131.  
  1132. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1133. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with K -->
  1134. <br>
  1135.  
  1136. <!-- To add more tags copy this section and paste it directly under the other tags above:
  1137.  
  1138. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1139. <a href="/tagged/YOURTAGNAME">tag name</a>
  1140. <br>
  1141.  
  1142. -->
  1143.  
  1144. <!-- Section L -->
  1145.  
  1146. <br><div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #f5a1a1; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  1147. L</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  1148.  
  1149. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1150. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with L -->
  1151. <br>
  1152.  
  1153. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1154. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with L -->
  1155. <br>
  1156.  
  1157. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1158. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with L -->
  1159. <br>
  1160.  
  1161. <!-- To add more tags copy this section and paste it directly under the other tags above:
  1162.  
  1163. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1164. <a href="/tagged/YOURTAGNAME">tag name</a>
  1165. <br>
  1166.  
  1167. -->
  1168.  
  1169. </div></div></div></div> <!-- IT'S IMPORTANT THAT THESE </div>'S REMAIN HERE. -->
  1170.  
  1171.  
  1172.  
  1173.  
  1174. <!-- // M,N,O,P SLIDE (LEFT SIDE) // -->
  1175.  
  1176. <div class="belt"><div class="panel"><div class="info1"><div id="info1e">
  1177.  
  1178. <!-- You can change the icon image by changing the icon URL below
  1179. Recommended size 100px x 100px -->
  1180. <img src="https://31.media.tumblr.com/7ecf45e195c6bbab2c923cb2321525ac/tumblr_inline_ng2mqnPTp31rnjuep.png">
  1181.  
  1182. <div id="info1f">
  1183. <div style="font-size: 22px; opacity: 0.5;">✿</div>
  1184. M, N, O, P
  1185. </div></div></div> <!-- IT'S IMPORTANT THAT THESE </div>'S REMAIN HERE. -->
  1186.  
  1187. <div class="info2"><div id="info2c">
  1188.  
  1189.  
  1190. <!-- // M,N,O,P SLIDE (RIGHT SIDE) // -->
  1191.  
  1192. <!-- Section M -->
  1193.  
  1194. <div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #f2c58a; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  1195. M</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  1196.  
  1197. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1198. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with M -->
  1199. <br>
  1200.  
  1201. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1202. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with M -->
  1203. <br>
  1204.  
  1205. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1206. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with M -->
  1207. <br>
  1208.  
  1209. <!-- To add more tags copy this section and paste it directly under the other tags above:
  1210.  
  1211. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1212. <a href="/tagged/YOURTAGNAME">tag name</a>
  1213. <br>
  1214.  
  1215. -->
  1216.  
  1217. <!-- Section N -->
  1218.  
  1219. <br><div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #f2c58a; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  1220. N</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  1221.  
  1222. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1223. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with N -->
  1224. <br>
  1225.  
  1226. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1227. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with N -->
  1228. <br>
  1229.  
  1230. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1231. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with N -->
  1232. <br>
  1233.  
  1234. <!-- To add more tags copy this section and paste it directly under the other tags above:
  1235.  
  1236. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1237. <a href="/tagged/YOURTAGNAME">tag name</a>
  1238. <br>
  1239.  
  1240. -->
  1241.  
  1242. <!-- Section O -->
  1243.  
  1244. <br><div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #f2c58a; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  1245. O</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  1246.  
  1247. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1248. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with O -->
  1249. <br>
  1250.  
  1251. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1252. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with O -->
  1253. <br>
  1254.  
  1255. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1256. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with O -->
  1257. <br>
  1258.  
  1259. <!-- To add more tags copy this section and paste it directly under the other tags above:
  1260.  
  1261. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1262. <a href="/tagged/YOURTAGNAME">tag name</a>
  1263. <br>
  1264.  
  1265. -->
  1266.  
  1267. <!-- Section P -->
  1268.  
  1269. <br><div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #f2c58a; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  1270. P</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  1271.  
  1272. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1273. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with P -->
  1274. <br>
  1275.  
  1276. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1277. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with P -->
  1278. <br>
  1279.  
  1280. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1281. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with P -->
  1282. <br>
  1283.  
  1284. <!-- To add more tags copy this section and paste it directly under the other tags above:
  1285.  
  1286. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1287. <a href="/tagged/YOURTAGNAME">tag name</a>
  1288. <br>
  1289.  
  1290. -->
  1291.  
  1292. </div></div></div></div> <!-- IT'S IMPORTANT THAT THESE </div>'S REMAIN HERE. -->
  1293.  
  1294.  
  1295.  
  1296. <!-- // Q,R,S,T SLIDE (LEFT SIDE) // -->
  1297.  
  1298. <div class="belt"><div class="panel"><div class="info1"><div id="info1a">
  1299.  
  1300. <!-- You can change the icon image by changing the icon URL below
  1301. Recommended size 100px x 100px -->
  1302. <img src="https://31.media.tumblr.com/0bc3ebc4dfdeae0ba989abd74a0a50c5/tumblr_inline_ng2mqdLGFz1rnjuep.png">
  1303.  
  1304. <div id="info1b">
  1305. <div style="font-size: 22px; opacity: 0.5;">✿</div>
  1306. <div style="font-size: 16px;">Q, R, S, T</div></div>
  1307. </div></div> <!-- IT'S IMPORTANT THAT THESE </div>'S REMAIN HERE. -->
  1308.  
  1309. <div class="info2"><div id="info2a">
  1310.  
  1311.  
  1312. <!-- // Q,R,S,T SLIDE (RIGHT SIDE) // -->
  1313.  
  1314. <!-- Section Q -->
  1315.  
  1316. <div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #a8ded3; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  1317. Q</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  1318.  
  1319. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1320. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with Q -->
  1321. <br>
  1322.  
  1323. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1324. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with Q -->
  1325. <br>
  1326.  
  1327. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1328. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with Q -->
  1329. <br>
  1330.  
  1331. <!-- To add more tags copy this section and paste it directly under the other tags above:
  1332.  
  1333. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1334. <a href="/tagged/YOURTAGNAME">tag name</a>
  1335. <br>
  1336.  
  1337. -->
  1338.  
  1339. <!-- Section R -->
  1340.  
  1341. <br><div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #a8ded3; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  1342. R</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  1343.  
  1344. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1345. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with R -->
  1346. <br>
  1347.  
  1348. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1349. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with R -->
  1350. <br>
  1351.  
  1352. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1353. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with R -->
  1354. <br>
  1355.  
  1356. <!-- To add more tags copy this section and paste it directly under the other tags above:
  1357.  
  1358. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1359. <a href="/tagged/YOURTAGNAME">tag name</a>
  1360. <br>
  1361.  
  1362. -->
  1363.  
  1364. <!-- Section S -->
  1365.  
  1366. <br><div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #a8ded3; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  1367. S</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  1368.  
  1369. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1370. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with S -->
  1371. <br>
  1372.  
  1373. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1374. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with S -->
  1375. <br>
  1376.  
  1377. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1378. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with S -->
  1379. <br>
  1380.  
  1381. <!-- To add more tags copy this section and paste it directly under the other tags above:
  1382.  
  1383. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1384. <a href="/tagged/YOURTAGNAME">tag name</a>
  1385. <br>
  1386.  
  1387. -->
  1388.  
  1389. <!-- Section T -->
  1390.  
  1391. <br><div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #a8ded3; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  1392. T</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  1393.  
  1394. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1395. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with T -->
  1396. <br>
  1397.  
  1398. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1399. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with T -->
  1400. <br>
  1401.  
  1402. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1403. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with T -->
  1404. <br>
  1405.  
  1406. <!-- To add more tags copy this section and paste it directly under the other tags above:
  1407.  
  1408. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1409. <a href="/tagged/YOURTAGNAME">tag name</a>
  1410. <br>
  1411.  
  1412. -->
  1413.  
  1414. </div></div></div></div> <!-- IT'S IMPORTANT THAT THESE </div>'S REMAIN HERE. -->
  1415.  
  1416.  
  1417.  
  1418. <!-- U,V,W SLIDE -->
  1419.  
  1420. <!-- // U,V,W SLIDE (LEFT SIDE) // -->
  1421.  
  1422. <div class="belt"><div class="panel"><div class="info1"><div id="info1c">
  1423.  
  1424. <!-- You can change the icon image by changing the icon URL below
  1425. Recommended size 100px x 100px -->
  1426. <img src="https://31.media.tumblr.com/a989c25d51bcf63ad4806402ccebd811/tumblr_inline_ng2mpt5pwM1rnjuep.png">
  1427.  
  1428. <div id="info1d">
  1429. <div style="font-size: 22px; opacity: 0.5;">✿</div>
  1430. U, V, W
  1431. </div></div></div> <!-- IT'S IMPORTANT THAT THESE </div>'S REMAIN HERE. -->
  1432.  
  1433. <div class="info2"><div id="info2b">
  1434.  
  1435.  
  1436. <!-- // U,V,W SLIDE (RIGHT SIDE) // -->
  1437.  
  1438. <!-- Section U -->
  1439.  
  1440. <div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #f5a1a1; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  1441. U</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  1442.  
  1443. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1444. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with U -->
  1445. <br>
  1446.  
  1447. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1448. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with U -->
  1449. <br>
  1450.  
  1451. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1452. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with U -->
  1453. <br>
  1454.  
  1455. <!-- To add more tags copy this section and paste it directly under the other tags above:
  1456.  
  1457. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1458. <a href="/tagged/YOURTAGNAME">tag name</a>
  1459. <br>
  1460.  
  1461. -->
  1462.  
  1463. <!-- Section V -->
  1464.  
  1465. <br><div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #f5a1a1; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  1466. V</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  1467.  
  1468. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1469. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with V -->
  1470. <br>
  1471.  
  1472. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1473. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with V -->
  1474. <br>
  1475.  
  1476. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1477. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with V -->
  1478. <br>
  1479.  
  1480. <!-- To add more tags copy this section and paste it directly under the other tags above:
  1481.  
  1482. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1483. <a href="/tagged/YOURTAGNAME">tag name</a>
  1484. <br>
  1485.  
  1486. -->
  1487.  
  1488. <!-- Section W -->
  1489.  
  1490. <br><div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #f5a1a1; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  1491. W</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  1492.  
  1493. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1494. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with W -->
  1495. <br>
  1496.  
  1497. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1498. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with W -->
  1499. <br>
  1500.  
  1501. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1502. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with W -->
  1503. <br>
  1504.  
  1505. <!-- To add more tags copy this section and paste it directly under the other tags above:
  1506.  
  1507. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1508. <a href="/tagged/YOURTAGNAME">tag name</a>
  1509. <br>
  1510.  
  1511. -->
  1512.  
  1513. </div></div></div></div> <!-- IT'S IMPORTANT THAT THESE </div>'S REMAIN HERE. -->
  1514.  
  1515.  
  1516.  
  1517.  
  1518. <!-- // X,Y,Z SLIDE (LEFT SIDE) // -->
  1519.  
  1520. <div class="belt"><div class="panel"><div class="info1"><div id="info1e">
  1521.  
  1522. <!-- You can change the icon image by changing the icon URL below
  1523. Recommended size 100px x 100px -->
  1524. <img src="https://31.media.tumblr.com/cd9af49097bc5b412723cf46460d3098/tumblr_inline_ng2mq9Exta1rnjuep.png">
  1525.  
  1526. <div id="info1f">
  1527. <div style="font-size: 22px; opacity: 0.5;">✿</div>
  1528. X, Y, Z
  1529. </div></div></div> <!-- IT'S IMPORTANT THAT THESE </div>'S REMAIN HERE. -->
  1530.  
  1531. <div class="info2"><div id="info2c">
  1532.  
  1533.  
  1534. <!-- // X,Y,Z SLIDE (RIGHT SIDE) // -->
  1535.  
  1536. <!-- Section X -->
  1537.  
  1538. <div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #f2c58a; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  1539. X</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  1540.  
  1541. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1542. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with X -->
  1543. <br>
  1544.  
  1545. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1546. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with X -->
  1547. <br>
  1548.  
  1549. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1550. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with X -->
  1551. <br>
  1552.  
  1553. <!-- To add more tags copy this section and paste it directly under the other tags above:
  1554.  
  1555. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1556. <a href="/tagged/YOURTAGNAME">tag name</a>
  1557. <br>
  1558.  
  1559. -->
  1560.  
  1561. <!-- Section Y -->
  1562.  
  1563. <br><div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #f2c58a; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  1564. Y</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  1565.  
  1566. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1567. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with Y -->
  1568. <br>
  1569.  
  1570. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1571. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with Y -->
  1572. <br>
  1573.  
  1574. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1575. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with Y -->
  1576. <br>
  1577.  
  1578. <!-- To add more tags copy this section and paste it directly under the other tags above:
  1579.  
  1580. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1581. <a href="/tagged/YOURTAGNAME">tag name</a>
  1582. <br>
  1583.  
  1584. -->
  1585.  
  1586. <!-- Section Z -->
  1587.  
  1588. <br><div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #f2c58a; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  1589. Z</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  1590.  
  1591. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1592. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with Z -->
  1593. <br>
  1594.  
  1595. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1596. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with Z -->
  1597. <br>
  1598.  
  1599. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1600. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with Z -->
  1601. <br>
  1602.  
  1603. <!-- To add more tags copy this section and paste it directly under the other tags above:
  1604.  
  1605. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1606. <a href="/tagged/YOURTAGNAME">tag name</a>
  1607. <br>
  1608.  
  1609. -->
  1610.  
  1611. </div></div></div></div> <!-- IT'S IMPORTANT THAT THESE </div>'S REMAIN HERE. -->
  1612.  
  1613.  
  1614.  
  1615. </div></div></div></div> <!-- IT'S IMPORTANT THAT THESE </div>'S REMAIN HERE. -->
  1616.  
  1617. <div id="credit"><a href="https://cocorini.tumblr.com" target="_blank">☂</a></div> <!-- PLEASE LEAVE THIS HERE. THANK YOU! -->
  1618.  
  1619. </body>
  1620. </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!