API tools faq
paste
Advertisement
nofacesface

Rainbow Page

nofacesface
Nov 6th, 2013
559
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.41 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.  
  8. <head>
  9.  
  10. <script type='text/javascript'>
  11. //<![CDATA[
  12. var rate = 7;
  13. if (document.getElementById)
  14. window.onerror=new Function("return true")
  15.  
  16. var objActive; // The object which event occured in
  17. var act = 0; // Flag during the action
  18. var elmH = 0; // Hue
  19. var elmS = 128; // Saturation
  20. var elmV = 255; // Value
  21. var TimerID; // Timer ID
  22. if (document.all) {
  23. document.onmouseout = doRainbowAnchor;
  24. document.onmouseout = stopRainbowAnchor;
  25. }
  26. else if (document.getElementById) {
  27. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  28. document.onmouseover = Mozilla_doRainbowAnchor;
  29. document.onmouseout = Mozilla_stopRainbowAnchor;
  30. }
  31. function doRainbow(obj)
  32. {
  33. if (act == 0) {
  34. act = 1;
  35. if (obj)
  36. objActive = obj;
  37. else
  38. objActive = event.srcElement;
  39. clrOrg = objActive.style.color;
  40. TimerID = setInterval("ChangeColor()",100);
  41. }
  42. }
  43. function stopRainbow()
  44. {
  45. if (act) {
  46. objActive.style.color = clrOrg;
  47. clearInterval(TimerID);
  48. act = 0;
  49. }
  50. }
  51. function doRainbowAnchor()
  52. {
  53. if (act == 0) {
  54. var obj = event.srcElement;
  55. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  56. obj = obj.parentElement;
  57. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  58. break;
  59. }
  60. if (obj.tagName == 'A' && obj.href != '') {
  61. objActive = obj;
  62. act = 1;
  63. clrOrg = objActive.style.color;
  64. TimerID = setInterval("ChangeColor()",100);
  65. }
  66. }
  67. }
  68. function stopRainbowAnchor()
  69. {
  70. if (act) {
  71. if (objActive.tagName == 'A') {
  72. objActive.style.color = clrOrg;
  73. clearInterval(TimerID);
  74. act = 0;
  75. }
  76. }
  77. }
  78. function Mozilla_doRainbowAnchor(e)
  79. {
  80. if (act == 0) {
  81. obj = e.target;
  82. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  83. obj = obj.parentNode;
  84. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  85. break;
  86. }
  87. if (obj.nodeName == 'A' && obj.href != '') {
  88. objActive = obj;
  89. act = 1;
  90. clrOrg = obj.style.color;
  91. TimerID = setInterval("ChangeColor()",100);
  92. }
  93. }
  94. }
  95. function Mozilla_stopRainbowAnchor(e)
  96. {
  97. if (act) {
  98. if (objActive.nodeName == 'A') {
  99. objActive.style.color = clrOrg;
  100. clearInterval(TimerID);
  101. act = 0;
  102. }
  103. }
  104. }
  105. function ChangeColor()
  106. {
  107. objActive.style.color = makeColor();
  108. }
  109. function makeColor()
  110. {
  111. // Don't you think Color Gamut to look like Rainbow?
  112. // HSVtoRGB
  113. if (elmS == 0) {
  114. elmR = elmV; elmG = elmV; elmB = elmV;
  115. }
  116. else {
  117. t1 = elmV;
  118. t2 = (255 - elmS) * elmV / 255;
  119. t3 = elmH % 60;
  120. t3 = (t1 - t2) * t3 / 60;
  121. if (elmH < 60) {
  122. elmR = t1; elmB = t2; elmG = t2 + t3;
  123. }
  124. else if (elmH < 120) {
  125. elmG = t1; elmB = t2; elmR = t1 - t3;
  126. }
  127. else if (elmH < 180) {
  128. elmG = t1; elmR = t2; elmB = t2 + t3;
  129. }
  130. else if (elmH < 240) {
  131. elmB = t1; elmR = t2; elmG = t1 - t3;
  132. }
  133. else if (elmH < 300) {
  134. elmB = t1; elmG = t2; elmR = t2 + t3;
  135. }
  136. else if (elmH < 360) {
  137. elmR = t1; elmG = t2; elmB = t1 - t3;
  138. }
  139. else {
  140. elmR = 0; elmG = 0; elmB = 0;
  141. }
  142. }
  143. elmR = Math.floor(elmR).toString(16);
  144. elmG = Math.floor(elmG).toString(16);
  145. elmB = Math.floor(elmB).toString(16);
  146. if (elmR.length == 1) elmR = "0" + elmR;
  147. if (elmG.length == 1) elmG = "0" + elmG;
  148. if (elmB.length == 1) elmB = "0" + elmB
  149. elmH = elmH + rate;
  150. if (elmH >= 360)
  151. elmH = 0;
  152. return '#' + elmR + elmG + elmB;
  153. }
  154. //]]>
  155. </script>
  156.  
  157.  
  158. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  159. <link rel="shortcut icon" href="{Favicon}">
  160.  
  161.  
  162. <style type="text/css">
  163.  
  164. ::-webkit-scrollbar {width: 5px;height:5px;background:#ffffff;}
  165. ::-webkit-scrollbar-thumb {background: #000; /* COLOR OF SCROLLBAR*/
  166. }
  167.  
  168. #tumblr_controls {
  169. position: fixed !important;
  170. }
  171.  
  172. 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.2; right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  173.  
  174. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.2s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  175.  
  176.  
  177.  
  178. /* GENERAL */
  179.  
  180.  
  181. @font-face {
  182. font-family: "b";
  183. src: url('http://static.tumblr.com/cbjpgjf/wPKmv5fe4/slkscr.ttf');
  184. }
  185.  
  186.  
  187.  
  188.  
  189. body {
  190. background-color: #000; /* BACKGROUND COLOR OF ENTIRE PAGE*/
  191.  
  192. background-image: url(http://static.tumblr.com/cbjpgjf/oo2mvt9gc/tumblr_m3hswandi51r0oika.gif); /* CHANGE BACKGROUND HERE */
  193. margin: 0;
  194. word-wrap: break-word;
  195. background-attachment: fixed;
  196.  
  197. }
  198.  
  199.  
  200. a:link, a:active, a:visited{text-decoration: none;color: #000;
  201. -webkit-transition: all 0.7s ease;transition: all 0.7s ease;
  202. -moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
  203.  
  204. a:hover{}
  205.  
  206.  
  207. #center{margin:auto;position:relative;width:400px;}
  208.  
  209. #content {
  210. position:fixed;
  211. width:800px;
  212. height: 600px;
  213. text-align:center;
  214. left: 280px;
  215. top: 35px;}
  216.  
  217. #infoc {
  218. z-index: 10;
  219. position:fixed;
  220. width:500px;
  221. height: 500px;
  222. text-align:center;
  223. margin-top:50px;
  224. margin-left: 150px;
  225. border-top-left-radius: 500px ;
  226. border-top-right-radius:500px ;
  227. border-bottom-right-radius: 500px ;
  228. border-bottom-left-radius: 500px ;}
  229.  
  230. .maincircle {
  231. overflow: hidden;
  232. position:fixed;
  233. width:500px;
  234. height: 500px;
  235. text-align:center;
  236. margin-top:0px;
  237. margin-left: 0px;
  238. border-top-left-radius: 500px ;
  239. border-top-right-radius:500px ;
  240. border-bottom-right-radius: 500px ;
  241. border-bottom-left-radius: 500px ;}
  242.  
  243. .maincircle img {
  244. width: 100%;
  245. height: 500px;
  246. border-top-left-radius: 500px ;
  247. border-top-right-radius:500px ;
  248. border-bottom-right-radius: 500px ;
  249. border-bottom-left-radius: 500px ;
  250. }
  251.  
  252.  
  253. .maincirclet {
  254. overflow: hidden;
  255. position:fixed;
  256. width:400px;
  257. height: 400px;
  258. text-align:center;
  259. margin-top:50px;
  260. margin-left: 50px;}
  261.  
  262.  
  263. .maincircletext { margin-top: 175px; /* add to lower title, subtract to raise title */
  264. text-align: center;
  265. background-color: rgba(255,255,255,0.7);
  266. text-transform: uppercase;
  267. font-family:courier new;
  268. font-size: 28px;
  269. letter-spacing: 15px; /* how far apart the letters are */
  270. line-height: 30px;
  271. color: #000; /* COLOR OF TITLE*/
  272. }
  273.  
  274. .circle {
  275. opacity: 0;
  276. border-top-left-radius: 500px ;
  277. border-top-right-radius:500px ;
  278. border-bottom-right-radius: 500px ;
  279. border-bottom-left-radius: 500px ;
  280. position:fixed;
  281. background-color: white;
  282. width:110px; height:110px;
  283. margin-top: 55px; margin-left: 55px;
  284. -webkit-transition: all .8s ease-in-out;-moz-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; transition: all .8s ease-in-out;
  285. }
  286.  
  287. .circle img {
  288. border-top-left-radius: 500px ;
  289. border-top-right-radius:500px ;
  290. border-bottom-right-radius: 500px ;
  291. border-bottom-left-radius: 500px ;
  292. width: 100%;
  293. height: 110px;
  294. }
  295.  
  296. #content:hover .circle {
  297. opacity: 1;
  298. -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
  299. }
  300.  
  301.  
  302.  
  303. .circle2 {
  304. opacity: 0;
  305. border-top-left-radius: 500px ;
  306. border-top-right-radius:500px ;
  307. border-bottom-right-radius: 500px ;
  308. border-bottom-left-radius: 500px ;
  309. position:fixed;
  310. background-color: white;
  311. width:110px; height:110px;
  312. margin-top: 55px; margin-left: 55px;
  313. -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
  314. }
  315.  
  316. .circle2 img {
  317. border-top-left-radius: 500px ;
  318. border-top-right-radius:500px ;
  319. border-bottom-right-radius: 500px ;
  320. border-bottom-left-radius: 500px ;
  321. width: 100%;
  322. height: 110px;
  323. }
  324.  
  325. .both:hover .circle2 {
  326. opacity: 1;
  327. }
  328.  
  329.  
  330. #gobackwrapper {
  331. z-index: 0;
  332. position:absolute;
  333. opacity: 0;
  334. width:500px;
  335. height: 500px;
  336. margin-top:50px;
  337. margin-left: 150px;
  338. border-top-left-radius: 500px ;
  339. border-top-right-radius:500px ;
  340. border-bottom-right-radius: 500px ;
  341. border-bottom-left-radius: 500px ;
  342. -webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out;
  343.  
  344. }
  345.  
  346. .goback {
  347. position: absolute;
  348. width:500px;
  349. height: 500px;
  350. margin-top:0px;
  351. margin-left: 0px;
  352. border-top-left-radius: 500px ;
  353. border-top-right-radius:500px ;
  354. border-bottom-right-radius: 500px ;
  355. border-bottom-left-radius: 500px ;
  356. }
  357.  
  358. .goback img {
  359. width: 100%;
  360. height: 500px;
  361. border-top-left-radius: 500px ;
  362. border-top-right-radius:500px ;
  363. border-bottom-right-radius: 500px ;
  364. border-bottom-left-radius: 500px ;
  365. }
  366.  
  367. .both:hover #gobackwrapper {
  368. opacity: 1;
  369. z-index: 999;
  370. }
  371.  
  372. .linksc {
  373. position:fixed;
  374. width:425px;
  375. height: 25px;
  376. text-align:center;
  377. margin-top:237.5px;
  378. margin-left: 37.5px;}
  379.  
  380. .linksb {
  381. padding: 4px;
  382. text-align: center;
  383. font-family:b;
  384. font-size: 8px;
  385. letter-spacing: 1px;
  386. line-height: 12px;
  387. color: #000; /* TEXT COLOR OF NAVIGATION LINKS */
  388. }
  389.  
  390. .linkbox1 {
  391. position: absolute;
  392. width: 25px;
  393. height: 25px;
  394. margin-left: 0px;
  395. margin-top: 0px;
  396. background-color: black; /* COLOR OF NAVIGATION BLOCKS */
  397. -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
  398. }
  399.  
  400. .linkbox1:hover {
  401. background-color: #f6b758; /* COLOR OF NAVIGATION BLOCKS HOVER*/
  402. }
  403.  
  404. .link1box1 {
  405. opacity: 0;
  406. position: absolute;
  407. height: 20px;
  408. width: 100px;
  409. background-color: rgba(255,255,255,0.7);
  410. margin-top: 225px;
  411. margin-left: 162.5px;
  412. -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
  413.  
  414. .link1all:hover .link1box1 {
  415. opacity: 1;
  416. }
  417.  
  418. .linkbox2 {
  419. position: relative;
  420. float: left;
  421. width: 25px;
  422. height: 25px;
  423. margin-left: 50px;
  424. margin-top: 0px;
  425. background-color: black; /* COLOR OF NAVIGATION BLOCKS */
  426. -webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;
  427. }
  428.  
  429. .linkbox2:hover {
  430. background-color: #f6b758; /* COLOR OF NAVIGATION BLOCKS HOVER*/
  431. }
  432.  
  433. .link2box2 {
  434. opacity: 0;
  435. position: absolute;
  436. height: 20px;
  437. width: 100px;
  438. background-color: rgba(255,255,255,0.7);
  439. margin-top: 225px;
  440. margin-left: 162.5px;
  441. -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
  442.  
  443. .link2all:hover .link2box2 {
  444. opacity: 1;
  445. }
  446.  
  447. .linkbox3 {
  448. position: relative;
  449. float: left;
  450. width: 25px;
  451. height: 25px;
  452. margin-left: 25px;
  453. margin-top: 0px;
  454. background-color: black; /* COLOR OF NAVIGATION BLOCKS */
  455. -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
  456. }
  457.  
  458. .linkbox3:hover {
  459. background-color: #f6b758; /* COLOR OF NAVIGATION BLOCKS HOVER*/
  460. }
  461.  
  462. .link3box3 {
  463. opacity: 0;
  464. position: absolute;
  465. height: 20px;
  466. width: 100px;
  467. background-color: rgba(255,255,255,0.7);
  468. margin-top: 225px;
  469. margin-left: 162.5px;
  470. -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
  471.  
  472. .link3all:hover .link3box3 {
  473. opacity: 1;
  474. }
  475.  
  476. .linkbox4 {
  477. position: relative;
  478. float: left;
  479. width: 25px;
  480. height: 25px;
  481. margin-left: 25px;
  482. margin-top: 0px;
  483. background-color: black; /* COLOR OF NAVIGATION BLOCKS */
  484. -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
  485. }
  486.  
  487. .linkbox4:hover {
  488. background-color: #f6b758; /* COLOR OF NAVIGATION BLOCKS HOVER*/
  489. }
  490.  
  491. .link4box4 {
  492. opacity: 0;
  493. position: absolute;
  494. height: 20px;
  495. width: 100px;
  496. background-color: rgba(255,255,255,0.7);
  497. margin-top: 225px;
  498. margin-left: 162.5px;
  499. -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
  500.  
  501. .link4all:hover .link4box4 {
  502. opacity: 1;
  503. }
  504.  
  505. .linkbox5 {
  506. position: relative;
  507. float: left;
  508. width: 25px;
  509. height: 25px;
  510. margin-left: 25px;
  511. margin-top: 0px;
  512. background-color: black; /* COLOR OF NAVIGATION BLOCKS */
  513. -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
  514. }
  515.  
  516. .link5box5 {
  517. opacity: 0;
  518. position: absolute;
  519. height: 20px;
  520. width: 100px;
  521. background-color: rgba(255,255,255,0.7);
  522. margin-top: 225px;
  523. margin-left: 162.5px;
  524. -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
  525.  
  526. .link5all:hover .link5box5 {
  527. opacity: 1;
  528. }
  529.  
  530. .linkbox5:hover {
  531. background-color: #f6b758; /* COLOR OF NAVIGATION BLOCKS HOVER*/
  532. }
  533.  
  534. .linkbox6 {
  535. position: relative;
  536. float: left;
  537. width: 25px;
  538. height: 25px;
  539. margin-left: 25px;
  540. margin-top: 0px;
  541. background-color: black; /* COLOR OF NAVIGATION BLOCKS */
  542. -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
  543.  
  544. .linkbox6:hover {
  545. background-color: #f6b758; /* COLOR OF NAVIGATION BLOCKS HOVER*/
  546. }
  547.  
  548. .link6box6 {
  549. opacity: 0;
  550. position: absolute;
  551. height: 20px;
  552. width: 100px;
  553. background-color: rgba(255,255,255,0.7);
  554. margin-top: 225px;
  555. margin-left: 162.5px;
  556. -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
  557.  
  558. .link6all:hover .link6box6 {
  559. opacity: 1;
  560. }
  561.  
  562. .linkbox7 {
  563. position: relative;
  564. float: left;
  565. width: 25px;
  566. height: 25px;
  567. margin-left: 25px;
  568. margin-top: 0px;
  569. background-color: black; /* COLOR OF NAVIGATION BLOCKS */
  570. -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
  571. }
  572.  
  573. .linkbox7:hover {
  574. background-color: #f6b758; /* COLOR OF NAVIGATION BLOCKS HOVER*/
  575. }
  576.  
  577. .link7box7 {
  578. opacity: 0;
  579. position: absolute;
  580. height: 20px;
  581. width: 100px;
  582. background-color: rgba(255,255,255,0.7);
  583. margin-top: 225px;
  584. margin-left: 162.5px;
  585. -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
  586.  
  587. .link7all:hover .link7box7 {
  588. opacity: 1;
  589. }
  590.  
  591. .linkbox8 {
  592. position: relative;
  593. float: left;
  594. width: 25px;
  595. height: 25px;
  596. margin-left: 25px;
  597. margin-top: 0px;
  598. background-color: black; /* COLOR OF NAVIGATION BLOCKS */
  599. -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
  600. }
  601.  
  602. .linkbox8:hover {
  603. background-color: #f6b758; /* COLOR OF NAVIGATION BLOCKS HOVER*/
  604. }
  605.  
  606. .link8box8 {
  607. opacity: 0;
  608. position: absolute;
  609. height: 20px;
  610. width: 100px;
  611. background-color: rgba(255,255,255,0.7);
  612. margin-top: 225px;
  613. margin-left: 162.5px;
  614. -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
  615.  
  616. .link8all:hover .link8box8 {
  617. opacity: 1;
  618. }
  619.  
  620. .linkbox9 {
  621. position: relative;
  622. float: left;
  623. width: 25px;
  624. height: 25px;
  625. margin-left: 25px;
  626. margin-top: 0px;
  627. background-color: black; /* COLOR OF NAVIGATION BLOCKS */
  628. -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
  629. }
  630.  
  631. .linkbox9:hover {
  632. background-color: #f6b758; /* COLOR OF NAVIGATION BLOCKS HOVER*/
  633. }
  634.  
  635. .link9box9 {
  636. opacity: 0;
  637. position: absolute;
  638. height: 20px;
  639. width: 100px;
  640. background-color: rgba(255,255,255,0.7);
  641. margin-top: 225px;
  642. margin-left: 162.5px;
  643. -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
  644.  
  645. .link9all:hover .link9box9 {
  646. opacity: 1;
  647. }
  648.  
  649. .textbox {
  650. z-index: 99;
  651. background-color: rgba(255,255,255,0.5);
  652. opacity: 0;
  653. border-top-left-radius: 500px ;
  654. border-top-right-radius:500px ;
  655. border-bottom-right-radius: 500px ;
  656. border-bottom-left-radius: 500px ;
  657. width:110px; height:110px;
  658. margin-top: 55px; margin-left: 55px;
  659. position: fixed;
  660. -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
  661. }
  662.  
  663. .both:hover .textbox {
  664. opacity: 1;
  665. }
  666.  
  667.  
  668. .circle3 {
  669. opacity: 0;
  670. border-top-left-radius: 500px ;
  671. border-top-right-radius:500px ;
  672. border-bottom-right-radius: 500px ;
  673. border-bottom-left-radius: 500px ;
  674. position:fixed;
  675. background-color: white;
  676. width:110px; height:110px;
  677. margin-top: 200px; margin-left: 2px;
  678. -webkit-transition: all .8s ease-in-out;-moz-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; transition: all .8s ease-in-out;
  679. }
  680.  
  681. .circle3 img {
  682. border-top-left-radius: 500px ;
  683. border-top-right-radius:500px ;
  684. border-bottom-right-radius: 500px ;
  685. border-bottom-left-radius: 500px ;
  686. width: 100%;
  687. height: 110px;
  688. }
  689.  
  690. #content:hover .circle3 {
  691. opacity: 1;
  692. -webkit-transition: all 1.3s ease-in-out;-moz-transition: all 1.3s ease-in-out; -o-transition: all 1.3s ease-in-out; transition: all 1.3s ease-in-out;
  693. }
  694.  
  695.  
  696.  
  697. .circle4 {
  698. opacity: 0;
  699. border-top-left-radius: 500px ;
  700. border-top-right-radius:500px ;
  701. border-bottom-right-radius: 500px ;
  702. border-bottom-left-radius: 500px ;
  703. position:fixed;
  704. background-color: white;
  705. width:110px; height:110px;
  706. margin-top: 200px; margin-left: 2px;
  707. -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
  708. }
  709.  
  710. .circle4 img {
  711. border-top-left-radius: 500px ;
  712. border-top-right-radius:500px ;
  713. border-bottom-right-radius: 500px ;
  714. border-bottom-left-radius: 500px ;
  715. width: 100%;
  716. height: 110px;
  717. }
  718.  
  719. .both2:hover .circle4 {
  720. opacity: 1;
  721. }
  722.  
  723.  
  724. .textbox2 {
  725. background-color: rgba(255,255,255,0.5);
  726. opacity: 0;
  727. border-top-left-radius: 500px ;
  728. border-top-right-radius:500px ;
  729. border-bottom-right-radius: 500px ;
  730. border-bottom-left-radius: 500px ;
  731. width:110px; height:110px;
  732. margin-top: 200px; margin-left: 2px;
  733. position: fixed;
  734. -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
  735. }
  736.  
  737. .both2:hover .textbox2 {
  738. opacity: 1;
  739. }
  740.  
  741. #aboutwrapper {
  742. z-index: 0;
  743. overflow: hidden;
  744. position:absolute;
  745. opacity: 0;
  746. width:500px;
  747. height: 500px;
  748. margin-top:50px;
  749. margin-left: 150px;
  750. border-top-left-radius: 500px ;
  751. border-top-right-radius:500px ;
  752. border-bottom-right-radius: 500px ;
  753. border-bottom-left-radius: 500px ;
  754. -webkit-transition: all .9s ease-in-out;-moz-transition: all .9s ease-in-out; -o-transition: all .9s ease-in-out; transition: all .9s ease-in-out;
  755.  
  756. }
  757.  
  758. .about {
  759. position: absolute;
  760. width:500px;
  761. height: 500px;
  762. margin-top:0px;
  763. margin-left: 0px;
  764. border-top-left-radius: 500px ;
  765. border-top-right-radius:500px ;
  766. border-bottom-right-radius: 500px ;
  767. border-bottom-left-radius: 500px ;
  768. }
  769.  
  770. .about img {
  771. width: 100%;
  772. height: 500px;
  773. border-top-left-radius: 500px ;
  774. border-top-right-radius:500px ;
  775. border-bottom-right-radius: 500px ;
  776. border-bottom-left-radius: 500px ;
  777. }
  778.  
  779. .both2:hover #aboutwrapper {
  780. opacity: 1;
  781. z-index: 999;
  782. }
  783.  
  784.  
  785. .halfcircle1 {
  786. overflow: hidden;
  787. position: fixed;
  788. margin-top: 25px;
  789. margin-left: 25px;
  790. width:450px;
  791. height: 225px;
  792. border-radius: 500px 500px 0 0;
  793. -moz-border-radius: 500px 500px 0 0;
  794. -webkit-border-radius: 500px 500px 0 0;
  795. background-color: rgba(255,255,255,0.7);
  796. -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
  797. }
  798.  
  799. .aboutbar {
  800. overflow: hidden;
  801. position: absolute;
  802. background-color: black; /* COLOR OF ABOUT ME BAR*/
  803. height: 20px;
  804. width: 460px;
  805. margin-top: 205px;
  806. margin-left: -5px;
  807. }
  808.  
  809. .aboutbox {
  810. overflow: hidden;
  811. position: fixed;
  812. margin-top: 50px;
  813. margin-left: 90px;
  814. width: 270px;
  815. height: 140px;
  816. }
  817.  
  818. .abouttext {
  819. padding: 4px;
  820. text-align: left;
  821. font-family:b;
  822. font-size: 8px;
  823. line-height: 11px;
  824. color: black;
  825. }
  826.  
  827.  
  828. .halfcircle2 {
  829. overflow: hidden;
  830. position: fixed;
  831. width:450px;
  832. height: 225px;
  833. margin-top: 255px;
  834. margin-left: 25px;
  835. border-radius: 0 0 500px 500px;
  836. -moz-border-radius: 0 0 500px 500px;
  837. -webkit-border-radius: 0 0 500px 500px;
  838. background-color: rgba(255,255,255,0.7);
  839. }
  840.  
  841. .favebar {
  842. overflow: hidden;
  843. position: absolute;
  844. background-color: black; /* COLOR OF FAVE BAR*/
  845. height: 20px;
  846. width: 460px;
  847. margin-top: 0px;
  848. margin-left: -5px;
  849. }
  850.  
  851. .favebox {
  852. position: fixed;
  853. margin-top: 30px;
  854. margin-left: 90px;
  855. width: 270px;
  856. height: 140px;
  857. }
  858.  
  859. .favetext {
  860. padding: 4px;
  861. text-align: left;
  862. font-family:b;
  863. font-size: 8px;
  864. line-height: 11px;
  865. color: black;
  866. }
  867.  
  868. .tagtext {
  869. margin-top: 5px;
  870. padding: 4px;
  871. letter-spacing: 2px;
  872. text-align: center;
  873. font-family:b;
  874. font-size: 8px;
  875. line-height: 14px;
  876. color: black;
  877. }
  878.  
  879. .titlesa {
  880. letter-spacing: 3px;
  881. padding: 4px;
  882. text-align: center;
  883. font-family:b;
  884. font-size: 8px;
  885. line-height: 12px;
  886. color: white;
  887. }
  888.  
  889. .circle5 {
  890. opacity: 0;
  891. border-top-left-radius: 500px ;
  892. border-top-right-radius:500px ;
  893. border-bottom-right-radius: 500px ;
  894. border-bottom-left-radius: 500px ;
  895. position:fixed;
  896. background-color: white;
  897. width:110px; height:110px;
  898. margin-top: 350px; margin-left:10px;
  899. -webkit-transition: all .8s ease-in-out;-moz-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; transition: all .8s ease-in-out;
  900. }
  901.  
  902. .circle5 img {
  903. border-top-left-radius: 500px ;
  904. border-top-right-radius:500px ;
  905. border-bottom-right-radius: 500px ;
  906. border-bottom-left-radius: 500px ;
  907. width: 100%;
  908. height: 110px;
  909. }
  910.  
  911. #content:hover .circle5 {
  912. opacity: 1;
  913. -webkit-transition: all 1.8s ease-in-out;-moz-transition: all 1.8s ease-in-out; -o-transition: all 1.8s ease-in-out; transition: all 1.8s ease-in-out;
  914. }
  915.  
  916.  
  917.  
  918. .circle6 {
  919. opacity: 0;
  920. border-top-left-radius: 500px ;
  921. border-top-right-radius:500px ;
  922. border-bottom-right-radius: 500px ;
  923. border-bottom-left-radius: 500px ;
  924. position:fixed;
  925. background-color: white;
  926. width:110px; height:110px;
  927. margin-top: 350px; margin-left: 10px;
  928. -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
  929. }
  930.  
  931. .circle6 img {
  932. border-top-left-radius: 500px ;
  933. border-top-right-radius:500px ;
  934. border-bottom-right-radius: 500px ;
  935. border-bottom-left-radius: 500px ;
  936. width: 100%;
  937. height: 110px;
  938. }
  939.  
  940. .both3:hover .circle6 {
  941. opacity: 1;
  942. }
  943.  
  944.  
  945. .textbox3 {
  946. background-color: rgba(255,255,255,0.5);
  947. opacity: 0;
  948. border-top-left-radius: 500px ;
  949. border-top-right-radius:500px ;
  950. border-bottom-right-radius: 500px ;
  951. border-bottom-left-radius: 500px ;
  952. width:110px; height:110px;
  953. margin-top: 350px; margin-left: 10px;
  954. position: fixed;
  955. -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
  956. }
  957.  
  958. .both3:hover .textbox3 {
  959. opacity: 1;
  960. }
  961.  
  962. #tagswrapper {
  963. z-index: 0;
  964. overflow: hidden;
  965. position:absolute;
  966. opacity: 0;
  967. width:500px;
  968. height: 500px;
  969. margin-top:50px;
  970. margin-left: 150px;
  971. border-top-left-radius: 500px ;
  972. border-top-right-radius:500px ;
  973. border-bottom-right-radius: 500px ;
  974. border-bottom-left-radius: 500px ;
  975. -webkit-transition: all .9s ease-in-out;-moz-transition: all .9s ease-in-out; -o-transition: all .9s ease-in-out; transition: all .9s ease-in-out;
  976.  
  977. }
  978.  
  979. .tags {
  980. position: absolute;
  981. width:500px;
  982. height: 500px;
  983. margin-top:0px;
  984. margin-left: 0px;
  985. border-top-left-radius: 500px ;
  986. border-top-right-radius:500px ;
  987. border-bottom-right-radius: 500px ;
  988. border-bottom-left-radius: 500px ;
  989. }
  990.  
  991. .tags img {
  992. width: 100%;
  993. height: 500px;
  994. border-top-left-radius: 500px ;
  995. border-top-right-radius:500px ;
  996. border-bottom-right-radius: 500px ;
  997. border-bottom-left-radius: 500px ;
  998. }
  999.  
  1000. .both3:hover #tagswrapper {
  1001. opacity: 1;
  1002. z-index: 999;
  1003. }
  1004.  
  1005. .tagbox {
  1006. position: absolute;
  1007. width: 200px;
  1008. height: 400px;
  1009. margin-top: 50px;
  1010. margin-left: 150px;
  1011. background-color: rgba(255,255,255,0.7) }
  1012.  
  1013. .tagboxbar {
  1014. position: absolute;
  1015. width: 200px;
  1016. height: 20px;
  1017. margin-top: 0px;
  1018. margin-left: 0px;
  1019. background-color: black; /* COLOR OF TAG BAR*/
  1020. }
  1021.  
  1022.  
  1023.  
  1024. .text {
  1025. margin-top: 50px;
  1026. text-align: center;
  1027. font-family:b;
  1028. font-size: 8px;
  1029. letter-spacing: 2px;
  1030. line-height: 12px;
  1031. color: #000; /* COLOR OF CIRCLE NAV TEXT*/
  1032. -webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;}
  1033.  
  1034.  
  1035. /* MUSIC PLAYER */
  1036.  
  1037. #music-player-rounded {
  1038. z-index: 9991;
  1039. position:fixed;
  1040. margin-left:600px;
  1041. margin-top:110px;
  1042. width:25px;
  1043. height:25px;
  1044. -moz-border-radius:100px;
  1045. -webkit-border-radius:100px;
  1046. border-radius:100px;
  1047. opacity:1;
  1048. }
  1049. .music-player {
  1050. opacity: 0;
  1051. margin-top:-25px;
  1052. margin-left:26px;
  1053. width:100px;
  1054. height:0px;
  1055. overflow:hidden;
  1056. -webkit-transition: all 0.7s ease;
  1057. -moz-transition: all 0.7s ease;
  1058. transition: all 0.7s ease;
  1059. }
  1060.  
  1061. #music-player-rounded:hover .music-player {
  1062. opacity: 1;
  1063. height: 20px;
  1064.  
  1065. }
  1066.  
  1067. .music-player-embed {
  1068. margin-left:-20px;
  1069. margin-top:-15px;
  1070. -webkit-transition: all 0.7s ease;
  1071. -moz-transition: all 0.7s ease;
  1072. transition: all 0.7s ease;
  1073. }
  1074.  
  1075. #music-player-rounded:hover .music-player-embed {
  1076. margin-top:0px;
  1077.  
  1078. }
  1079.  
  1080.  
  1081.  
  1082. .c img{width:100%;}
  1083. .c{position:fixed;right:5px;bottom:5px;
  1084. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  1085. -o-transition: 0.5s ease;-moz-transition: 0.5s ease;}
  1086.  
  1087. .cboth:hover .c {
  1088. opacity: 0;
  1089. }
  1090.  
  1091. .cr img{width:100%;}
  1092. .cr{position:fixed;right:5px;bottom:5px; opacity: 0;
  1093. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  1094. -o-transition: 0.5s ease;-moz-transition: 0.5s ease;}
  1095.  
  1096. .cboth:hover .cr {
  1097. opacity: 1;
  1098. }
  1099.  
  1100.  
  1101.  
  1102.  
  1103. </style>
  1104. </head>
  1105. <body>
  1106.  
  1107. <div id="center">
  1108. <div id="content">
  1109. <!-- MUSIC PLAYER -->
  1110. <div id="music-player-rounded">
  1111. <img src="http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif">
  1112. <div class="music-player">
  1113. <div class="music-player-embed">
  1114. <!-- MUSIC PLAYER CODE BEGINS HERE -->
  1115. <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=https://dl.dropboxusercontent.com/s/bqies2e9zhczad2/DJ%20Fresh%20-%20Louder%20%28Flaxo%20Bootleg%29.mp3?dl=1&token_hash=AAE4zNWVIdI7vERk6KBvjPDi-3v86aZjoZn15e4BhJ6ysw&t0=Louder&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
  1116. <!-- MUSIC PLAYER ENDS HERE-->
  1117. </div>
  1118. </div>
  1119. </div>
  1120. <!--MUSIC PLAYER-->
  1121. <div id="infoc">
  1122. <div class="maincircle">
  1123. <!-- MAINCIRCLE IMAGE. TO CHANGE, REPLACE THE URL WITHIN THE QUOTATIONS WITH THE NEW IMAGE URL --><img src="http://static.tumblr.com/cbjpgjf/WZMmvtgd0/tumblr_muufcyflzi1qzgamco1_500.jpg"><!--MAINCIRCLE DIV ENDS HERE --></div>
  1124. <div class="maincirclet"><div class="maincircletext">
  1125. <!-- YOUR TITLE GOES HERE -->
  1126. NFF-THEMES
  1127. <!--TITLE ENDS HERE-->
  1128. </div>
  1129. </div>
  1130. </div>
  1131. <div class="both">
  1132. <div class="circle">
  1133. <!-- CIRCLE1 IMAGE. TO CHANGE, REPLACE THE URL WITHIN THE QUOTATIONS WITH THE NEW IMAGE URL --><img src="http://static.tumblr.com/cbjpgjf/hNEmvvdj1/tumblr_msudlrd29o1qzgamco1_1280.jpg"><!--CIRCLE1 DIV ENDS HERE --></div>
  1134. <div class="circle2">
  1135. <!-- CIRCLE2 IMAGE--><img src="http://static.tumblr.com/cbjpgjf/QCDmvt9f1/tumblr_mttlc4sfyn1qzgamco1_1280.jpg"><!-- CIRCLE2 IMAGE--></div>
  1136. <div class="textbox"><div class="text">links</div></div>
  1137. <div id="gobackwrapper">
  1138. <div class="goback">
  1139. <!-- CIRCLE2 IMAGE--><img src="http://static.tumblr.com/cbjpgjf/QCDmvt9f1/tumblr_mttlc4sfyn1qzgamco1_1280.jpg"><!-- CIRCLE2 IMAGE--></div>
  1140. <div class="linksc">
  1141.  
  1142. <!-- REPLACE "LINK # URL" WITH DESIRED URL AND "LINK #" WITH LINK NAME. FIRST TWO ARE EXAMPLES WHICH YOU CAN CHANGE ..... BE CAREFUL OF BROKEN LINKS. MAKE SURE YOUR LINKS BEGIN WITH " http:// " AND END WITH " / " -->
  1143.  
  1144. <div class="link1all">
  1145. <a href="http://nff-themes.tumblr.com/"><div class="linkbox1"></div>
  1146. <div class="link1box1">
  1147. <div class="linksb">GO BACK</div></a>
  1148. </div>
  1149. </div>
  1150.  
  1151. <div class="link2all">
  1152. <a href="http://milkmanner.tumblr.com/"><div class="linkbox2"></div>
  1153. <div class="link2box2"><div class="linksb">ART CREDIT</div></div></a>
  1154. </div>
  1155.  
  1156. <div class="link3all">
  1157. <a href="LINK THREE URL"><div class="linkbox3"></div>
  1158. <div class="link3box3"><div class="linksb">LINK THREE</div></div></a>
  1159. </div>
  1160.  
  1161. <div class="link4all">
  1162. <a href="LINK FOUR URL"><div class="linkbox4"></div>
  1163. <div class="link4box4"><div class="linksb">LINK FOUR</div></div></a>
  1164. </div>
  1165.  
  1166. <div class="link5all">
  1167. <a href="LINK FIVE URL"><div class="linkbox5"></div>
  1168. <div class="link5box5"><div class="linksb">LINK FIVE</div></div></a>
  1169. </div>
  1170.  
  1171. <div class="link6all">
  1172. <a href="LINK SIX URL"><div class="linkbox6"></div>
  1173. <div class="link6box6"><div class="linksb">LINK SIX</div></div></a>
  1174. </div>
  1175.  
  1176. <div class="link7all">
  1177. <a href="LINK SEVEN URL"><div class="linkbox7"></div>
  1178. <div class="link7box7"><div class="linksb">LINK SEVEN</div></div></a>
  1179. </div>
  1180.  
  1181. <div class="link8all">
  1182. <a href="LINK EIGHT URL"><div class="linkbox8"></div>
  1183. <div class="link8box8"><div class="linksb">LINK EIGHT</div></div></a>
  1184. </div>
  1185.  
  1186. <div class="link9all">
  1187. <a href="LINK NINE URL"><div class="linkbox9"></div>
  1188. <div class="link9box9"><div class="linksb">LINK NINE</div></div></a>
  1189. </div>
  1190.  
  1191. </div>
  1192. </div>
  1193.  
  1194. </div>
  1195.  
  1196. <div class="both2">
  1197. <div class="circle3">
  1198. <!-- CIRCLE 3 IMG--><img src="http://static.tumblr.com/cbjpgjf/06Smvvdo8/tumblr_mt5cs4hstt1qzgamco1_1280.jpg"><!-- CIRCLE 3 IMG--></div>
  1199. <div class="circle4">
  1200. <!-- CIRCLE 4 IMG--><img src="http://static.tumblr.com/cbjpgjf/g5vmvvdow/tumblr_mqvmi6bg6j1qzgamco1_r1_1280.jpg"><!-- CIRCLE 4 IMG--></div>
  1201. <div class="textbox2"><div class="text">about</div></div>
  1202. <div id="aboutwrapper"><div class="about">
  1203. <!-- CIRCLE 4 IMG--><img src="http://static.tumblr.com/cbjpgjf/g5vmvvdow/tumblr_mqvmi6bg6j1qzgamco1_r1_1280.jpg"><!-- CIRCLE 4 IMG--></div>
  1204. <div class="halfcircle1">
  1205. <div class="aboutbox"><div class="abouttext"><div style="overflow:auto; width: 265px; height: 130px; ">
  1206. <!--- ABOUT CONTENT STARTS HERE. REPLACE WHAT I HAVE WITH YOUR CONTENT -->
  1207. Hey guys! <br>This is a multi-purpose page that includes an about section, a favorites section, a navigation containing nine links, a tag
  1208. page section, and a music player. <br><br>
  1209. <b> important stuff to know</b><br>
  1210. <u>i strongly recommend you set up a sideblog</u> for this page before you put it into a <u>custom page</u>.
  1211. <br> to customize each individual section you're gonna need to know <i> some </i> coding. now don't worry. i'll be guiding you throughout the entire code.
  1212. <br>
  1213. <br>
  1214. all artwork is by <a href="http://milkmanner.tumblr.com/">milkmanner</a><br><br>
  1215. the ideal dimensions for the pictures are a 1:1 ratio (square). the ideal size for the circles is 500x500 pixels or larger.
  1216.  
  1217. <!-- ABOUT CONTENT ENDS HERE -->
  1218. </div></div></div>
  1219. <div class="aboutbar"><div class="titlesa">about me</div></div></div>
  1220.  
  1221. <div class="halfcircle2">
  1222. <div class="favebox"><div class="favetext"><div style="overflow:auto; width: 265px; height: 130px; ">
  1223. <!-- FAVORITES SECTION: customize the content here (<b></b> is the bold command) i put the titles between the <b>'s -->
  1224. <b>books:</b>
  1225. harry potter series | percy jackson series| odd thomas | the mortal instruments
  1226. <br>
  1227. <br> <!-- <br> is the enter command in html -->
  1228. <b>anime:</b>
  1229. fullmetal alchemist: brotherhood | free! iwatobi swim club | shingeki no kyojin | no. 6
  1230. <br>
  1231. <br>
  1232. <b>movies:</b>
  1233. spirited away | princess mononoke | howl's moving castle | kiki's delivery service
  1234. <br>
  1235. <br>
  1236. <b>games:</b>
  1237. assassin's creed series | mass effect series | zelda series | bioshock : infinite | halo
  1238. <!-- FAVORITES SECTION ENDS HERE -->
  1239. </div></div></div>
  1240. <div class="favebar"><div class="titlesa">favorites</div></div>
  1241. </div>
  1242. </div>
  1243. </div>
  1244.  
  1245. <div class="both3">
  1246. <div class="circle5">
  1247. <!-- CIRCLE 5 IMG--><img src="http://static.tumblr.com/cbjpgjf/R7wmvvdre/tumblr_mr72zhsujj1qzgamco1_500.jpg"><!-- CIRCLE 5 IMG--></div>
  1248. <div class="circle6">
  1249. <!-- CIRCLE 6 IMG--><img src="http://static.tumblr.com/cbjpgjf/Rf1mvvdwz/tumblr_mjkhf8udnz1qzgamco1_1280.jpg"><!-- CIRCLE 6 IMG--></div>
  1250. <div class="textbox3"><div class="text">tag list</div></div>
  1251. <div id="tagswrapper">
  1252. <div class="tags">
  1253. <!-- CIRCLE 6 IMG--><img src="http://static.tumblr.com/cbjpgjf/Rf1mvvdwz/tumblr_mjkhf8udnz1qzgamco1_1280.jpg"><!-- CIRCLE 6 IMG--></div>
  1254. <div class="tagbox">
  1255. <div class="tagboxbar"><div class="titlesa">tag list</div></div>
  1256. <div style="overflow:auto; margin-top: 20px; width: 200px; height: 375px; "><div class="tagtext">
  1257. <!-- DESIRED LINK GOES BETWEEN QUOTATIONS AND DESIRED TAG NAME GOES BETWEEN GREATER THAN SYMBOLS. IF YOU WANT TO ADD LINKS TO A SECTION, COPY <a href="TAG-LINK">TAG</a> AND PASTE UNDER DESIRED FANDOM SECTION. DELETE THE LINE TO REMOVE A TAG. THE FIRST TAG IS AN EXAMPLE OF WHAT YOU SHOULD TYPE IN.-->
  1258. <b>FANDOM ONE:</b>
  1259. <br>
  1260. <a href="http://nff-themes.tumblr.com/tagged/themes">MY THEMES</a>
  1261. <br>
  1262. <a href="TAG-TWO-LINK">TAG TWO</a>
  1263. <br>
  1264. <a href="TAG-THREE-LINK">TAG THREE</a>
  1265. <br>
  1266. <a href="TAG-FOUR-LINK">TAG FOUR</a>
  1267. <br>
  1268. <a href="TAG-FIVE-LINK">TAG FIVE</a>
  1269.  
  1270. <br><br>
  1271.  
  1272. <b>FANDOM TWO:</b>
  1273. <br>
  1274. <a href="TAG-ONE-LINK">TAG ONE</a>
  1275. <br>
  1276. <a href="TAG-TWO-LINK">TAG TWO</a>
  1277. <br>
  1278. <a href="TAG-THREE-LINK">TAG THREE</a>
  1279. <br>
  1280. <a href="TAG-FOUR-LINK">TAG FOUR</a>
  1281. <br>
  1282. <a href="TAG-FIVE-LINK">TAG FIVE</a>
  1283.  
  1284. <br><br>
  1285.  
  1286. <b>FANDOM THREE:</b>
  1287. <br>
  1288. <a href="TAG-ONE-LINK">TAG ONE</a>
  1289. <br>
  1290. <a href="TAG-TWO-LINK">TAG TWO</a>
  1291. <br>
  1292. <a href="TAG-THREE-LINK">TAG THREE</a>
  1293. <br>
  1294. <a href="TAG-FOUR-LINK">TAG FOUR</a>
  1295. <br>
  1296. <a href="TAG-FIVE-LINK">TAG FIVE</a>
  1297.  
  1298. <br><br>
  1299.  
  1300. <b>FANDOM FOUR:</b>
  1301. <br>
  1302. <a href="TAG-ONE-LINK">TAG ONE</a>
  1303. <br>
  1304. <a href="TAG-TWO-LINK">TAG TWO</a>
  1305. <br>
  1306. <a href="TAG-THREE-LINK">TAG THREE</a>
  1307. <br>
  1308. <a href="TAG-FOUR-LINK">TAG FOUR</a>
  1309. <br>
  1310. <a href="TAG-FIVE-LINK">TAG FIVE</a>
  1311.  
  1312. <br><br>
  1313.  
  1314. <b>FANDOM FIVE:</b>
  1315. <br>
  1316. <a href="TAG-ONE-LINK">TAG ONE</a>
  1317. <br>
  1318. <a href="TAG-TWO-LINK">TAG TWO</a>
  1319. <br>
  1320. <a href="TAG-THREE-LINK">TAG THREE</a>
  1321. <br>
  1322. <a href="TAG-FOUR-LINK">TAG FOUR</a>
  1323. <br>
  1324. <a href="TAG-FIVE-LINK">TAG FIVE</a>
  1325.  
  1326. <br><br>
  1327.  
  1328. <b>FANDOM SIX:</b>
  1329. <br>
  1330. <a href="TAG-ONE-LINK">TAG ONE</a>
  1331. <br>
  1332. <a href="TAG-TWO-LINK">TAG TWO</a>
  1333. <br>
  1334. <a href="TAG-THREE-LINK">TAG THREE</a>
  1335. <br>
  1336. <a href="TAG-FOUR-LINK">TAG FOUR</a>
  1337. <br>
  1338. <a href="TAG-FIVE-LINK">TAG FIVE</a>
  1339.  
  1340. </div>
  1341. </div>
  1342. </div>
  1343. </div>
  1344. </div>
  1345.  
  1346.  
  1347. </div>
  1348. </div>
  1349.  
  1350.  
  1351. <div class="cboth">
  1352. <div class="c">
  1353. <img src="http://static.tumblr.com/cbjpgjf/7Bcmvartf/logo2.01.png">
  1354. </div>
  1355.  
  1356. <div class="cr">
  1357. <a href="http://nff-themes.tumblr.com">
  1358. <img src="http://static.tumblr.com/cbjpgjf/H2jmvat5o/logo2.02.png"></a>
  1359. </div>
  1360. </div>
  1361.  
  1362.  
  1363. <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/03/03/tiny-hand-10.html" target="_blank" border="0" alt="Tiny Hand" style="position:absolute; top: 0px; right: 0px;" /></a>
  1364.  
  1365. </body>
  1366. </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!