API tools faq
paste
Advertisement
xariaaaa

[THEME] ᴋᴜʀᴏɪ ɴᴀᴍɪᴅᴀ

xariaaaa
Feb 2nd, 2016
86
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.05 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head><title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8. <!---
  9. BASE CODE BY HAWTRONES
  10. CODED BY YOURS TRULY.
  11. --->
  12. <style type="text/css">
  13.  
  14. /* FONTS */
  15.  
  16. /* GASARA */
  17. @font-face { font-family: "gasara"; src: url('https://dl.dropbox.com/s/9mird7ef2oyhzbc/gasara.ttf'); }
  18.  
  19. /* BEBAS NEUE */
  20. @font-face { font-family: "bebas neue"; src: url('https://dl.dropboxusercontent.com/u/67800931/bebasneue.otf'); }
  21.  
  22. ::selection {
  23. background:transparent;
  24. color:#000000;
  25. text-shadow: 0px 0px 2px #13bea6, -2px 0px 0px #c43038;
  26. }
  27.  
  28. ::-moz-selection {
  29. background:transparent;
  30. color:#000000;
  31. text-shadow: 0px 0px 2px #13bea6, -2px 0px 0px #c43038;
  32. }
  33.  
  34. ::-webkit-selection {
  35. background:transparent;
  36. color:#000000;
  37. text-shadow: 0px 0px 2px #13bea6, -2px 0px 0px #c43038;
  38. }
  39.  
  40.  
  41. ::-webkit-scrollbar-thumb {
  42. height:auto;
  43. background-color: #222222;
  44. }
  45.  
  46. ::-webkit-scrollbar {
  47. height:9px;
  48. width:4px;
  49. background-color: #131313;
  50. }
  51.  
  52. body {
  53. background: #131313;
  54. background-image:url('{image:Background}');
  55. background-repeat: no-repeat;
  56. background-attachment: fixed;
  57. background-position: bottom right;
  58. }
  59.  
  60. a {
  61. text-decoration: none;
  62. outline: none;
  63. -moz-outline-style: none;
  64. color: #c7c7c7;
  65. -webkit-transition: opacity 0.7s linear;
  66. -webkit-transition: all 0.7s ease-out;
  67. -moz-transition: all 0.7s ease-out;
  68. transition: all 0.7s ease-out;
  69.  
  70. }
  71.  
  72. a:hover {
  73. text-shadow: 0px 0px 2px #13bea6, -2px 0px 0px #c43038;
  74. -webkit-transition: opacity 0.7s linear;
  75. -webkit-transition: all 0.7s ease-out;
  76. -moz-transition: all 0.7s ease-out;
  77. transition: all 0.7s ease-out;
  78.  
  79. }
  80.  
  81. h1, h2, h3 {
  82. font-family: "bebas neue";
  83. font-size: 20px;
  84. text-align: justify;
  85. color: #222222;
  86. text-shadow: 2px 2px 0px #131313;
  87. }
  88.  
  89. h1 a, h2 a, h3 a{
  90. color: #222222;
  91. text-shadow: 2px 2px 3px #131313;
  92. font-size: 20px;
  93. }
  94.  
  95. img {
  96. border:none;
  97. }
  98.  
  99. pre, code {
  100. font-family: "Gasara";
  101. font-size: 8px;
  102. line-height: 9px;
  103. word-wrap: break-word;
  104. background-color: #131313;
  105. padding: 3px;
  106. border-radius: 10px 0px 10px 0px;
  107. border-right: 1px solid #13bea6;
  108. border-left: 1px solid #c43038;
  109. }
  110.  
  111. blockquote {
  112. margin-left: 10px;
  113. padding-left: 5px;
  114. border-left: 1px solid #c43038;
  115. border-bottom: 1px dotted #c43038;
  116. }
  117.  
  118. blockquote blockquote {
  119. margin-left: 10px;
  120. padding-left: 5px;
  121. border-left: 1px solid #c43038;
  122. border-bottom: 1px dotted #c43038;
  123. }
  124.  
  125. blockquote img {
  126. max-width: 195px !important;
  127. height: auto;
  128. opacity: 0.4;
  129. -webkit-transition: opacity 0.7s linear;
  130. -webkit-transition: all 0.7s ease-out;
  131. -moz-transition: all 0.7s ease-out;
  132. transition: all 0.7s ease-out;
  133. -webkit-filter: grayscale(100%);
  134. filter: grayscale(100%);
  135. }
  136.  
  137. blockquote img:hover {
  138. opacity: 0.7;
  139. -webkit-transition: opacity 0.7s linear;
  140. -webkit-transition: all 0.7s ease-out;
  141. -moz-transition: all 0.7s ease-out;
  142. transition: all 0.7s ease-out;
  143. -webkit-filter: grayscale(50%);
  144. filter: grayscale(50%);
  145. }
  146.  
  147. blockquote blockquote img {
  148. max-width: 140px !important;
  149. height: auto;
  150. opacity: 0.4;
  151. -webkit-transition: opacity 0.7s linear;
  152. -webkit-transition: all 0.7s ease-out;
  153. -moz-transition: all 0.7s ease-out;
  154. transition: all 0.7s ease-out;
  155. -webkit-filter: grayscale(100%);
  156. filter: grayscale(100%);
  157. }
  158.  
  159. blockquote blockquote img:hover {
  160. opacity: 0.7;
  161. -webkit-transition: opacity 0.7s linear;
  162. -webkit-transition: all 0.7s ease-out;
  163. -moz-transition: all 0.7s ease-out;
  164. transition: all 0.7s ease-out;
  165. -webkit-filter: grayscale(50%);
  166. filter: grayscale(50%);
  167. }
  168.  
  169. h1 {
  170. font-size: 25px;
  171. letter-spacing: 2px;
  172. font-family: "Bebas Neue";
  173. font-style: none;
  174. line-height: 28px;
  175. text-align: justify;
  176. padding: 0px;
  177. color: #131313;
  178. -webkit-transition: opacity 0.7s linear;
  179. -webkit-transition: all 0.7s ease-out;
  180. -moz-transition: all 0.7s ease-out;
  181. transition: all 0.7s ease-out;
  182. }
  183.  
  184. h1:hover {
  185. -webkit-transition: opacity 0.7s linear;
  186. -webkit-transition: all 0.7s ease-out;
  187. -moz-transition: all 0.7s ease-out;
  188. transition: all 0.7s ease-out;
  189. text-shadow: 0px 0px 2px #13bea6, -2px 0px 0px #c43038;
  190. }
  191.  
  192. /*ENTRIES*/
  193.  
  194. #entries {
  195. padding: 2px;
  196. margin-left: 500px;
  197. margin-top: -500px;
  198. background-color: #222222;
  199. height: 400px;
  200. width: 270px;
  201. overflow: auto;
  202. border: double 30px #131313;
  203. }
  204.  
  205. #kook {
  206. height: 500px;
  207. width: 215px;
  208. margin-left: 350px;
  209. margin-top: 150px;
  210. }
  211.  
  212. #kook img {
  213. opacity: 1;
  214. }
  215.  
  216.  
  217. /* SIDEBAR */
  218. #sidebar {
  219. height: 445px;
  220. width: 145px;
  221. margin-left: 835px;
  222. margin-top: -455px;
  223. background-color: #222222;
  224. background-image: url('http://i.imgur.com/B8SZ0v1.png');
  225. }
  226.  
  227. .descr {
  228. height: 86px;
  229. width: 136px;
  230. padding-left: 5px;
  231. font-family: "Gasara";
  232. text-align: justify;
  233. text-transform: uppercase;
  234. color: #131313;
  235. font-size: 8px;
  236. letter-spacing: 1px;
  237. line-height: 12px;
  238. }
  239.  
  240. .lnk {
  241. margin-top: 325px;
  242. padding-left: 10px;
  243. width: 140px;
  244. height: 50px;
  245. font-family: "Bebas";
  246. font-size: 25px;
  247. text-align: center;
  248. display: inline-block;
  249. color: #131313;
  250. }
  251.  
  252. .lnk a {
  253. color: #131313;
  254. }
  255.  
  256. .lnk a:hover {
  257. text-shadow: 0px 0px 2px #13bea6, -2px 0px 0px #c43038;
  258. }
  259.  
  260. /* POSTS */
  261.  
  262. #post {
  263. padding-left: 10px;
  264. width: 250px;
  265. padding-bottom: 20px;
  266. font-size: 10px;
  267. font-family: "Calibri";
  268. text-align: justify;
  269. letter-spacing: 0px;
  270. color: #c7c7c7;
  271. }
  272.  
  273. #post img, #photoset, #video {
  274. max-width: 245px
  275. height: auto;
  276. opacity: 0.4;
  277. -webkit-transition: opacity 0.7s linear;
  278. -webkit-transition: all 0.7s ease-out;
  279. -moz-transition: all 0.7s ease-out;
  280. transition: all 0.7s ease-out;
  281. -webkit-filter: grayscale(100%);
  282. filter: grayscale(100%);
  283. }
  284.  
  285. #post img:hover, #photoset:hover, #video:hover {
  286. opacity: 0.7;
  287. -webkit-transition: opacity 0.7s linear;
  288. -webkit-transition: all 0.7s ease-out;
  289. -moz-transition: all 0.7s ease-out;
  290. transition: all 0.7s ease-out;
  291. -webkit-filter: grayscale(50%);
  292. filter: grayscale(50%);
  293. }
  294.  
  295. /*POST INFO*/
  296.  
  297. #info {
  298. width: 250px;
  299. text-align: left;
  300. font-family: "Gasara";
  301. margin-top: 10px;
  302. margin-left: 0px;
  303. letter-spacing: 1px;
  304. font-size: 8px;
  305. text-align: center;
  306. font-style: none;
  307. padding-top: 5px;
  308. line-height: 10px;
  309. text-transform: uppercase;
  310. border-top: 4px double #131313;
  311. }
  312.  
  313. #info a {
  314. text-align:center;
  315. color: #c7c7c7;
  316. -webkit-transition: opacity 0.7s linear;
  317. -webkit-transition: all 0.7s ease-out;
  318. -moz-transition: all 0.7s ease-out;
  319. transition: all 0.7s ease-out;
  320. }
  321.  
  322. #info a:hover {
  323. -webkit-transition: opacity 0.7s linear;
  324. -webkit-transition: all 0.7s ease-out;
  325. -moz-transition: all 0.7s ease-out;
  326. transition: all 0.7s ease-out;
  327. text-shadow: 0px 0px 2px #13bea6, -2px 0px 0px #c43038;
  328. }
  329.  
  330. #tags {
  331. font-family: "Slkscr";
  332. text-align: center;
  333. width: 240px;
  334. letter-spacing: -1px;
  335. margin-top:-7px;
  336. margin-left: 0px;
  337. font-size: 7px;
  338. padding: 5px;
  339. font-size: 8px;
  340. opacity:1;
  341. -webkit-transition: opacity 0.7s linear;
  342. -webkit-transition: all 0.7s ease-out;
  343. -moz-transition: all 0.7s ease-out;
  344. transition: all 0.7s ease-out;
  345. color: #c7c7c7;
  346. }
  347.  
  348. #tags a {
  349. text-decoration:none;
  350. display:inline-block;
  351. color: #c7c7c7;
  352. }
  353.  
  354. #tags a:hover {
  355. -webkit-transition: opacity 0.7s linear;
  356. -webkit-transition: all 0.7s ease-out;
  357. -moz-transition: all 0.7s ease-out;
  358. transition: all 0.7s ease-out;
  359. color: #c43038;
  360. }
  361.  
  362. /* AUDIO */
  363. .album {
  364. background-repeat: no-repeat;
  365. background-position: center;
  366. position: absolute;
  367. width: 86px;
  368. height: 86px;
  369. background-size: 60px;
  370. overflow: hidden;
  371. border:1px solid #13bea6;
  372. -moz-transition:all ease-in-out 0.7s;
  373. -webkit-transition:all ease-in-out 0.7s;
  374. -o-transition:all ease-in-out 0.7s;
  375. transition:all ease-in-out 0.7s;
  376. }
  377.  
  378. .album img {
  379. width: 86px;
  380. height: 86px;
  381. overflow: hidden;
  382. -moz-transition:all ease-in-out 0.7s;
  383. -webkit-transition:all ease-in-out 0.7s;
  384. -o-transition:all ease-in-out 0.7s;
  385. transition:all ease-in-out 0.7s;
  386. -webkit-filter: grayscale(100%);
  387. opacity:.5;
  388. }
  389.  
  390. .album img:hover {
  391. -moz-transition:all ease-in-out 0.7s;
  392. -webkit-transition:all ease-in-out 0.7s;
  393. -o-transition:all ease-in-out 0.7s;
  394. transition:all ease-in-out 0.7s;
  395. -webkit-filter: grayscale(50%) !important;
  396. opacity:1;
  397. }
  398.  
  399. .player {
  400. width: 10px;
  401. height: 11px;
  402. overflow: hidden;
  403. padding: 4px 21px 21px 4px;
  404. margin-top: 27px;
  405. margin-left: 26px;
  406. position: absolute;
  407. background-color: #000;
  408. border:1px solid #c43038;
  409. opacity: 0.5;
  410. z-index: 10;
  411. -webkit-transition: all 0.4s linear;
  412. -moz-transition: all 0.4s linear;
  413. -o-transition: all 0.4s linear;
  414. -moz-border-radius: 30px;
  415. -webkit-border-radius: 30px;
  416. border-radius: 30px;
  417. }
  418.  
  419. .album:hover .player {
  420. opacity: 0.5;
  421. }
  422.  
  423. .track {
  424. margin-left: 90px;
  425. min-height: 80px;
  426. max-height: 100px;
  427. overflow: auto;
  428. font-family: "Gasara";
  429. font-size: 8px;
  430. padding: 3px;
  431. color: #c7c7c7;
  432. text-transform: uppercase;
  433. letter-spacing: 1px;
  434. }
  435.  
  436. .track b {
  437. color: #c43038;
  438. }
  439.  
  440. /* QUOTES */
  441.  
  442. #quote {
  443. font-family: "Bebas";
  444. font-size: 20px;
  445. line-height: 23px;
  446. letter-spacing: 2px;
  447. text-align: justify;
  448.  
  449. }
  450.  
  451. #source{
  452. font-family: "Gasara";
  453. font-size: 8px;
  454. letter-spacing: 1px;
  455. text-align: right;
  456. -webkit-transition: opacity 0.7s linear;
  457. -webkit-transition: all 0.7s ease-out;
  458. -moz-transition: all 0.7s ease-out;
  459. transition: all 0.7s ease-out;
  460. }
  461.  
  462. #source:hover{
  463. letter-spacing: 3px;
  464. -webkit-transition: opacity 0.7s linear;
  465. -webkit-transition: all 0.7s ease-out;
  466. -moz-transition: all 0.7s ease-out;
  467. transition: all 0.7s ease-out;
  468. }
  469.  
  470. /* CHAT */
  471.  
  472. #chat{
  473. font-family: consolas;
  474. font-size: 9px;
  475. letter-spacing: 2px;
  476. color: #c7c7c7;
  477. }
  478.  
  479. #chat b{
  480. font-family: "Gasara" !important;
  481. font-size: 8px;
  482. color: #c43038;
  483. letter-spacing: 0px;
  484. }
  485.  
  486.  
  487. /* QUESTION */
  488.  
  489. #asker {
  490. font-family: "Bebas";
  491. font-size: 35px;
  492. text-align: right;
  493. color: #131313;
  494. }
  495.  
  496. #asker a {
  497. color: #131313;
  498. }
  499.  
  500. #asker a:hover {
  501. text-shadow: 0px 0px 2px #13bea6, -2px 0px 0px #c43038;
  502. }
  503.  
  504. #question {
  505. font-family: "Gasara";
  506. color: #222222;
  507. padding: 2px;
  508. background-color: #131313;
  509. text-align: justify;
  510. letter-spacing: 1px;
  511. line-height: 12px;
  512. font-size: 8px;
  513. }
  514.  
  515. #answer {
  516. text-align: justify;
  517. font-size: 10px;
  518. line-height: 11px;
  519. }
  520.  
  521. #answer img{
  522. max-width: 240px !important;
  523. height: auto;
  524. opacity: 0.4;
  525. -webkit-transition: opacity 0.7s linear;
  526. -webkit-transition: all 0.7s ease-out;
  527. -moz-transition: all 0.7s ease-out;
  528. transition: all 0.7s ease-out;
  529. -webkit-filter: grayscale(100%);
  530. filter: grayscale(100%);
  531. }
  532.  
  533. #answer img:hover {
  534. opacity: 0.7;
  535. -webkit-transition: opacity 0.7s linear;
  536. -webkit-transition: all 0.7s ease-out;
  537. -moz-transition: all 0.7s ease-out;
  538. transition: all 0.7s ease-out;
  539. -webkit-filter: grayscale(50%);
  540. filter: grayscale(50%);
  541. }
  542.  
  543. /* MUSIC PLAYER */
  544.  
  545. #alive{
  546. position: fixed;
  547. bottom: 513px;
  548. right: 378px;
  549. width: 118px;
  550. height: 8px;
  551. text-align: center;
  552. overflow-y: auto;
  553. background-color: #222222;
  554. border: 4px double #131313;
  555. padding: 10px;
  556. -webkit-transition:all 0.4s ease-in-out;
  557. -moz-transition:all 0.4s ease-in-out;
  558. -o-transition:all 0.4s ease-in-out;
  559. transition:all 0.4s ease-in-out;
  560. }
  561.  
  562. .tono {
  563. position:fixed;
  564. -webkit-transition:all 0.4s linear;
  565. -moz-transition:all 0.4s linear;
  566. -o-transition:all 0.4s linear;
  567. transition:all 0.4s linear;
  568. }
  569.  
  570. .huh {
  571. width: 90px;
  572. position:absolute;
  573. left:15px;
  574. top: -5px;
  575. font: 14px arial;
  576. color: #131313;
  577. letter-spacing: -1px;
  578. text-transform:uppercase;
  579. color:#000;
  580. -webkit-transition:all 0.4s linear;
  581. -moz-transition:all 0.4s linear;
  582. -o-transition:all 0.4s linear;
  583. transition:all 0.4s linear;
  584. }
  585.  
  586. .no {
  587. opacity: 0;
  588. margin-top: -10px;
  589. position: relative;
  590. z-index: 99;
  591. -webkit-transition:all 0.4s linear;
  592. -moz-transition:all 0.4s linear;
  593. -o-transition:all 0.4s linear;
  594. transition:all 0.4s linear;
  595. }
  596.  
  597. .tono:hover .huh {
  598. opacity:0;
  599. }
  600. .tono:hover .no {
  601. opacity:2;
  602. }
  603.  
  604. /* Hover Title Style */
  605.  
  606. #s-m-t-tooltip{
  607. max-width:250px;
  608. margin-top:25px;
  609. margin-left:15px;
  610. padding-left:4px;
  611. padding-right:4px;
  612. z-index:9999999999999999999;
  613. background-color: #222222;
  614. color: #c7c7c7;
  615. font-family: "Gasara";
  616. font-size:8px;
  617. letter-spacing:0px;
  618. text-transform:uppercase;
  619. text-align:center;
  620. line-height:14px;
  621. border-left: 1px dotted #13bea6;
  622. border-bottom: 1px dotted #c43038;
  623. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  624. border-radius: 0px 0px 0px 30px
  625. }
  626.  
  627.  
  628. /* POP UP */
  629.  
  630. *html #fade {
  631. position: absolute;
  632. }
  633. #fade {
  634. display: none;
  635. background: #131313;
  636. position: fixed;
  637. left: 0;
  638. top: 0;
  639. width: 100%;
  640. height: 100%;
  641. opacity: 0;
  642. z-index: 9999;
  643. }
  644.  
  645. *html .popup_block {
  646. position: absolute;
  647. }
  648.  
  649. .popup_block{
  650. background-color: #222222;
  651. display: none;
  652. position: fixed;
  653. float: left;
  654. top: 402px;
  655. left: 692px;
  656. height: 365px;
  657. padding: 20px;
  658. z-index: 9999999999;
  659. }
  660.  
  661. img.btn_close {
  662. float: right;
  663. margin: -55px -55px 0 0;
  664. }
  665.  
  666. .popupimg {
  667. margin-left: -20px;
  668. margin-top: -20px;
  669. height: 125px;
  670. width: 270px;
  671. opacity: 1 !important;
  672. }
  673.  
  674. .popupimg img {
  675. height: 125px;
  676. width: 270px;
  677. opacity: 1 !important;
  678. }
  679.  
  680. .popupcont {
  681. margin-top: 5px;
  682. height: 280px;
  683. width: 250px;
  684. overflow-y: auto;
  685. font-family: "Gasara";
  686. font-size: 8px;
  687. line-height: 12px;
  688. color: #c7c7c7;
  689. text-align: justify;
  690. }
  691.  
  692. .popupcont a{
  693. color: #ffffff;
  694. }
  695.  
  696. .popupcont b {
  697. font-family: "aspex";
  698. font-size: 8px;
  699. text-shadow: 0px 0px 2px #13bea6, -2px 0px 0px #c43038 !important;
  700. }
  701.  
  702. /* ASPEX */
  703. @font-face{ font-family: "aspex"; src: url('https:/dl.dropboxusercontent.com/s/yeeehszy65j0cfk/ASPEX_0.TTF')
  704. }
  705.  
  706. .popupcont h2 {
  707. font-family: "aspex";
  708. font-size: 20px;
  709. text-align: right;
  710. color: #131313;
  711. -webkit-transition:all 0.4s linear;
  712. -moz-transition:all 0.4s linear;
  713. -o-transition:all 0.4s linear;
  714. transition:all 0.4s linear;
  715. }
  716.  
  717. .popupcont h2:hover {
  718. -webkit-transition:all 0.4s linear;
  719. -moz-transition:all 0.4s linear;
  720. -o-transition:all 0.4s linear;
  721. transition:all 0.4s linear;
  722. text-shadow: 0px 0px 2px #13bea6, -2px 0px 0px #c43038;
  723. }
  724.  
  725. .popupcont2 {
  726. margin-top: 5px;
  727. height: 280px;
  728. width: 250px;
  729. overflow-y: auto;
  730. font-family: "Gasara";
  731. font-size: 8px;
  732. line-height: 12px;
  733. color: #c7c7c7;
  734. text-align: center;
  735. }
  736.  
  737. .popupcont2 a {
  738. background-color: #131313;
  739. padding: 2px;
  740. height: 15px;
  741. width: 110px;
  742. margin-right: 3px;
  743. margin-bottom: 3px;
  744. display: inline-block;
  745. color: #c7c7c7;
  746. }
  747. {CustomCSS}
  748. </style>
  749.  
  750. <!-- LAZY LOAD -->
  751. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  752.  
  753.  
  754. <!-- POP UP SCRIPT -->
  755. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  756. <script>
  757. $(document).ready(function() {
  758.  
  759. $('a.poplight[href^=#]').click(function() {
  760. var popID = $(this).attr('rel');
  761. var popURL = $(this).attr('href');
  762. var query= popURL.split('?');
  763. var dim= query[1].split('&');
  764. var popWidth = dim[0].split('=')[1];
  765. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  766. var popMargTop = ($('#' + popID).height() + 80) / 2;
  767. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  768.  
  769. $('#' + popID).css({
  770. 'margin-top' : -popMargTop,
  771. 'margin-left' : -popMargLeft
  772. });
  773. $('body').append('<div id="fade"></div>');
  774. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  775. return false;
  776. });
  777. $('a.close, #fade').live('click', function() {
  778. $('#fade , .popup_block').fadeOut(function() {
  779. $('#fade, a.close').remove();
  780. });
  781. return false;
  782. });
  783. });
  784. </script>
  785.  
  786. <!-- INFINITE SCROLL -->
  787. <script type="text/javascript" src="http://static.tumblr.com/nnl3g6g/vcCnyp3z7/infinitescrolling.js"></script>
  788.  
  789.  
  790. <!-- S-M-T-TOOLTIP JAVA -->
  791.  
  792. <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js'></script>
  793. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  794. <script>
  795. (function($){
  796. $(document).ready(function(){
  797. $("[title]").style_my_tooltips();
  798. });
  799. })(jQuery);
  800. </script>
  801.  
  802.  
  803.  
  804. </head>
  805.  
  806.  
  807.  
  808. <body>
  809.  
  810. <div id="profile" class="popup_block">
  811. <div class="popupimg"><img src="http://i.imgur.com/e4amC9V.png" /></div>
  812. <div class="popupcont">
  813. <h2>BASIC</h2>
  814. <b>NAME</b> Shinichi Okazaki <br />
  815. <b>AGE</b> EIGHTEEN (18)<br />
  816. <b>BIRTHDAY</b> NOV. 1ST 1997<br />
  817. <b>NICKNAME</b> SHIN<br />
  818. <br /><br />
  819.  
  820. <h2>APPEARANCE</h2>
  821. <b>HEIGHT</b> 188cm<br />
  822. <b>WEIGHT</b> 58kg<br />
  823. <b>HAIR COLOR</b> BLACK<br />
  824. <b>EYECOLOR</b> BLUE<br />
  825. <br /><br />
  826.  
  827. <h2>BACKGROUND</h2>
  828. <b>FAMILY</b> Though, mature and tall for his age, he is 18 years old and is the youngest member of the band. Shin was born in Sweden, he speaks British English with a Swedish accent. Due to his dysfunctional family, Shin left his home and abandoned his original family name. Shin's mother committed suicide while his mother's husband adopted him and refused to acknowledge him as his son. Therefore his life was devoid of parental love.<br /><br />
  829. <b>BLACK STONES</b> Black Stones, often shortened to Blast (ブラスト Burasuto), is a Japanese punk band. The current members are Nana Osaki (vocals), Nobuo Terashima (guitar), Shinichi Okazaki (bass), and Yasushi Takagi (drums). BLAST is signed under GAIA Records in Japan and LOEN for Korean promotions. So far, the band has released only one album, <a href="/blast1" title="Click for info!">BLAST</a><br /><br />
  830. <b>RELATIONSHIP</b> Oficially, he is single, however there are rumours about him being in a relationship with <a href="/trapnest">Trapnest</a>'s Reira Serizawa.<br /><br />
  831. <b>SEXUAL ORIENTATION</b>Never specified, however many fans believe he is bisexual.
  832. <br /><br />
  833. </div>
  834. </div>
  835.  
  836. <div id="navigation" class="popup_block">
  837. <div class="popupimg"><img src="http://i.imgur.com/e4amC9V.png" /></div>
  838. <div class="popupcont2">
  839. <a href="//- spoken but unwritten &">REPLIES</a> <a href="/tagged/- lost in the sothern wind &">ANSWERS</a><br />
  840. <a href="/tagged/- smoking cherry flavored cigs &">VISUAL</a> <a href="/tagged/- through blood and sweat &">BLAST</a><br />
  841. <a href="/tagged/- cigs and beer &">GAMES</a> <a href="/tagged/- post it notes &">UPDATES</a><br />
  842. <a href="/tagged/- haiku composer &">MUN'S WORDS</a> <a href="/cred">CREDITS</a><br />
  843. </div>
  844. </div>
  845.  
  846. </div>
  847.  
  848. <div id="alive">
  849. <div class="tono">
  850. <div class="huh">黒い涙　流す.</div>
  851. <div class="no">
  852. <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://k003.kiwi6.com/hotlink/32j1h9lfxl/anna-tsuchiya-inspi-nana-blast-kuroi-namida_mp3freex_.mp3http://k003.kiwi6.com/hotlink/32j1h9lfxl/anna-tsuchiya-inspi-nana-blast-kuroi-namida_mp3freex_.mp3&t0=Black Tears&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
  853. </div>
  854. </div>
  855. </div>
  856.  
  857. <div id="kook"><img src="http://i.imgur.com/GucZI9x.png" /></div>
  858.  
  859. <div id="entries">
  860. {block:Posts}
  861. <div id="post">
  862.  
  863. <!-- TEXT POST -->
  864. {block:Text}
  865. <h1>{block:Title}{Title}{/block:Title}</h1>
  866. {Body}
  867. {/block:Text}
  868.  
  869. <!-- PHOTO POST -->
  870. {block:Photo}
  871. {LinkOpenTag}<center><img src="{PhotoURL-250}"></center>{LinkCloseTag}
  872. {block:Caption}{Caption}{/block:Caption}
  873. {/block:Photo}
  874.  
  875.  
  876. <!-- PHOTOSET POST -->
  877. {block:Photoset}
  878. <div id="photoset">{Photoset-250}</div>
  879. {block:Caption}{Caption}{/block:Caption}
  880. {/block:Photoset}
  881.  
  882.  
  883. <!-- QUOTE POST -->
  884. {block:Quote}
  885. <div id="quote">{Quote}</div>
  886. {block:Source}<div id="source"> —{Source}</div>{/block:Source}
  887. {/block:Quote}
  888.  
  889. <!-- LINK POST -->
  890. {block:Link}
  891. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  892. {block:Description}{Description}{/block:Description}
  893. {/block:Link}
  894.  
  895. <!-- CHAT POST -->
  896. {block:Chat}
  897. {block:Title}<h1>{Title}</h1>{/block:Title}
  898. {block:Lines}
  899. <div id="chat">
  900. {block:Label}<b>{Label}</b>{/block:Label}{Line}<br>
  901. </div>
  902. {/block:Lines}
  903. {/block:Chat}
  904.  
  905. <!-- AUDIO POSTS -->
  906. {block:Audio}<div class="album">{block:AudioPlayer}<div class="player">{AudioPlayerBlack}</div>{/block:AudioPlayer}
  907.  
  908. {block:AlbumArt}{block:IndexPage}<img src="{AlbumArtURL}">{/block:IndexPage}{block:PermalinkPage}<img src="{AlbumArtURL}">{/block:PermalinkPage}{/block:AlbumArt}</div>
  909.  
  910. <div class="track">{block:TrackName}<b>Title:</b> {TrackName}<br>{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist}{block:Album}<b>Album:</b>
  911. {Album}{/block:Album}</div>
  912.  
  913. {block:ifShowCaptions}{block:Indexpage}{block:Caption}{Caption}{/block:Caption}{/block:Indexpage}{/block:ifShowCaptions}
  914.  
  915. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  916. {/block:Audio}
  917.  
  918. <!-- VIDEO POST -->
  919. {block:Video}<div id="video">{Video-250}</div>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  920.  
  921. <!-- ASK POST -->
  922. {block:Answer}
  923. <div id="asker">{Asker}</div>
  924. <div id="question"><b>{Question}</b></div>
  925. <div id="answer">{Answer}</div>
  926. {/block:Answer}
  927.  
  928. <!-- PERMALINK POST -->
  929. <div id="info">
  930. <a href="{Permalink}">{MonthNumberWithZero}/{DayOfMonthWithZero}</a> &mdash; {NoteCount}</a>
  931.  
  932. {block:HasTags}<div id="tags">
  933. {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;{/block:Tags}
  934. </div>{block:HasTags}
  935. </div>
  936.  
  937.  
  938. </div> <!-- END OF INDIVIDUAL ENTRY POST -->
  939. {/block:Posts}
  940. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  941. {/block:Posts}</div> <!-- END OF ENTRIES -->
  942.  
  943. <div id="sidebar">
  944. <div class="descr">Shedding black tears even as I scream; not even caring, the morning arrives. If I'm going to keep being battered by these painful days, I just want to disappear far away even though I know it is selfish of me...</div>
  945. <div class="lnk">
  946. <a href="/" title="INDEX!!">o1.</a>
  947. <a href="/ask" title="MESSAGES!!">o2.</a>
  948. <a href="#?w=230" rel="profile" class="poplight" title="PROFILE!!">o3.</a>
  949. <a href="#?w=230" rel="navigation" class="poplight" title="NAVIGATION!!">o4.</a>
  950. </div>
  951. </div><!-- END OF SIDEBAR -->
  952. </body>
  953. </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!