API tools faq
paste
Advertisement
nofacesface

Filed Under

nofacesface
Dec 12th, 2014
4,755
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 52.51 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <!--
  4. PAGE BY NO-FACES-FACE:
  5. steal and I'll find you and punch you in the throat  (◡‿◡✿)
  6.  
  7. INSTRUCTIONS:
  8.  
  9. EVERYTHING WITHIN THE CSS SECTION THAT MAY BE CUSTOMIZED IS INDENTED. ANY LINES THAT ARE NOT INDENTED AND SAY "DO NOT TOUCH" ARE NOT CUSTOMIZABLE. HOWEVER, IF YOU ARE WELL VERSED IN THE LANGUAGE OF CSS AND HTML, YOU MAY ADJUST WHATEVER YOU PLEASE, BUT DO NOT ASK ME FOR HELP IF YOU ARE DOING THIS.
  10.  
  11. IF YOU WISH TO CHANGE THE SEARCH ICON FOR THE SEARCH BAR, REPLACE THE IMAGE URL ON LINE 684 WITH YOUR PREFERRED ICON (I FOUND THE ICON VIA GOOGLE IMAGE SEARCH)
  12.  
  13. -->
  14. <head>
  15.  
  16. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18.  
  19. <style type="text/css">
  20.  
  21. /*-----GENERAL CSS BEGINS---------------------------------------------------*/
  22.  
  23.  /*--------------------------------------------------------FONT AWESOME-----*/
  24.  
  25. @import url(http://weloveiconfonts.com/api/?family=fontawesome);
  26. [class*="fontawesome-"]:before {font-family: 'FontAwesome', sans-serif;}
  27.  
  28.  /*--------------------------------------------------------FONT AWESOME-----*/
  29.  /*--------------------------------------------------------DO NOT TOUCH-----*/
  30.  
  31.  #tumblr_controls {position: fixed !important;}
  32.  
  33. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:0.3; right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.3;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  34.  
  35. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.3s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  36.  
  37.  /*--------------------------------------------------------DO NOT TOUCH-----*/
  38.  
  39. body {
  40.     cursor: crosshair; /* REMOVE THIS LINE IF YOU DO NOT PREFER THE CURSOR */
  41.     font-family: calibri; /* BODY FONT FAMILY */
  42.     background-color: #fff; /* CHANGE BACKGROUND COLOR */
  43.     background-image: url(http://24.media.tumblr.com/tumblr_lxwynw0Pdg1r9g6hvo4_250.png); /* NEW BACKGROUND URL GOES IN PARENTHESIS ABOVE */
  44. margin: 0; /* DO NOT TOUCH */
  45. word-wrap: break-word; /* DO NOT TOUCH */
  46. background-attachment: fixed; /* DO NOT TOUCH */
  47. overflow: auto; /* DO NOT TOUCH */
  48. overflow-x: hidden; /* DO NOT TOUCH */}
  49.  
  50. #content {
  51. position:relative; /* DO NOT TOUCH */
  52. width:750px; /* DO NOT TOUCH */
  53. margin-left: auto; /* DO NOT TOUCH */
  54. margin-right: auto; /* DO NOT TOUCH */
  55. margin-top: 0px; /* DO NOT TOUCH */}
  56.  
  57. /*------------------------------------------------SCROLL BAR CSS BEGINS-----*/
  58.  
  59. ::-webkit-scrollbar {
  60.     background: transparent; /* SCROLLBAR BACKGROUND COLOR */
  61. width: 1px; /* /* DO NOT TOUCH */ */
  62. height:5px; /* DO NOT TOUCH */}
  63.  
  64. ::-webkit-scrollbar-thumb {background: #ddd; /* SCROLLBAR COLOR - I SUGGEST YOU MATCH THIS WITH THE "THIN BORDER COLOR" WHICH CAN BE FOUND ON LINE 188*/ }
  65.  
  66. /*--------------------------------------------------SCROLL BAR CSS ENDS-----*/
  67.  
  68. /*-----GENERAL CSS ENDS-----------------------------------------------------*/
  69.  
  70.  
  71. /*-----MUSIC PLAYER CSS BEGINS----------------------------------------------*/
  72.  
  73. .music {
  74. width: 200px; /* DO NOT TOUCH */
  75. height: 24px; /* DO NOT TOUCH */
  76. position: absolute; /* DO NOT TOUCH */
  77. overflow: hidden; /* DO NOT TOUCH */
  78. left: 20px; /* DO NOT TOUCH */
  79. bottom: 0px; /* DO NOT TOUCH */}
  80.  
  81. .music_one, .music_two {
  82. width: 200px; /* DO NOT TOUCH */
  83. height: 24px; /* DO NOT TOUCH */
  84. -webkit-transition: all .9s ease; /* DO NOT TOUCH */
  85. transition: all .9s ease; /* DO NOT TOUCH */
  86. -moz-transition: all .9s ease; /* DO NOT TOUCH */
  87. -o-transition: all .9s ease; /* DO NOT TOUCH */}
  88.  
  89. .music_one {
  90. margin-top: -24px; /* DO NOT TOUCH */
  91. margin-left: -20px;/* DO NOT TOUCH */}
  92.  
  93. .music_two img {
  94. width: auto; /* DO NOT TOUCH */
  95. height: auto; /* DO NOT TOUCH */}
  96.  
  97.  
  98. .music:hover .music_one {margin-top: 0px; /* DO NOT TOUCH */}
  99.  
  100. /*-----MUSIC PLAYER CSS ENDS------------------------------------------------*/
  101.  
  102.  
  103. /*-----HEADER CSS BEGINS----------------------------------------------------*/
  104.  
  105. .headerbg, .header {
  106.     background-color: #fafafa; /* HEADER BACKGROUND COLOR */  
  107.     height:150px; /* DO NOT TOUCH */
  108. z-index: 999; /* DO NOT TOUCH */
  109. position:fixed; /* DO NOT TOUCH */
  110. width:100%; /* DO NOT TOUCH */
  111. top: 0px; /* DO NOT TOUCH */
  112. left: 0px; /* DO NOT TOUCH */ }
  113.  
  114. .header {border-bottom: 5px solid #B0E0E6; /* HEADER BORDER COLOR */}
  115.  
  116. .headerbg {
  117.     height: 175px; /* SEMI-TRANSPARENT HEADER BORDER HEIGHT */
  118.     opacity: .7; /* INCREASE = OPAQUE, DECREASE = TRANSPARENT */
  119.     background-image: url("http://24.media.tumblr.com/tumblr_lxwynw0Pdg1r9g6hvo4_250.png"); /* IT IS SUGGESTED THAT USE THE SAME BACKGROUND AS THE BODY'S BACKGROUND */}
  120.  
  121. .header_two {
  122.     background-color: #fafafa; /* BOTTOM HEADER BACKGROUND COLOR */
  123.     height:30px; /* DO NOT TOUCH */
  124. z-index: 999; /* DO NOT TOUCH */
  125. position:fixed; /* DO NOT TOUCH */
  126. width:100%; /* DO NOT TOUCH */
  127. left: 0px; /* DO NOT TOUCH */
  128. -webkit-transition: all .9s ease; /* DO NOT TOUCH */
  129. transition: all .9s ease; /* DO NOT TOUCH */
  130. -moz-transition: all .9s ease; /* DO NOT TOUCH */
  131. -o-transition: all .9s ease; /* DO NOT TOUCH */}
  132.  
  133. .header_two {
  134.     border-top: 5px solid #B0E0E6; /* BOTTOM HEADER BORDER COLOR */
  135. bottom: 0px; /* DO NOT TOUCH */}
  136.  
  137. .header_two:hover {height: 150px; /* DO NOT TOUCH */}
  138.  
  139. /*----------------------------------------------------------SEARCH BAR-----*/
  140.  
  141. .search {
  142.     top: 55px; /* INCREASE = SHIFT DOWN, DESCREASE = SHIFT UP */
  143.     opacity: .8; /* INCREASE = OPAQUE, DECREASE = TRANSPARENT */
  144. position: absolute; /* DO NOT TOUCH */
  145. width: 400px; /* DO NOT TOUCH */
  146. -webkit-transition: all .9s ease; /* DO NOT TOUCH */
  147. transition: all .9s ease; /* DO NOT TOUCH */
  148. -moz-transition: all .9s ease; /* DO NOT TOUCH */
  149. -o-transition: all .9s ease; /* DO NOT TOUCH */}
  150.  
  151. .search:hover {opacity: 1; /* INCREASE = OPAQUE, DECREASE = TRANSPARENT */}
  152.  
  153. .sfm input {
  154.     font-family: calibri; /* FONT FAMILY */
  155.     background-color: #B0E0E6; /* SEARCH BAR BACKGROUND COLOR */
  156.     font-size: 10px; /* SEARCH BAR FONT SIZE */
  157.     color: #fefefe; /* SEARCH BAR FONT COLOR */
  158.     font-style: normal; /* OPTIONS: NORMAL, OBLIQUE, BOLD */
  159.     text-transform: uppercase; /* OPTIONS: UPPERCASE, LOWERCASE, NONE */
  160.     letter-spacing: 3px; /* INCREASE = LETTERS FURTHER APART, DECREASE = LETTERS CLOSER TO EACH OTHER */
  161. padding: 4px 8px; /* DO NOT TOUCH */
  162. border: 0px; /* DO NOT TOUCH */    
  163. margin-top: 0px; /* DO NOT TOUCH */}
  164.    
  165. #sb {
  166.     cursor: help; /* REMOVE THIS IF YOU DO NOT PREFER THE HELP CURSOR */
  167. height: 30px; /* DO NOT TOUCH */
  168. width: 30px; /* DO NOT TOUCH */
  169. vertical-align: top; /* DO NOT TOUCH */}
  170.    
  171. #sf {
  172. width: 334px; /* DO NOT TOUCH */
  173. height: 30px; /* DO NOT TOUCH */}
  174.  
  175. /*----------------------------------------------------------SEARCH BAR-----*/
  176.  
  177. .header_center, .headertwo_center {
  178. width: 748px; /* DO NOT TOUCH */
  179. position: relative; /* DO NOT TOUCH */
  180. margin-left: auto; /* DO NOT TOUCH */
  181. margin-right: auto; /* DO NOT TOUCH */ }
  182.  
  183. .headertwo_center {width: 400px; /* DO NOT TOUCH */}
  184.  
  185. /*----------------------------------------------HEADER TITLE CSS BEGINS-----*/
  186.  
  187. .titlebox_perm {
  188.     border-right: 1px solid #ddd; /* THIN BORDER COLOR */
  189. position: absolute; /* DO NOT TOUCH */
  190. width: 269px; /* DO NOT TOUCH */
  191. height: 120px; /* DO NOT TOUCH */
  192. margin-top: 15px; /* DO NOT TOUCH */
  193. margin-left: 0px; /* DO NOT TOUCH */}
  194.  
  195. .titlebox, .titlebox_2 {
  196. position: absolute; /* DO NOT TOUCH */
  197. width: 269px; /* DO NOT TOUCH */
  198. height: 120px; /* DO NOT TOUCH */
  199. -webkit-transition: all .9s ease; /* DO NOT TOUCH */
  200. transition: all .9s ease; /* DO NOT TOUCH */
  201. -moz-transition: all .9s ease; /* DO NOT TOUCH */
  202. -o-transition: all .9s ease; /* DO NOT TOUCH */}
  203.  
  204. .titlebox {
  205. transition-delay: .8s; /* DO NOT TOUCH */
  206. opacity: 1; /* DO NOT TOUCH */}
  207.  
  208. .titlebox_2 {
  209. opacity: 0; /* DO NOT TOUCH */
  210. word-spacing: 10px; /* DO NOT TOUCH */
  211. transition-delay: 0s; /* DO NOT TOUCH */}
  212.  
  213. .titlebox_perm:hover .titlebox {
  214. opacity: 0; /* DO NOT TOUCH */
  215. word-spacing: 10px; /* DO NOT TOUCH */
  216. transition-delay: 0s; /* DO NOT TOUCH */}
  217.  
  218. .titlebox_perm:hover .titlebox_2 {
  219. opacity: 1; /* DO NOT TOUCH */
  220. word-spacing: 0px; /* DO NOT TOUCH */
  221. transition-delay: .8s; /* DO NOT TOUCH */}
  222.  
  223. /*------------------------------------------------HEADER TITLE CSS ENDS-----*/
  224.  
  225. /*----------------------------------------HEADER DESCRIPTION CSS BEGINS-----*/
  226.  
  227. .descbox, .descbox_other, .descbox_out {
  228.     background-color: #fafafa; /* MATCH THIS WITH THE HEADER BACKGROUND COLOR - VERY IMPORTANT !!!! */
  229. position: absolute; /* DO NOT TOUCH */
  230. vertical-align: middle; /* DO NOT TOUCH */
  231. width: 429px; /* DO NOT TOUCH */
  232. height: 110px; /* DO NOT TOUCH */
  233. top: 15px; /* DO NOT TOUCH */
  234. left: 286px; /* DO NOT TOUCH */
  235. padding-left: 15px; /* DO NOT TOUCH */}
  236.  
  237. .descbox {overflow: hidden; /* DO NOT TOUCH */}
  238.  
  239. .descbox_other, .descbox_out {width: 411px; /* DO NOT TOUCH */}
  240.  
  241. .descbox_other {
  242.     text-align: justify; /* OPTIONS: JUSTIFY, LEFT, RIGHT, CENTER */
  243.     color: #bbb; /* HEADER TEXT COLOR */
  244.     font-family: calibri; /* FONT FAMILY */
  245.     text-transform: uppercase; /* OPTIONS: UPPERCASE, LOWERCASE, NONE */
  246.     font-size: 8px; /* FONT SIZE */
  247.     line-height: 10px; /* INCREASE = MORE SPACE BETWEEN EACH LINE, DECREASE = LESS SPACE BETWEEN EACH LINE */
  248.     letter-spacing: 3px; /* INCREASE = LETTERS ARE FURTHER APART, DECREASE = LETTERS ARE CLOSER TO EACH OTHER */
  249. word-spacing: 2px; /* DO NOT TOUCH */
  250. height: 102px; /* DO NOT TOUCH */
  251. width: 398px; /* DO NOT TOUCH */
  252. top: 0px; /* DO NOT TOUCH */
  253. left: 0px; /* DO NOT TOUCH */
  254. padding-top: 8px; /* DO NOT TOUCH */
  255. padding-left: 15px; /* DO NOT TOUCH */
  256. padding-right: 30px; /* DO NOT TOUCH */
  257. overflow: auto; /* DO NOT TOUCH */}
  258.  
  259. .x-out {
  260. position: absolute; /* DO NOT TOUCH */
  261. top: 0px; /* DO NOT TOUCH */
  262. width: 20px; /* DO NOT TOUCH */
  263. height: 20px; /* DO NOT TOUCH */
  264. right: -55px; /* DO NOT TOUCH */}
  265. /*----------------------------------------HEADER DESCRIPTION CSS BEGINS-----*/
  266.  
  267. /*-----HEADER CSS ENDS------------------------------------------------------*/
  268.  
  269.  
  270. /*-----TEXT CSS BEGINS------------------------------------------------------*/
  271.  
  272. h1, h1 a {
  273.     color: #B0E0E6 !important /* HEADER TITLE TEXT COLOR */;
  274.     font-family: calibri; /* HEADER TITLE FONT FAMILY */
  275.     font-style: oblique; /* OPTIONS: NORMAL, OBLIQUE, BOLD */
  276.     font-size: 20px; /* HEADER TITLE FONT SIZE */
  277.     letter-spacing: 10px; /* INCREASE = LETTERS ARE FURTHER APART, DECREASE = LETTERS ARE CLOSER TO EACH OTHER */
  278.     text-transform: uppercase; /* OPTIONS: UPPERCASE, LOWERCASE, NONE */
  279. margin-top: 35px; /* DO NOT TOUCH */
  280. text-decoration: none; /* DO NOT TOUCH */
  281. text-align: center; /* DO NOT TOUCH */
  282. padding: 10px; /* DO NOT TOUCH */ }
  283.  
  284. h1 a {cursor: help; /*REMOVE THIS LINE IF YOU DO NOT PREFER THE HELP CURSOR*/}
  285.  
  286. h2 {
  287.     color: #fafafa !important /* BANNER TEXT COLOR */;
  288.     font-family: calibri; /* BANNER FONT FAMILY */
  289.     font-style: oblique; /* OPTIONS: NORMAL, OBLIQUE, BOLD */
  290.     font-size: 18px; /* BANNER FONT SIZE */
  291.     letter-spacing: 9px; /* INCREASE = LETTERS ARE FURTHER APART, DECREASE = LETTERS ARE CLOSER TO EACH OTHER */
  292.     text-transform: uppercase; /* OPTIONS: UPPERCASE, LOWERCASE, NONE */
  293.     cursor: help; /*REMOVE THIS LINE IF YOU DO NOT PREFER THE HELP CURSOR*/
  294. padding: 15px; /* DO NOT TOUCH */
  295. text-align: center; /* DO NOT TOUCH */
  296. text-decoration: none; /* DO NOT TOUCH */
  297. margin-top: 20px; /* DO NOT TOUCH */}
  298.  
  299. h2::first-letter {color: #B0E0E6; /* BANNER FIRST LETTER COLOR */}
  300.  
  301. p {
  302.     text-align: justify; /* OPTIONS: JUSTIFY, LEFT, RIGHT, CENTER */
  303.     color: #bbb; /* DESCRIPTION TEXT COLOR */
  304.     font-family: calibri; /* DESCRIPTION FONT FAMILY */
  305.     text-transform: uppercase; /* OPTIONS: UPPERCASE, LOWERCASE, NONE */
  306.     font-size: 8px; /* DESCRIPTION FONT FAMILY */
  307.     letter-spacing: 3px; /* INCREASE = LETTERS ARE FURTHER APART, DECREASE = LETTERS ARE CLOSER TO EACH OTHER */
  308.     line-height: 10px; /* INCREASE = MORE SPACE BETWEEN EACH LINE, DECREASE = LESS SPACE BETWEEN EACH LINE */
  309. word-spacing: 2px; /* DO NOT TOUCH */}
  310.  
  311. l1, l1 a {
  312.     font-family: calibri; /* LINK FONT FAMILY */
  313.     cursor: help; /* REMOVE THIS LINE IF YOU DO NOT PREFER THE HELP CURSOR */
  314.     text-transform: uppercase; /* OPTIONS: UPPERCASE, LOWERCASE, NONE */
  315.     color: #bbb; /* LNK FONT COLOR */
  316.     font-size: 8px; /* LINK FONT SIZE */
  317.     letter-spacing: 3px; /* INCREASE = LETTERS ARE FURTHER APART, DECREASE = LETTERS ARE CLOSER TO EACH OTHER */
  318. text-decoration: none; /* DO NOT TOUCH */
  319. -webkit-transition: 0.9s ease; /* DO NOT TOUCH */
  320. transition: 0.9s ease; /* DO NOT TOUCH */
  321. -o-transition: 0.9s ease; /* DO NOT TOUCH */
  322. -moz-transition: 0.9s ease; /* DO NOT TOUCH */ }
  323.  
  324. .linkboxs:hover l1 a {
  325.     letter-spacing: 5px; /* !!!ON HOVER!!! INCREASE = LETTERS ARE FURTHER APART, DECREASE = LETTERS ARE CLOSER TO EACH OTHER */
  326.     font-style: oblique; /* OPTIONS: NORMAL, OBLIQUE, BOLD */}
  327.  
  328. l2, l2 a {
  329. color: #ddd !important /* X-OUT TEXT COLOR */;
  330. font-size: 18px; /* X-OUT FONT SIZE */
  331. cursor: help; /* REMOVE THIS LINE IF YOU DO NOT PREFER THE HELP CURSOR */
  332. text-align: center; /* DO NOT TOUCH */
  333. text-decoration: none; /* DO NOT TOUCH */}
  334.  
  335. i, em {color: #666; /* ITALIC TEXT COLOR */}
  336.  
  337. b, strong {
  338. color: #555; /* BOLD TEXT COLOR */}
  339.  
  340. ul,ol {
  341. margin-left: 10px; /* LIST TEXT COLOR */
  342. padding: 5px; /* DO NOT TOUCH */ }
  343.  
  344. u {
  345. text-decoration:none; /* DO NOT TOUCH */
  346. color: #bbb; /* UNDERLINE TEXT COLOR */
  347. border-bottom:1px solid #bbb; /* UNDERLINE TEXT COLOR */}
  348.  
  349. blockquote {
  350. border-left: 2px solid #bbb; /* BLOCKQUOTE COLOR */
  351. margin: 3px; /* DO NOT TOUCH */
  352. padding: 2px 5px;  /* DO NOT TOUCH */}
  353.  
  354. li {
  355. color: #222; /* LIST TEXT COLOR */
  356. font-size: 8px; /* LIST FONT SIZE */
  357. letter-spacing: 3px; /* INCREASE = LETTERS ARE FURTHER APART, DECREASE = LETTERS ARE CLOSER TO EACH OTHER */
  358. text-transform: uppercase; /* OPTIONS: UPPERCASE, LOWERCASE, NONE */
  359. margin-left: 10px; /* DO NOT TOUCH */
  360. padding: 5px; /* DO NOT TOUCH */}
  361.  
  362. /*-----TEXT CSS ENDS--------------------------------------------------------*/
  363.  
  364.  
  365. /*-----TAGS CSS BEGINS------------------------------------------------------*/
  366.  
  367. .stuff {
  368. position:absolute; /* DO NOT TOUCH */
  369. width:100%; /* DO NOT TOUCH */
  370. padding-top: 155px; /* DO NOT TOUCH */
  371. top: 0px; margin-left: 0px; /* DO NOT TOUCH */}
  372.  
  373. .column_1, .column_2, .column_3 {
  374. position: absolute;
  375. width: 228px; /* DO NOT TOUCH */
  376. left: 0px; /* DO NOT TOUCH */
  377. margin-top: 0px; /* DO NOT TOUCH */}
  378.  
  379. .column_2 {left: 249px; /* DO NOT TOUCH */}
  380. .column_3 {left: 500px; /* DO NOT TOUCH */}
  381.  
  382. .buffer {
  383. width: 100%; /* DO NOT TOUCH */
  384. height: 55px; /* DO NOT TOUCH */}
  385.  
  386. .linkbox {
  387. overflow-y: hidden; /* DO NOT TOUCH */
  388. overflow-x: hidden; /* DO NOT TOUCH */
  389. position: absolute; /* DO NOT TOUCH */
  390. width:230px; /* DO NOT TOUCH */}
  391.  
  392. .tag_header {
  393. width: 228px; /* DO NOT TOUCH */
  394. height: 90px; /* DO NOT TOUCH */
  395. overflow: hidden; /* DO NOT TOUCH */}
  396.  
  397. .tag_pic {
  398. position: absolute; /* DO NOT TOUCH */
  399. overflow: hidden; /* DO NOT TOUCH */
  400. width: 228px; /* DO NOT TOUCH */
  401. height: 90px; /* DO NOT TOUCH */}
  402.  
  403. .tag_pic img {
  404. width: 100%; /* DO NOT TOUCH */
  405. height: 100%; /* DO NOT TOUCH */
  406. -webkit-transition: 0.9s ease; /* DO NOT TOUCH */
  407. transition: 0.9s ease; /* DO NOT TOUCH */
  408. -o-transition: 0.9s ease; /* DO NOT TOUCH */
  409. -moz-transition: 0.9s ease; /* DO NOT TOUCH */}
  410.  
  411. .tagbox:hover .tag_pic img {
  412. margin-left: -50px; /* DO NOT TOUCH */
  413. margin-top: -20px; /* DO NOT TOUCH */
  414. width: 150%; /* DO NOT TOUCH */
  415. height: 150%; /* DO NOT TOUCH */}
  416.  
  417. .tag_titlebox {
  418.     background: rgba(0,0,0,.2); /* BANNER IMAGE OPACITY; REPLACE THE "0's" WITH "255" TO MAKE TRANSPARENT WHITE INSTEAD OF BLACK TRANSPARENT. ALSO TOGGLE WITH THE ".2" TO INCREASE OF DECREASE OPACITY */  
  419. position: absolute; /* DO NOT TOUCH */
  420. width: 228px; /* DO NOT TOUCH */
  421. height: 90px; /* DO NOT TOUCH */ }
  422.  
  423. .tag_title_one, .tag_title_two {
  424. position: absolute; /* DO NOT TOUCH */
  425. width: 228px; /* DO NOT TOUCH */
  426. height: 90px; /* DO NOT TOUCH */
  427. -webkit-transition: all .9s ease; /* DO NOT TOUCH */
  428. transition: all .9s ease; /* DO NOT TOUCH */
  429. -moz-transition: all .9s ease; /* DO NOT TOUCH */
  430. -o-transition: all .9s ease; /* DO NOT TOUCH */}
  431.  
  432. .tag_title_one {
  433. transition-delay: .6s; /* DO NOT TOUCH */
  434. opacity: 1; /* DO NOT TOUCH */}
  435.  
  436. .tag_title_two {
  437. text-align: center; /* DO NOT TOUCH */
  438. opacity: 0; /* DO NOT TOUCH */
  439. transition-delay: 0s; /* DO NOT TOUCH */}
  440.  
  441. .tagbox:hover .tag_title_one {
  442. opacity: 0; /* DO NOT TOUCH */
  443. transition-delay: 0s; /* DO NOT TOUCH */}
  444.  
  445. .tagbox:hover .tag_title_two {
  446. opacity: 1; /* DO NOT TOUCH */
  447. transition-delay: .6s; /* DO NOT TOUCH */}
  448.  
  449. .tagbox {
  450.     border: 1px solid #eee; /* TAGBOX BORDER COLOR */
  451.     background: #fbfbfb; /* TAGBOX BACKGROUND COLOR */
  452. margin-left: 0px; /* DO NOT TOUCH */
  453. margin-top: 20px; /* DO NOT TOUCH */
  454. overflow: hidden; /* DO NOT TOUCH */
  455. position:relative; /* DO NOT TOUCH */
  456. width:228px;  /* DO NOT TOUCH */
  457. height:365px; /* DO NOT TOUCH */}
  458.  
  459. .linkboxs {
  460. text-align: center; /* DO NOT TOUCH */
  461. width: 228px; /* DO NOT TOUCH */
  462. max-height: 18px; /* DO NOT TOUCH */
  463. overflow: hidden; /* DO NOT TOUCH */
  464. padding: 6px; /* DO NOT TOUCH */}
  465.  
  466. /*-----TAGS CSS ENDS--------------------------------------------------------*/
  467.  
  468.  
  469. /*-----CREDIT CSS BEGINS----------------------------------------------------*/
  470. .c img{
  471. padding-left: 2.5px; /* DO NOT TOUCH */
  472. padding-top: 2px; /* DO NOT TOUCH */
  473. border-radius: 500px; /* DO NOT TOUCH */
  474. opacity: 0; /* DO NOT TOUCH */
  475. width:25px; /* DO NOT TOUCH */
  476. height: 25px; /* DO NOT TOUCH */
  477. -webkit-transition: 0.9s ease; /* DO NOT TOUCH */
  478. transition: 0.9s ease; /* DO NOT TOUCH */
  479. -o-transition: 0.9s ease; /* DO NOT TOUCH */
  480. -moz-transition: 0.9s ease; /* DO NOT TOUCH */}
  481.  
  482. .c{
  483.     background-color: rgba(0,0,0,0.2); /* REPLACE THE "0's" WITH "255" TO MAKE TRANSPARENT WHITE INSTEAD OF BLACK TRANSPARENT. ALSO TOGGLE WITH THE ".2" TO INCREASE OF DECREASE OPACITY */
  484. overflow: hidden; /* DO NOT TOUCH */
  485. position:fixed; /* DO NOT TOUCH */
  486. right:10px; /* DO NOT TOUCH */
  487. bottom:45px; /* DO NOT TOUCH */
  488. width: 30px; /* DO NOT TOUCH */
  489. height: 30px; /* DO NOT TOUCH */
  490. border-radius: 500px; /* DO NOT TOUCH */}
  491.  
  492.  
  493. .c img:hover{opacity: 1; /* DO NOT TOUCH */ }
  494.  
  495. /*-----CREDIT CSS ENDS------------------------------------------------------*/
  496.  
  497.  
  498. /*-----NO TOUCHY------------------------------------------------------------*/
  499.  
  500. .hidden {display: none;}
  501. .unhidden {display: block;}
  502.  
  503. .hidden {visibility: hidden;}
  504. .unhidden {visibility: visible;}
  505.  
  506. /*-----NO TOUCHY------------------------------------------------------------*/
  507.  
  508. </style>
  509.  
  510. <!-----NO TOUCHY------------------------------------------------------------->
  511.  
  512. <script type="text/javascript">
  513.  function unhide(divID) {
  514.  var item = document.getElementById(divID);
  515.  if (item) {
  516.  item.className=(item.className=='hidden')?'unhidden':'hidden';
  517.  }
  518.  }
  519. </script>
  520.  
  521. <!-----NO TOUCHY------------------------------------------------------------->
  522.  
  523. </head>
  524. <body>
  525.  
  526. <div id="content">
  527.  
  528. <div class="headerbg"></div>
  529. <div class="header">
  530.  
  531. <!-----REMOVE LINES 531 - 546 TO REMOVE MUSIC PLAYER------------------------>
  532.  
  533. <div class="music">
  534. <div class="music_one">
  535. <!-----------------------------------------INSERT BILLY MUSIC CODE BELOW----->
  536. <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://k003.kiwi6.com/hotlink/isfq5qyu2f/Florence_And_The_Machine_-_Cosmic_Love_Seven_Lions_Remix_.mp3&t0=Cosmic Love&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
  537. <!-----------------------------------------INSERT BILLY MUSIC CODE ABOVE----->
  538. </div><!--music_one-->  
  539. <div class="music_two">
  540. <!------------------------------INSERT MUSIC GIF IN THE QUOTATIONS BELOW----->
  541. <img src="http://static.tumblr.com/cbjpgjf/qLVngeb7b/music.gif"/>  
  542. <!------------------------------INSERT MUSIC GIF IN THE QUOTATIONS ABOVE----->
  543. </div><!--music_two-->  
  544. </div><!--music-->
  545.  
  546. <!-----REMOVE LINES 531 - 546 TO REMOVE MUSIC PLAYER------------------------->
  547.  
  548. <div class="header_center">
  549.  
  550. <div class="titlebox_perm">
  551. <div class="titlebox">
  552. <h1>
  553. <!-----REPLACE HEADER TITLE BELOW-------------------------------------------->
  554. Filed Under
  555. <!-----REPLACE HEADER TITLE ABOVE-------------------------------------------->
  556. </h1>    
  557. </div><!--titlebox-->
  558. <div class="titlebox_2">
  559. <h1>
  560. <a href="/">
  561. <!-----REPLACE HEADER TITLE ON HOVER BELOW----------------------------------->
  562. Head Back
  563. <!-----REPLACE HEADER TITLE ON HOVER ABOVE----------------------------------->
  564. </a>
  565. </h1>  
  566. </div><!--titlebox_2-->
  567. </div><!--titlebox_perm-->
  568.  
  569. <div class="descbox">
  570. <p>
  571. <!-----REPLACE GENERAL DESCRIPTION BELOW------------------------------------->
  572. <b>Lorem ipsum dolor sit amet</b>, <i>consectetur</i> adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  573. <br>
  574. <br>
  575. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sun, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae.  
  576. <!-----REPLACE GENERAL DESCRIPTION ABOVE------------------------------------->
  577. </p>
  578. </div><!--descbox-->
  579.  
  580. <div id="displaybx_0" class="hidden">
  581. <div class="descbox_out">
  582. <a href="javascript:unhide('displaybx_0');">
  583. <div class="x-out"><l2><span class="fontawesome-remove"></span></l2></div>
  584. </a>
  585. <div class="descbox_other">
  586. <!-----REPLACE COLUMN #1, TAG BOX #1 DESCRIPTION BELOW---------------------->
  587. The root of all evil is madness, but madness exists in everything. In order to control this paradox, Death-the Shepard of souls, serves as guardian to mankind. Each soul is unique for both it's nature and moral allegiance-a pure soul radiates serenity and strength, a tainted soul radiates madness and unfettered power. While adherence to the former may result in Godhood, lust for the latter will result in the birth of a demon lord- and thus the destroyer of worlds. The balance between these extremes is maintained through the eternal vigilance of Lord Death and his followers, who serve as both his arm and his judgement.
  588. <br>
  589. <br>
  590. "Soul Eater" follows three teams of Meisters and weapons as they strive to become the strongest protectors of humanity at an Academy founded by Lord Death, who has bound his soul to a city under which the first demon lord's remains reside. Should he ever re-awaken, the world would be ripped asunder-and these unlikely heroes will have to exceed even their own potentials to prevent that from becoming a reality.
  591. <!-----REPLACE COLUMN #1, TAG BOX #1 DESCRIPTION ABOVE---------------------->
  592. </div><!--descbox_other-->
  593. </div><!--descbox_out-->
  594. </div>
  595.  
  596. <div id="displaybx_1" class="hidden">
  597. <div class="descbox_out">
  598. <a href="javascript:unhide('displaybx_1');">
  599. <div class="x-out"><l2><span class="fontawesome-remove"></span></l2></div>
  600. </a>
  601. <div class="descbox_other">
  602. <!-----REPLACE COLUMN #1, TAG BOX #2 DESCRIPTION BELOW---------------------->
  603. In a bleak future where humanity is oppressed by an army of mutants and forced to live underground, a young orphan unearths a powerful robot. Together with a boisterous man named Kamina, a beautiful sharpshooter named Yoko and many other friends, they use the robots power to fight against their oppressors and take back the surface.
  604. <!-----REPLACE COLUMN #1, TAG BOX #2 DESCRIPTION ABOVE---------------------->
  605. </div><!--descbox_other-->
  606. </div><!--descbox_out-->
  607. </div>
  608.  
  609. <div id="displaybx_2" class="hidden">
  610. <div class="descbox_out">
  611. <a href="javascript:unhide('displaybx_2');">
  612. <div class="x-out"><l2><span class="fontawesome-remove"></span></l2></div>
  613. </a>
  614. <div class="descbox_other">
  615. <!-----REPLACE COLUMN #2, TAG BOX #1 DESCRIPTION BELOW---------------------->
  616. Many years ago, in the hidden village of Konoha, lived a great demon fox. When it swung one of it's nine tails, a tsunami occurred. The fourth hokage sealed this demon fox inside a boy in exchange for his own life. Naruto was that boy, and he grew up with no family, and the villagers hated him thinking that he himself was the demon fox. Naruto's dream is to become Hokage, and have the villagers acknowledge him.
  617. <!-----REPLACE COLUMN #2, TAG BOX #1 DESCRIPTION ABOVE---------------------->
  618. </div><!--descbox_other-->
  619. </div><!--descbox_out-->
  620. </div>
  621.  
  622. <div id="displaybx_3" class="hidden">
  623. <div class="descbox_out">
  624. <a href="javascript:unhide('displaybx_3');">
  625. <div class="x-out"><l2><span class="fontawesome-remove"></span></l2></div>
  626. </a>
  627. <div class="descbox_other">
  628. <!-----REPLACE TAG BOX #4 DESCRIPTION BELOW---------------------------------->
  629. When he was young, gifted freestyle swimmer Haruka Nanase competed in an elementary school relay team with his childhood friends Makoto Tachibana, Nagisa Hazuki and Rin Matsuoka. After winning a championship together they parted ways, with Rin leaving the country to follow his dream of reaching the Olympic level.
  630. <br>
  631. <br>
  632. When Rin returns years later with a nasty new attitude and a major grudge against Haruka, his reappearance sets in motion a series of events that lead to the founding of the Iwatobi High School Swimming Club. Along with Makoto, Nagisa, rookie Rei Ryugazaki and manager Gou Matsuoka, Haruka reawakens his passion for competitive swimming in the hope of getting through to Rin.
  633. <!-----REPLACE TAG BOX #4 DESCRIPTION ABOVE---------------------------------->
  634. </div><!--descbox_other-->
  635. </div><!--descbox_out-->
  636. </div>
  637.  
  638. <div id="displaybx_4" class="hidden">
  639. <div class="descbox_out">
  640. <a href="javascript:unhide('displaybx_4');">
  641. <div class="x-out"><l2><span class="fontawesome-remove"></span></l2></div>
  642. </a>
  643. <div class="descbox_other">
  644. <!-----REPLACE TAG BOX #5 DESCRIPTION BELOW---------------------------------->
  645. Honnouji Academy is forcefully ruled by the iron-fisted control of its student council and its president, Satsuki Kiryuuin. Transfer student, Ryuuko Matoi, arrives on campus carrying a giant sword, that is actually half of a scissor. She is looking for the woman who holds the other half of her sword who killed her father. It is said that Satsuki Kiryuuin knows the identity of the killer but when Ryuuko confronts her she is beaten by the student council and their powerful "goku uniforms" whom she cannot match in strength. However, once Ryuuko receives her own "Kamui" by the name of Senketsu , the odds are lifted in her favor.
  646. <!-----REPLACE TAG BOX #5 DESCRIPTION ABOVE---------------------------------->
  647. </div><!--descbox_other-->
  648. </div><!--descbox_out-->
  649. </div>
  650.  
  651. <div id="displaybx_5" class="hidden">
  652. <div class="descbox_out">
  653. <a href="javascript:unhide('displaybx_5');">
  654. <div class="x-out"><l2><span class="fontawesome-remove"></span></l2></div>
  655. </a>
  656. <div class="descbox_other">
  657. <!-----REPLACE TAG BOX #6 DESCRIPTION BELOW---------------------------------->
  658. Two brothers lose their mother to an incurable disease. With the power of "alchemy", they use taboo knowledge to resurrect her. The process fails, and as a toll for using this type of alchemy, the older brother, Edward Elric loses his left leg while the younger brother, Alphonse Elric loses his entire body. To save his brother, Edward sacrifices his right arm and is able to affix his brother's soul to a suit of armor. With the help of a family friend, Edward receives metal limbs - "automail" - to replace his lost ones. With that, Edward vows to search for the Philosopher's Stone to return the brothers to their original bodies, even if it means becoming a "State Alchemist", one who uses his/her alchemy for the military.
  659. <!-----REPLACE TAG BOX #6 DESCRIPTION ABOVE---------------------------------->
  660. </div><!--descbox_other-->
  661. </div><!--descbox_out-->
  662. </div>
  663.  
  664. <!--- REMOVE THIS LINE FOR THE EXTRA TAG BOX (POP-UP DESC.) IN COLUMN #1
  665.  
  666. <div id="displaybx_6" class="hidden">
  667. <div class="descbox_out">
  668. <a href="javascript:unhide('displaybx_6');">
  669. <div class="x-out"><l2><span class="fontawesome-remove"></span></l2></div>
  670. </a>
  671. <div class="descbox_other">
  672. COLUMN #1, EXTRA TAG BOX DESCRIPTION HERE
  673. </div>
  674. </div>
  675. </div>
  676.  
  677. REMOVE THIS LINE FOR THE EXTRA TAG BOX (POP-UP DESC.) IN COLUMN #2 -->
  678.  
  679. <!--- REMOVE THIS LINE FOR THE EXTRA TAG BOX (POP-UP DESC.) IN COLUMN #1
  680.  
  681. <div id="displaybx_7" class="hidden">
  682. <div class="descbox_out">
  683. <a href="javascript:unhide('displaybx_7');">
  684. <div class="x-out"><l2><span class="fontawesome-remove"></span></l2></div>
  685. </a>
  686. <div class="descbox_other">
  687. COLUMN #1, EXTRA TAG BOX DESCRIPTION HERE
  688. </div>
  689. </div>
  690. </div>
  691.  
  692. REMOVE THIS LINE FOR THE EXTRA TAG BOX (POP-UP DESC.) IN COLUMN #2 -->
  693.  
  694. <!--- REMOVE THIS LINE FOR THE EXTRA TAG BOX (POP-UP DESC.) IN COLUMN #3
  695.  
  696. <div id="displaybx_8" class="hidden">
  697. <div class="descbox_out">
  698. <a href="javascript:unhide('displaybx_8');">
  699. <div class="x-out"><l2><span class="fontawesome-remove"></span></l2></div>
  700. </a>
  701. <div class="descbox_other">
  702. COLUMN #1, EXTRA TAG BOX DESCRIPTION HERE
  703. </div>
  704. </div>
  705. </div>
  706.  
  707. REMOVE THIS LINE FOR THE EXTRA TAG BOX (POP-UP DESC.) IN COLUMN #3 -->
  708.  
  709. </div><!--header_center-->    
  710. </div><!--header-->
  711.  
  712. <div class="header_two">
  713. <div class="headertwo_center">
  714. <div class="search">
  715. <form action="/search" method="get" class="sfm">
  716. <input type="text" name="q" value="{SearchQuery}" id="sf"/>
  717. <input type="image" value="Search" src="http://static.tumblr.com/cbjpgjf/cZGngfm7q/search.gif" id="sb"/></form></form>  
  718. </div><!--search-->
  719. </div><!--header_center-->
  720. </div><!--header_two-->
  721.  
  722. <div class="stuff">
  723.  
  724. <div class="column_1">
  725.  
  726. <!------COLUMN #1, TAG BOX #1 BEGINS HERE------------------------------------>
  727. <div class="tagbox">
  728.  
  729. <div class="tag_header">
  730. <div class="tag_pic">
  731. <!-----BANNER: REPLACE IMAGE URL WITHIN QUOTATIONS------------------------->
  732. <img src="http://static.tumblr.com/cbjpgjf/g0Vnge24h/tag2.jpg"/>    
  733. <!-----BANNER: REPLACE IMAGE URL WITHIN QUOTATIONS------------------------->
  734. </div><!--tag_pic-->  
  735. <div class="tag_titlebox">
  736. <div class="tag_title_one">
  737. <h2><!-----REPLACE TAG TITLE BELOW---------------------------------------->
  738. Soul Eater
  739. <!-----REPLACE TAG TITLE ABOVE---------------------------------------></h2>
  740. </div><!--tag_title_one-->
  741. <a href="javascript:unhide('displaybx_0');">
  742. <div class="tag_title_two">
  743. <h2>Read More</h2>
  744. </div><!--tag_title_two--></a>
  745. </div><!--tag_titlebox-->
  746. </div><!--tag_header-->
  747.    
  748. <div class="linkbox">
  749.    
  750. <div class="linkboxs"><l1><a href="URL GOES HERE">
  751. <!-----LINK TITLE----------------------------------------------------------->
  752. Shibusen
  753. <!-----LINK TITLE----------------------------------------------------------->
  754. </a></l1></div>
  755.    
  756. <div class="linkboxs"><l1><a href="URL GOES HERE">
  757. <!-----LINK TITLE----------------------------------------------------------->
  758. Soul Resonance
  759. <!-----LINK TITLE----------------------------------------------------------->
  760. </a></l1></div>
  761.    
  762. <div class="linkboxs"><l1><a href="URL GOES HERE">
  763. <!-----LINK TITLE----------------------------------------------------------->
  764. Meister
  765. <!-----LINK TITLE----------------------------------------------------------->
  766. </a></l1></div>
  767.    
  768. <div class="linkboxs"><l1><a href="URL GOES HERE">
  769. <!-----LINK TITLE----------------------------------------------------------->
  770. Grim Reaper
  771. <!-----LINK TITLE----------------------------------------------------------->
  772. </a></l1></div>
  773.    
  774. <div class="linkboxs"><l1><a href="URL GOES HERE">
  775. <!-----LINK TITLE----------------------------------------------------------->
  776. Kishin
  777. <!-----LINK TITLE----------------------------------------------------------->
  778. </a></l1></div>
  779.    
  780. <div class="linkboxs"><l1><a href="URL GOES HERE">
  781. <!-----LINK TITLE----------------------------------------------------------->
  782. Shinigami
  783. <!-----LINK TITLE----------------------------------------------------------->
  784. </a></l1></div>
  785.    
  786. <div class="linkboxs"><l1><a href="URL GOES HERE">
  787. <!-----LINK TITLE----------------------------------------------------------->
  788. Death Scythe
  789. <!-----LINK TITLE----------------------------------------------------------->
  790. </a></l1></div>
  791.  
  792. <div class="linkboxs"><l1><a href="URL GOES HERE">
  793. <!-----LINK TITLE----------------------------------------------------------->
  794. Shinigami
  795. <!-----LINK TITLE----------------------------------------------------------->
  796. </a></l1></div>
  797.    
  798. <div class="linkboxs"><l1><a href="URL GOES HERE">
  799. <!-----LINK TITLE----------------------------------------------------------->
  800. Death Scythe
  801. <!-----LINK TITLE----------------------------------------------------------->
  802. </a></l1></div>
  803.  
  804. </div><!--linkbox-->
  805. </div><!--tagbox-->
  806. <!------COLUMN #1, TAG BOX #1 ENDS HERE-------------------------------------->    
  807.  
  808. <!------COLUMN #1, TAG BOX #2 BEGINS HERE------------------------------------>
  809. <div class="tagbox">
  810. <div class="tag_header">
  811. <div class="tag_pic">
  812. <!-----BANNER: REPLACE IMAGE URL WITHIN QUOTATIONS------------------------->
  813. <img src="http://static.tumblr.com/cbjpgjf/zvIngeek3/tag4.jpg"/>  
  814. <!-----BANNER: REPLACE IMAGE URL WITHIN QUOTATIONS------------------------->
  815. </div><!--tag_pic-->  
  816. <div class="tag_titlebox">
  817. <div class="tag_title_one">
  818. <h2><!-----REPLACE TAG TITLE  BELOW---------------------------------------->
  819. TTGL
  820. <!-----REPLACE TAG TITLE ABOVE---------------------------------------></h2>
  821. </div><!--tag_title_one-->
  822. <a href="javascript:unhide('displaybx_1');">
  823. <div class="tag_title_two">
  824. <h2>Read More</h2>
  825. </div><!--tag_title_two--></a>
  826. </div><!--tag_titlebox-->
  827. </div><!--tag_header-->
  828.    
  829. <div class="linkbox">
  830.    
  831. <div class="linkboxs"><l1><a href="URL GOES HERE">
  832. <!-----LINK TITLE----------------------------------------------------------->
  833. Gunmen
  834. <!-----LINK TITLE----------------------------------------------------------->
  835. </a></l1></div>
  836.  
  837. <div class="linkboxs"><l1><a href="URL GOES HERE">
  838. <!-----LINK TITLE----------------------------------------------------------->
  839. Team Gurren
  840. <!-----LINK TITLE----------------------------------------------------------->
  841. </a></l1></div>
  842.  
  843. <div class="linkboxs"><l1><a href="URL GOES HERE">
  844. <!-----LINK TITLE----------------------------------------------------------->
  845. Spiral King
  846. <!-----LINK TITLE----------------------------------------------------------->
  847. </a></l1></div>
  848.  
  849. <div class="linkboxs"><l1><a href="URL GOES HERE">
  850. <!-----LINK TITLE----------------------------------------------------------->
  851. Core Drill
  852. <!-----LINK TITLE----------------------------------------------------------->
  853. </a></l1></div>
  854.  
  855. <div class="linkboxs"><l1><a href="URL GOES HERE">
  856. <!-----LINK TITLE----------------------------------------------------------->
  857. Spiral Nemisis
  858. <!-----LINK TITLE----------------------------------------------------------->
  859. </a></l1></div>
  860.  
  861. <div class="linkboxs"><l1><a href="URL GOES HERE">
  862. <!-----LINK TITLE----------------------------------------------------------->
  863. Lagann
  864. <!-----LINK TITLE----------------------------------------------------------->
  865. </a></l1></div>
  866.  
  867. <div class="linkboxs"><l1><a href="URL GOES HERE">
  868. <!-----LINK TITLE----------------------------------------------------------->
  869. The Surface
  870. <!-----LINK TITLE----------------------------------------------------------->
  871. </a></l1></div>
  872.  
  873. <div class="linkboxs"><l1><a href="URL GOES HERE">
  874. <!-----LINK TITLE----------------------------------------------------------->
  875. Underground
  876. <!-----LINK TITLE----------------------------------------------------------->
  877. </a></l1></div>
  878.  
  879. <div class="linkboxs"><l1><a href="URL GOES HERE">
  880. <!-----LINK TITLE----------------------------------------------------------->
  881. Sadness TBH
  882. <!-----LINK TITLE----------------------------------------------------------->
  883. </a></l1></div>
  884.  
  885. </div><!--linkbox-->
  886. </div><!--tagbox--->
  887. <!------COLUMN #1, TAG BOX #2 ENDS HERE-------------------------------------->
  888.  
  889. <!-- REMOVE THIS LINE FOR COLUMN #1 EXTRA TAG BOX
  890.  
  891. <div class="tagbox">
  892.  
  893. <div class="tag_header">
  894. <div class="tag_pic">
  895. <img src="BANNER-IMAGE-URL"/>    
  896. </div>
  897. <div class="tag_titlebox">
  898. <div class="tag_title_one">
  899. <h2>
  900. TAG BOX TITLE
  901. </h2>
  902. </div>
  903. <a href="javascript:unhide('displaybx_6');">
  904. <div class="tag_title_two">
  905. <h2>Read More</h2>
  906. </div></a>
  907. </div>
  908. </div>
  909.  
  910. <div class="linkbox">
  911.    
  912. <div class="linkboxs"><l1><a href="URL GOES HERE">
  913. LINK TITLE
  914. </a></l1></div>
  915.  
  916. <div class="linkboxs"><l1><a href="URL GOES HERE">
  917. LINK TITLE
  918. </a></l1></div>
  919.    
  920. <div class="linkboxs"><l1><a href="URL GOES HERE">
  921. LINK TITLE
  922. </a></l1></div>
  923.    
  924. <div class="linkboxs"><l1><a href="URL GOES HERE">
  925. LINK TITLE
  926. </a></l1></div>
  927.    
  928. <div class="linkboxs"><l1><a href="URL GOES HERE">
  929. LINK TITLE
  930. </a></l1></div>
  931.    
  932. <div class="linkboxs"><l1><a href="URL GOES HERE">
  933. LINK TITLE
  934. </a></l1></div>
  935.    
  936. <div class="linkboxs"><l1><a href="URL GOES HERE">
  937. LINK TITLE
  938. </a></l1></div>
  939.  
  940. <div class="linkboxs"><l1><a href="URL GOES HERE">
  941. LINK TITLE
  942. </a></l1></div>
  943.    
  944. <div class="linkboxs"><l1><a href="URL GOES HERE">
  945. LINK TITLE
  946. </a></l1></div>
  947.  
  948. </div>
  949. </div>
  950.  
  951. REMOVE THIS LINE FOR COLUMN #1 EXTRA TAG BOX -->  
  952.    
  953. <div class="buffer"></div>    
  954. </div><!--column_1-->
  955.  
  956. <div class="column_2">
  957.    
  958. <!------COLUMN #2, TAG BOX #1 BEGINS HERE------------------------------------>
  959. <div class="tagbox">
  960. <div class="tag_header">
  961. <div class="tag_pic">
  962. <!-----BANNER: REPLACE IMAGE URL WITHIN QUOTATIONS------------------------->
  963. <img src="http://static.tumblr.com/cbjpgjf/IQUngdxhp/tag1.jpg"/>  
  964. <!-----BANNER: REPLACE IMAGE URL WITHIN QUOTATIONS------------------------->
  965. </div><!--tag_pic-->  
  966. <div class="tag_titlebox">
  967. <div class="tag_title_one">
  968. <h2><!-----REPLACE TAG TITLE BELOW---------------------------------------->
  969. Naruto
  970. <!-----REPLACE TAG TITLE ABOVE---------------------------------------></h2>
  971. </div><!--tag_title_one-->
  972. <a href="javascript:unhide('displaybx_2');">
  973. <div class="tag_title_two"><h2>Read More</h2>
  974. </div><!--tag_title_two--></a>
  975. </div><!--tag_titlebox-->
  976. </div><!--tag_header-->
  977.    
  978. <div class="linkbox">
  979.    
  980. <div class="linkboxs"><l1><a href="URL GOES HERE">
  981. <!-----LINK TITLE----------------------------------------------------------->
  982. Team Seven
  983. <!-----LINK TITLE----------------------------------------------------------->
  984. </a></l1></div>
  985.    
  986. <div class="linkboxs"><l1><a href="URL GOES HERE">
  987. <!-----LINK TITLE----------------------------------------------------------->
  988. Hokage
  989. <!-----LINK TITLE----------------------------------------------------------->
  990. </a></l1></div>
  991.    
  992. <div class="linkboxs"><l1><a href="URL GOES HERE">
  993. <!-----LINK TITLE----------------------------------------------------------->
  994. Dattebayo
  995. <!-----LINK TITLE----------------------------------------------------------->
  996. </a></l1></div>
  997.    
  998. <div class="linkboxs"><l1><a href="URL GOES HERE">
  999. <!-----LINK TITLE----------------------------------------------------------->
  1000. Shinobi
  1001. <!-----LINK TITLE----------------------------------------------------------->
  1002. </a></l1></div>
  1003.    
  1004. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1005. <!-----LINK TITLE----------------------------------------------------------->
  1006. Sharingan
  1007. <!-----LINK TITLE----------------------------------------------------------->
  1008. </a></l1></div>
  1009.    
  1010. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1011. <!-----LINK TITLE----------------------------------------------------------->
  1012. Bloodshed
  1013. <!-----LINK TITLE----------------------------------------------------------->
  1014. </a></l1></div>
  1015.  
  1016. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1017. <!-----LINK TITLE----------------------------------------------------------->
  1018. Akatsuki
  1019. <!-----LINK TITLE----------------------------------------------------------->
  1020. </a></l1></div>
  1021.  
  1022. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1023. <!-----LINK TITLE----------------------------------------------------------->
  1024. Nine-Tails
  1025. <!-----LINK TITLE----------------------------------------------------------->
  1026. </a></l1></div>
  1027.  
  1028. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1029. <!-----LINK TITLE----------------------------------------------------------->
  1030. Chunin Exams
  1031. <!-----LINK TITLE----------------------------------------------------------->
  1032. </a></l1></div>
  1033.  
  1034. </div><!--linkbox-->
  1035. </div><!--tagbox-->
  1036. <!------COLUMN #2, TAG BOX #1 ENDS HERE-------------------------------------->
  1037.  
  1038. <!------COLUMN #2, TAG BOX #2 BEGINS HERE------------------------------------>
  1039. <div class="tagbox">
  1040. <div class="tag_header">
  1041. <div class="tag_pic">
  1042. <!-----BANNER: REPLACE IMAGE URL WITHIN QUOTATIONS------------------------->
  1043. <img src="http://static.tumblr.com/cbjpgjf/UCgngee85/ahhhhrehndfh.jpg"/>
  1044. <!-----BANNER: REPLACE IMAGE URL WITHIN QUOTATIONS------------------------->
  1045. </div><!--tag_pic-->  
  1046. <div class="tag_titlebox">
  1047. <div class="tag_title_one">
  1048. <h2><!-----REPLACE TAG TITLE BELOW---------------------------------------->
  1049. Free!
  1050. <!-----REPLACE TAG TITLE ABOVE---------------------------------------></h2>
  1051. </div><!--tag_title_one-->
  1052. <a href="javascript:unhide('displaybx_3');">
  1053. <div class="tag_title_two">
  1054. <h2>Read More</h2>
  1055. </div><!--tag_title_two--></a>
  1056. </div><!--tag_titlebox-->
  1057. </div><!--tag_header-->
  1058.    
  1059. <div class="linkbox">
  1060.  
  1061. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1062. <!-----LINK TITLE----------------------------------------------------------->
  1063. Iwatobi
  1064. <!-----LINK TITLE----------------------------------------------------------->
  1065. </a></l1></div>
  1066.  
  1067. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1068. <!-----LINK TITLE----------------------------------------------------------->
  1069. Freestyle
  1070. <!-----LINK TITLE----------------------------------------------------------->
  1071. </a></l1></div>
  1072.  
  1073. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1074. <!-----LINK TITLE----------------------------------------------------------->
  1075. Back Stroke
  1076. <!-----LINK TITLE----------------------------------------------------------->
  1077. </a></l1></div>
  1078.  
  1079. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1080. <!-----LINK TITLE----------------------------------------------------------->
  1081. Butterfly
  1082. <!-----LINK TITLE----------------------------------------------------------->
  1083. </a></l1></div>
  1084.  
  1085. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1086. <!-----LINK TITLE----------------------------------------------------------->
  1087. Breast Stroke
  1088. <!-----LINK TITLE----------------------------------------------------------->
  1089. </a></l1></div>
  1090.  
  1091. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1092. <!-----LINK TITLE----------------------------------------------------------->
  1093. Muscles
  1094. <!-----LINK TITLE----------------------------------------------------------->
  1095. </a></l1></div>
  1096.  
  1097. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1098. <!-----LINK TITLE----------------------------------------------------------->
  1099. Shark Teeth
  1100. <!-----LINK TITLE----------------------------------------------------------->
  1101. </a></l1></div>
  1102.  
  1103. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1104. <!-----LINK TITLE----------------------------------------------------------->
  1105. Oasis
  1106. <!-----LINK TITLE----------------------------------------------------------->
  1107. </a></l1></div>
  1108.  
  1109. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1110. <!-----LINK TITLE----------------------------------------------------------->
  1111. Sakura
  1112. <!-----LINK TITLE----------------------------------------------------------->
  1113. </a></l1></div>
  1114.  
  1115. </div><!--linkbox-->
  1116. </div><!--tagbox-->
  1117. <!------COLUMN #2, TAG BOX #1 ENDS HERE-------------------------------------->
  1118.  
  1119. <!-- REMOVE THIS LINE FOR COLUMN #2 EXTRA TAG BOX
  1120.  
  1121. <div class="tagbox">
  1122.  
  1123. <div class="tag_header">
  1124. <div class="tag_pic">
  1125. <img src="BANNER-IMAGE-URL"/>    
  1126. </div>
  1127. <div class="tag_titlebox">
  1128. <div class="tag_title_one">
  1129. <h2>
  1130. TAG BOX TITLE
  1131. </h2>
  1132. </div>
  1133. <a href="javascript:unhide('displaybx_7');">
  1134. <div class="tag_title_two">
  1135. <h2>Read More</h2>
  1136. </div></a>
  1137. </div>
  1138. </div>
  1139.  
  1140. <div class="linkbox">
  1141.    
  1142. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1143. LINK TITLE
  1144. </a></l1></div>
  1145.  
  1146. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1147. LINK TITLE
  1148. </a></l1></div>
  1149.    
  1150. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1151. LINK TITLE
  1152. </a></l1></div>
  1153.    
  1154. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1155. LINK TITLE
  1156. </a></l1></div>
  1157.    
  1158. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1159. LINK TITLE
  1160. </a></l1></div>
  1161.    
  1162. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1163. LINK TITLE
  1164. </a></l1></div>
  1165.    
  1166. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1167. LINK TITLE
  1168. </a></l1></div>
  1169.  
  1170. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1171. LINK TITLE
  1172. </a></l1></div>
  1173.    
  1174. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1175. LINK TITLE
  1176. </a></l1></div>
  1177.  
  1178. </div>
  1179. </div>
  1180.  
  1181. REMOVE THIS LINE FOR COLUMN #2 EXTRA TAG BOX -->  
  1182.    
  1183. <div class="buffer"></div>      
  1184. </div><!--column_2-->
  1185.  
  1186.  
  1187. <div class="column_3">
  1188.  
  1189. <!------COLUMN #3, TAG BOX #1 BEGINS HERE------------------------------------>
  1190. <div class="tagbox">
  1191. <div class="tag_header">
  1192. <div class="tag_pic">
  1193. <!-----BANNER: REPLACE IMAGE URL WITHIN QUOTATIONS------------------------->
  1194. <img src="http://static.tumblr.com/cbjpgjf/Xstngeeri/tag5.jpg"/>
  1195. <!-----BANNER: REPLACE IMAGE URL WITHIN QUOTATIONS------------------------->
  1196. </div><!--tag_pic-->  
  1197. <div class="tag_titlebox">
  1198. <div class="tag_title_one">
  1199. <h2><!-----REPLACE TAG TITLE BELOW---------------------------------------->
  1200. Kill la Kill
  1201. <!-----REPLACE TAG TITLE ABOVE---------------------------------------></h2>
  1202. </div><!--tag_title_one-->
  1203. <a href="javascript:unhide('displaybx_4');">
  1204. <div class="tag_title_two">
  1205. <h2>Read More</h2>
  1206. </div><!--tag_title_two--></a>
  1207. </div><!--tag_titlebox-->
  1208. </div><!--tag_header-->
  1209.    
  1210. <div class="linkbox">
  1211.    
  1212. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1213. <!-----LINK TITLE----------------------------------------------------------->
  1214. Scissors
  1215. <!-----LINK TITLE----------------------------------------------------------->
  1216. </a></l1></div>
  1217.    
  1218. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1219. <!-----LINK TITLE----------------------------------------------------------->
  1220. Goku Uniform
  1221. <!-----LINK TITLE----------------------------------------------------------->
  1222. </a></l1></div>
  1223.    
  1224. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1225. <!-----LINK TITLE----------------------------------------------------------->
  1226. Senketsu
  1227. <!-----LINK TITLE----------------------------------------------------------->
  1228. </a></l1></div>
  1229.    
  1230. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1231. <!-----LINK TITLE----------------------------------------------------------->
  1232. Nudist Beach
  1233. <!-----LINK TITLE----------------------------------------------------------->
  1234. </a></l1></div>
  1235.  
  1236. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1237. <!-----LINK TITLE----------------------------------------------------------->
  1238. Elite Four
  1239. <!-----LINK TITLE----------------------------------------------------------->
  1240. </a></l1></div>
  1241.  
  1242. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1243. <!-----LINK TITLE----------------------------------------------------------->
  1244. Life Fiber
  1245. <!-----LINK TITLE----------------------------------------------------------->
  1246. </a></l1></div>
  1247.  
  1248. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1249. <!-----LINK TITLE----------------------------------------------------------->
  1250. Junketsu
  1251. <!-----LINK TITLE----------------------------------------------------------->
  1252. </a></l1></div>
  1253.  
  1254. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1255. <!-----LINK TITLE----------------------------------------------------------->
  1256. Hallelujah
  1257. <!-----LINK TITLE----------------------------------------------------------->
  1258. </a></l1></div>
  1259.  
  1260. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1261. <!-----LINK TITLE----------------------------------------------------------->
  1262. Naked
  1263. <!-----LINK TITLE----------------------------------------------------------->
  1264. </a></l1></div>
  1265.  
  1266. </div><!--linkbox-->
  1267. </div><!--tagbox-->
  1268. <!------COLUMN #3, TAG BOX #1 ENDS HERE-------------------------------------->  
  1269.  
  1270. <!------COLUMN #3, TAG BOX #2 BEGINS HERE------------------------------------>
  1271. <div class="tagbox">
  1272. <div class="tag_header">
  1273. <div class="tag_pic">
  1274. <!-----BANNER: REPLACE IMAGE URL WITHIN QUOTATIONS------------------------->
  1275. <img src="http://static.tumblr.com/cbjpgjf/Fisngeffw/tag6.jpg"/>    
  1276. <!-----BANNER: REPLACE IMAGE URL WITHIN QUOTATIONS------------------------->
  1277. </div><!--tag_pic-->  
  1278. <div class="tag_titlebox">
  1279. <div class="tag_title_one">
  1280. <h2><!-----REPLACE TAG TITLE BELOW---------------------------------------->
  1281. FMA:B
  1282. <!-----REPLACE TAG TITLE ABOVE---------------------------------------></h2>
  1283. </div><!--tag_title_one-->
  1284. <a href="javascript:unhide('displaybx_5');">
  1285. <div class="tag_title_two">
  1286. <h2>Read More</h2>
  1287. </div><!--tag_title_two--></a>
  1288. </div><!--tag_titlebox-->
  1289. </div><!--tag_header-->
  1290.    
  1291. <div class="linkbox">
  1292.  
  1293. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1294. <!-----LINK TITLE----------------------------------------------------------->
  1295. Alchemy
  1296. <!-----LINK TITLE----------------------------------------------------------->
  1297. </a></l1></div>
  1298.  
  1299. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1300. <!-----LINK TITLE----------------------------------------------------------->
  1301. Transmutation
  1302. <!-----LINK TITLE----------------------------------------------------------->
  1303. </a></l1></div>
  1304.  
  1305. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1306. <!-----LINK TITLE----------------------------------------------------------->
  1307. Chimera
  1308. <!-----LINK TITLE----------------------------------------------------------->
  1309. </a></l1></div>
  1310.  
  1311. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1312. <!-----LINK TITLE----------------------------------------------------------->
  1313. Elric Brothers
  1314. <!-----LINK TITLE----------------------------------------------------------->
  1315. </a></l1></div>
  1316.  
  1317. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1318. <!-----LINK TITLE----------------------------------------------------------->
  1319. Taboo
  1320. <!-----LINK TITLE----------------------------------------------------------->
  1321. </a></l1></div>
  1322.  
  1323. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1324. <!-----LINK TITLE----------------------------------------------------------->
  1325. Philosopher's Stone
  1326. <!-----LINK TITLE----------------------------------------------------------->
  1327. </a></l1></div>
  1328.  
  1329. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1330. <!-----LINK TITLE----------------------------------------------------------->
  1331. 7 Deadly Sins
  1332. <!-----LINK TITLE----------------------------------------------------------->
  1333. </a></l1></div>
  1334.  
  1335. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1336. <!-----LINK TITLE----------------------------------------------------------->
  1337. Shortie
  1338. <!-----LINK TITLE----------------------------------------------------------->
  1339. </a></l1></div>
  1340.  
  1341. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1342. <!-----LINK TITLE----------------------------------------------------------->
  1343. Hohenheim
  1344. <!-----LINK TITLE----------------------------------------------------------->
  1345. </a></l1></div>
  1346.  
  1347. </div><!--linkbox-->
  1348. </div><!--tagbox-->
  1349. <!------COLUMN #3, TAG BOX #2 ENDS HERE-------------------------------------->
  1350.  
  1351. <!-- REMOVE THIS LINE FOR COLUMN #3 EXTRA TAG BOX
  1352.  
  1353. <div class="tagbox">
  1354.  
  1355. <div class="tag_header">
  1356. <div class="tag_pic">
  1357. <img src="BANNER-IMAGE-URL"/>    
  1358. </div>
  1359. <div class="tag_titlebox">
  1360. <div class="tag_title_one">
  1361. <h2>
  1362. TAG BOX TITLE
  1363. </h2>
  1364. </div>
  1365. <a href="javascript:unhide('displaybx_8');">
  1366. <div class="tag_title_two">
  1367. <h2>Read More</h2>
  1368. </div></a>
  1369. </div>
  1370. </div>
  1371.  
  1372. <div class="linkbox">
  1373.    
  1374. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1375. LINK TITLE
  1376. </a></l1></div>
  1377.  
  1378. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1379. LINK TITLE
  1380. </a></l1></div>
  1381.    
  1382. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1383. LINK TITLE
  1384. </a></l1></div>
  1385.    
  1386. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1387. LINK TITLE
  1388. </a></l1></div>
  1389.    
  1390. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1391. LINK TITLE
  1392. </a></l1></div>
  1393.    
  1394. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1395. LINK TITLE
  1396. </a></l1></div>
  1397.    
  1398. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1399. LINK TITLE
  1400. </a></l1></div>
  1401.  
  1402. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1403. LINK TITLE
  1404. </a></l1></div>
  1405.    
  1406. <div class="linkboxs"><l1><a href="URL GOES HERE">
  1407. LINK TITLE
  1408. </a></l1></div>
  1409.  
  1410. </div>
  1411. </div>
  1412.  
  1413. REMOVE THIS LINE FOR COLUMN #1 EXTRA TAG BOX -->
  1414.  
  1415. <div class="buffer"></div>      
  1416. </div><!--column_3-->
  1417.  
  1418.  
  1419.  
  1420. </div><!--stuff-->
  1421. </div><!--content-->
  1422.  
  1423. <!------REMOVE THIS AND YOU GO TO HELL--------------------------------------->
  1424. <div class="c"><a href="http://nff-themes.tumblr.com"><img src="http://static.tumblr.com/cbjpgjf/hmgmwsd81/yyylamo.png"></a></div>
  1425. <!------REMOVE THIS AND YOU GO TO HELL--------------------------------------->
  1426.  
  1427. </body>
  1428. </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!