API tools faq
paste
Advertisement
placidhysteria

Theme #02: Game Over

placidhysteria
Jul 9th, 2014
919
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.23 KB | None | 0 0
raw download clone embed print report
  1. <!---------------------------------------------------------------------
  2.  
  3. Tʜᴇᴍᴇ #001: Gᴇᴛ Oᴜᴛ ʙʏ Tʜᴇʀᴇᴀʟᴊᴀᴇᴊᴏᴏɴɢ.
  4. Fᴇᴇʟ ғʀᴇᴇ ᴛᴏ ᴛᴡᴇᴀᴋ ᴀʟʟ ʏᴏᴜ ᴘʟᴇᴀsᴇ, ᴊᴜsᴛ ᴅᴏɴ'ᴛ ʀᴇᴍᴏᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ.
  5. - Dᴏ ɴᴏᴛ ᴜsᴇ ᴍʏ ᴛʜᴇᴍᴇs ᴀs ᴀ ʙᴀsᴇ.
  6. - Dᴏ ɴᴏᴛ ᴛᴀᴋᴇ ᴘᴀʀᴛs ᴏғ ᴍʏ ᴄᴏᴅᴇs ᴛᴏ ᴜsᴇ ᴀs ʏᴏᴜʀ ᴏᴡɴ ᴡɪᴛʜᴏᴜᴛ ᴘᴇʀᴍɪssɪᴏɴ.
  7. - Iғ ʏᴏᴜ'ʀᴇ ʟᴏᴏᴋɪɴɢ ғᴏʀ ʜᴇʟᴘ, ᴀsᴋ, ᴅᴏɴ'ᴛ sᴛᴇᴀʟ.
  8.  
  9. ᴄᴏᴅᴇs ʙᴇʟᴏɴɢ ᴛᴏ ᴛʜᴇʀᴇᴀʟᴊᴀᴇᴊᴏᴏɴɢ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ / ʙᴏʀɴғʀᴇᴇᴏɴᴇᴋɪss2.ᴄᴏ.ᴠᴜ
  10.  
  11. ---------------------------------------------------------------------->
  12.  
  13. <!DOCTYPE html PUBLIC "-//W3C///DTD XHTML 1.0 Transitional//EN"
  14. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  15. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  16. <head>
  17.  
  18. <title>{Title}</title>
  19.  
  20. <link rel="shortcut icon" href="{Favicon}">
  21.  
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23.  
  24. <meta name="color:Background" content="#202020" />
  25. <meta name="color:Posts" content="#222222" />
  26. <meta name="color:Post Borders" content="#1a1a1a" />
  27. <meta name="color:Text" content="#676767" />
  28. <meta name="color:Title Shadow LIGHT" content="#2c2c2c" />
  29. <meta name="color:Title Shadow DARK" content="#111111" />
  30. <meta name="color:Sidebar" content="#1a1a1a" />
  31. <meta name="color:Navi Links BG" content="#252525" />
  32. <meta name="color:Caption Blockquote BG" content="#252525" />
  33. <meta name="color:Caption Blockquote Border" content="#2a2a2a" />
  34.  
  35. <meta name="color:Accent" content="#FF3333" />
  36.  
  37. <meta name="text:Symbol" content="♚" />
  38. <meta name="text:Symbol Hover" content="The name is Luhan, don't wear it out. '90 liner. EXO-M. Cutest oppa you've ever had." />
  39. <meta name="text:Sidebar Title" content="42090" />
  40. <meta name="text:Short Description" content="Short description goes here" />
  41. <meta name="text:Counters" content="Counter codes go here" />
  42.  
  43. <meta name="text:Link One" content="/" />
  44. <meta name="text:Link One Hover" content="Link 1 Hover Title" />
  45. <meta name="text:Link Two" content="/" />
  46. <meta name="text:Link Two Hover" content="Link 2 Hover Title" />
  47. <meta name="text:Link Three" content="/" />
  48. <meta name="text:Link Three Hover" content="Link 3 Hover Title" />
  49.  
  50. <meta name="image:Background Img" content="http://static.tumblr.com/en0rgrg/z4Kn8h668/background_default.png" />
  51. <meta name="image:Sidebar" content="http://static.tumblr.com/en0rgrg/Eimn8h61h/sb_img_default.png" />
  52. <meta name="image:Banner" content="http://static.tumblr.com/en0rgrg/ok6n8h6om/banner_default.png" />
  53.  
  54. <meta name="image:Social Media 1" content="http://static.tumblr.com/en0rgrg/NrOn8h79s/smedia_button_1.png" />
  55. <meta name="image:Social Media 2" content="http://static.tumblr.com/en0rgrg/zrXn8h7jf/smedia_button_2.png" />
  56. <meta name="image:Social Media 3" content="http://static.tumblr.com/en0rgrg/fOHn8h7bs/smedia_button_4.png" />
  57. <meta name="image:Social Media 4" content="http://static.tumblr.com/en0rgrg/N5qn8h7bj/smedia_button_3.png" />
  58.  
  59. <meta name="text:Social Media 1 Hover" content="Social media 1 hover" />
  60. <meta name="text:Social Media 1 Link" content="/" />
  61. <meta name="text:Social Media 2 Hover" content="Social media 2 hover" />
  62. <meta name="text:Social Media 2 Link" content="/" />
  63. <meta name="text:Social Media 3 Hover" content="Social media 3 hover" />
  64. <meta name="text:Social Media 3 Link" content="/" />
  65.  
  66. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  67. <script src="http://static.tumblr.com/n6wpvcp/7qnn34acp/tooltip.min.js"></script>
  68.  
  69. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  70. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  71. <script>
  72. (function($){
  73. $(document).ready(function(){
  74. $("[title],a[title],img[title]").style_my_tooltips({
  75. tip_follows_cursor:true,
  76. tip_delay_time:100,
  77. tip_fade_speed:280,
  78. attribute:"title"
  79. });
  80. });
  81. })(jQuery);
  82. </script>
  83.  
  84. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  85. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  86.  
  87. <script>
  88. $(function(){
  89. var $container = $('#content');
  90. $container.imagesLoaded(function(){
  91. $container.masonry({
  92. itemSelector: '#posts',
  93. });
  94. });
  95. $container.infinitescroll({
  96. itemSelector : ".posts",
  97. navSelector : "div#Pagination",
  98. nextSelector : "#Pagination a#next",
  99. loadingImg : "",
  100. loadingText : "<em></em>",
  101. bufferPx : 10000,
  102. extraScrollPx: 12000,
  103. },
  104. // trigger Masonry as a callback
  105. function( newElements ) {
  106. var $newElems = $( newElements ).css({ opacity: 0 });
  107. // ensure that images load before adding to masonry layout
  108. $newElems.imagesLoaded(function(){
  109. $newElems.animate({ opacity: 1 });
  110. $container.masonry( 'appended', $newElems, true );
  111. });
  112. }
  113. );
  114. });
  115. </script>
  116.  
  117. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  118.  
  119. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  120.  
  121. </head>
  122. <style type="text/css">
  123.  
  124. @font-face {font-family: "XT"; src:url('http://static.tumblr.com/rg0twyf/oL8n85x5k/bodonixt.ttf'); }
  125. @font-face {font-family: "Bebas"; src:url('http://static.tumblr.com/rg0twyf/qkKn861aj/bebas___.ttf'); }
  126.  
  127. ::-webkit-scrollbar { width: 9px; }
  128. ::-webkit-scrollbar-track-piece { background-color: {color:Background}; }
  129. ::-webkit-scrollbar-thumb:vertical {
  130. width: 1px;
  131. background-color: {color:Accent};
  132. border: 4px solid {color:Background};
  133. border-radius: 10px;
  134. border-radius: 100px;
  135. -moz-border-radius: 100px;
  136. -webkit-border-radius: 100px;
  137. -o-border-radius: 100px;
  138. }
  139.  
  140.  
  141. ::selection {color: #000; background: #f5f5f5; }
  142. ::-moz-selection {color: #000; background: #f5f5f5; }
  143. ::-webkit-selection {color: #000; background: #f5f5f5; }
  144.  
  145. body {
  146. background-color: {color:Background};
  147. font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  148. font-size: 10px;
  149. color: {color:Text};
  150. }
  151.  
  152. small {
  153. font-size: 10px;
  154. }
  155.  
  156. b {
  157. font-weight: bold;
  158. color: {color:Bold};
  159. }
  160.  
  161. i {
  162. color: {color:Italics};
  163. text-decoration: italic;
  164. }
  165.  
  166. h1 {
  167. font-family: Bebas, "Palatino Linotype", "Book Antiqua", Palatino, serif;
  168. font-family: 52px;
  169. font-weight: bold;
  170. background-color: #1d1d1d;
  171. padding: 10px;
  172. }
  173.  
  174. ul li {
  175. list-style-type: Square;
  176. }
  177.  
  178. li {
  179. list-style-type: Square;
  180. }
  181.  
  182. a {
  183. color: #fff;
  184. text-decoration: none;
  185. }
  186.  
  187. a:hover {
  188. color: {color:LinksHover};
  189. }
  190.  
  191. img {
  192. max-width: 100%;
  193. }
  194.  
  195. blockquote, .caption {
  196. padding:10px 15px 10px 40px;
  197. margin-left: 10px;
  198. width:75%;
  199. background-color: {color:Caption Blockquote BG};
  200. border: 1px solid {color:Caption Blockquote Border};
  201. }
  202.  
  203. #Background_Img {
  204. position: fixed;
  205. height: 100%;
  206. width: auto;
  207. bottom: 0px;
  208. top: 0px;
  209. right: 0px;
  210. z-index: -9999999999999999999999999999999999;
  211. }
  212.  
  213. /*-- Sidebar*/
  214.  
  215. #Sidebar {
  216. position: fixed;
  217. bottom: 50px;
  218. left: 380px;
  219. height: auto;
  220. width: auto;
  221. }
  222.  
  223. #Sb {
  224. float: right;
  225. height: auto;
  226. width: 435px;
  227. }
  228.  
  229. .Title {
  230. float: left;
  231. width: auto;
  232. text-align: justify;
  233. text-shadow: 1px 1px {color:Title Shadow LIGHT};, -1px -1px {color:Title Shadow DARK};
  234. font-size: 42px;
  235. color: #212020;
  236. padding: 10px;
  237. font-family: Bebas;
  238. }
  239.  
  240. .Title a {
  241. text-shadow: 1px 1px {color:Title Shadow LIGHT};, -1px -1px {color:Title Shadow DARK};
  242. font-size: 42px;
  243. color: #212020;
  244. font-family: Bebas;
  245. }
  246.  
  247. .Title img {
  248. padding: 5px;
  249. background-color: #212020;
  250. margin-top:15px;
  251. margin-left: 10px;
  252. -webkit-filter: grayscale(100%);
  253. }
  254.  
  255. .Sb_img {
  256. float: right;
  257. background-color: {color:Sidebar};
  258. padding: 5px;
  259. margin-top: -5px;
  260. }
  261.  
  262. .Sb_img img {
  263. width: 175px;
  264. height: 300px;
  265. }
  266.  
  267. .Navi {
  268. float: left;
  269. width: 230px;
  270. text-align: left;
  271. padding: 5px;
  272. margin-top: -5px;
  273. background-color: {color:Sidebar};
  274. font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", serif;
  275. }
  276.  
  277. .Navi a {
  278. display: inline-block;
  279. font-size: 12px;
  280. text-align: center;
  281. color: #fff;
  282. font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", serif;
  283. padding: 5px;
  284. width: 20px;
  285. background-color: {color:Navi Links BG};
  286. transition: .5s ease-in-out;
  287. -webkit-transition: .5s ease-in-out;
  288. -moz-transition: .5s ease-in-out;
  289. -o-transition: .5s ease-in-out;
  290. }
  291.  
  292. .Navi a:hover {
  293. color: {color:Accent};
  294. transition: .5s ease-in-out;
  295. -webkit-transition: .5s ease-in-out;
  296. -moz-transition: .5s ease-in-out;
  297. -o-transition: .5s ease-in-out;
  298. }
  299.  
  300. .Desc1 {
  301. float: left;
  302. padding: 10px;
  303. text-align: justify;
  304. color: #ddd;
  305. background-color: {color:Sidebar};
  306. width: 220px;
  307. margin-top: 4px;
  308. }
  309.  
  310. .Desc1 a {
  311. color: #ddd;
  312. }
  313.  
  314. .Lubanner {
  315. float: left;
  316. width: 230px;
  317. height: 45px;
  318. padding: 5px;
  319. margin-top: 4px;
  320. background-color: {color:Sidebar};
  321. }
  322.  
  323. .Lubanner {
  324. width: 230px;
  325. height: 45px;
  326. }
  327.  
  328. .SMedia {
  329. float: left;
  330. width: 240px;
  331. margin-top: 4px;
  332. font-family: Bebas;
  333. font-size: 48px;
  334. width: 240px;
  335. color: #ffffff;
  336. text-align: center;
  337. }
  338.  
  339. .SMedia img {
  340. display: inline-block;
  341. height: 50px;
  342. }
  343.  
  344. .Desc2 {
  345. float: left;
  346. padding: 10px;
  347. text-align: justify;
  348. color: #ddd;
  349. background-color: {color:Sidebar};
  350. width: 220px;
  351. height: 80px;
  352. margin-top: 4px;
  353. }
  354.  
  355. /*-- End Sidebar*/
  356.  
  357. #Wrapper {
  358. width: 330px;
  359. height: 100%;
  360. position: relative;
  361. margin-left: -10px;
  362. padding: 20px;
  363. padding-bottom: 50px;
  364. }
  365.  
  366. #posts {
  367. padding: 20px;
  368. float: center;
  369. position: relative;
  370. width: 290px;
  371.  
  372. }
  373.  
  374. #posts a {
  375. color: #ddd;
  376. text-decoration: none;
  377. }
  378.  
  379. #posts img {
  380. -webkit-filter: grayscale(100%);
  381. transition: .5s ease-in-out;
  382. -webkit-transition: .5s ease-in-out;
  383. -moz-transition: .5s ease-in-out;
  384. -o-transition: .5s ease-in-out;
  385. }
  386.  
  387. #posts img:hover {
  388. -webkit-filter: grayscale(0%);
  389. transition: opacity .5s ease-in-out;
  390. -webkit-transition: .5s ease-in-out;
  391. -moz-transition: .5s ease-in-out;
  392. -o-transition: .5s ease-in-out;
  393. }
  394.  
  395. .post_text {
  396. border: 1px solid {color:Post Borders};
  397. background-color: {color:Posts};
  398. color: #999;
  399. padding: 20px;
  400. padding-top: 5px;
  401. margin-top: 10px;
  402. word-wrap: break-word;
  403. }
  404.  
  405. .post_photo {
  406. background-color: {color:Posts};
  407. color: #999;
  408. margin-top: 10px;
  409. word-wrap: break-word;
  410.  
  411. }
  412.  
  413. .post_photoset {
  414. background-color: {color:Posts};
  415. color: #999;
  416. padding: 0px;
  417. margin-top: 10px;
  418. word-wrap: break-word;
  419. }
  420.  
  421. .post_answer {
  422. background-color: {color:Posts};
  423. color: #999;
  424. padding: 20px;
  425. padding-top: 5px;
  426. margin-top: 10px;
  427. word-wrap: break-word;
  428. border: 1px solid #ddd;
  429. }
  430.  
  431. .From {
  432. font-family: Bebas;
  433. margin-top: 10px;
  434. font-size: 24px;
  435. margin-left: 0px;
  436. color: #aaa;
  437. }
  438.  
  439. .Ask {
  440. background-color: #1f1f1f;
  441. padding: 10px;
  442. padding-left: 20px;
  443. padding-right: 20px;
  444. margin-top: -5px;
  445. }
  446.  
  447. pre {
  448. background:#262929;
  449. padding:10px 20px 10px 50px;
  450. margin-left:-10px;
  451. font-size: 10px;
  452. font-family: pxl;
  453. width:80%;
  454. }
  455.  
  456. code {
  457. font-size: 11px;
  458. }
  459.  
  460. .post_quote {
  461. background-color: {color:Posts};
  462. margin-top: 10px;
  463. color: #999;
  464. padding: 20px;
  465. word-wrap: break-word;
  466. font-size: 14px;
  467. }
  468.  
  469. .post_quote:first-letter {
  470. font-size: 18px;
  471. }
  472.  
  473. .post_quote:before {
  474. content:"“";
  475. float: left;
  476. font-size:64px;
  477. margin-left:-20px;
  478. padding-right: 5px;
  479. margin-top: 0px;
  480. color: {color:Accent};
  481. font-family: Impact, Charcoal, sans-serif;
  482. opacity: .5;
  483. z-index: 0;
  484. }
  485.  
  486. .source {
  487. text-align: left;
  488. font-family: Times;
  489. font-size: 12px;
  490. font-style: italic;
  491. padding: 5px;
  492. }
  493.  
  494. .post_link {
  495. background-color: {color:Posts};
  496. color: #999;
  497. margin-top: 10px;
  498. word-wrap: break-word;
  499. }
  500.  
  501. .post_chat {
  502. background-color: {color:Posts};
  503. color: #999;
  504. padding: 20px;
  505. margin-top: 10px;
  506. word-wrap: break-word;
  507. }
  508.  
  509. .user_1 {
  510. padding: 5px;
  511. }
  512.  
  513. .user_2 {
  514. background-color: #1d1d1d;
  515. padding: 5px;
  516. }
  517.  
  518. .label {
  519. font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  520. font-size: 11px;
  521. letter-spacing: 1px;
  522. color: #fff;
  523. text-transform: uppercase;
  524. }
  525.  
  526. .post_video {
  527. background-color: {color:Posts};
  528. color: #999;
  529. padding: 20px;
  530. margin-top: 10px;
  531. word-wrap: break-word;
  532. }
  533.  
  534. .post_audio {
  535. background-color: {color:Posts};
  536. color: #999;
  537. padding: 20px;
  538. margin-top: 10px;
  539. word-wrap: break-word;
  540. }
  541.  
  542. .music {
  543. height:90px;
  544. text-align:center;
  545. background: #0a0a0a;
  546. font-size:20px;
  547. color:#aaa;
  548. padding:5px;
  549. font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  550. }
  551.  
  552. .audio {
  553. float:left;
  554. background:#000;
  555. width:25px;
  556. height:25px;
  557. overflow:hidden;
  558. opacity:.5;
  559. display:block;
  560. margin-left:-95px;
  561. z-index:10000;
  562. -webkit-transition:all 1s ease-in-out;
  563. -moz-transition:all 1s ease-in-out;
  564. -o-transition:all 1s ease-in-out;
  565. -ms-transition:all 1s ease-in-out;
  566. transition:all 1s ease-in-out;
  567. padding:32.5px 55px 32.5px 10px;
  568. }
  569.  
  570. #permawrapper {
  571. position: absolute;
  572. margin-top: -50px;
  573. margin-left: 150px;
  574. opacity: 0!important;
  575. transition: .5s ease-in-out;
  576. -webkit-transition: .5s ease-in-out;
  577. -moz-transition: .5s ease-in-out;
  578. -o-transition: .5s ease-in-out;
  579. }
  580.  
  581. #posts:hover #permawrapper {
  582. margin-top: -100px;
  583. margin-left: 180px;
  584. opacity: 1!important;
  585. transition: .5s ease-in-out;
  586. -webkit-transition: .5s ease-in-out;
  587. -moz-transition: .5s ease-in-out;
  588. -o-transition: .5s ease-in-out;
  589. }
  590.  
  591. #asdf {
  592. width: 100px;
  593. margin-top: 0px;
  594. padding: 20px;
  595. font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  596. text-transform: uppercase;
  597. text-align: justify;
  598. font-size: 9px;
  599. color: #fff;
  600. overflow: visible;
  601. background-color: #111;
  602. }
  603.  
  604. #asdf a {
  605. color: #fff;
  606. padding: 5px;
  607. }
  608.  
  609. .notecount {
  610. font-family "Palatino Linotype", "Book Antiqua", Palatino, serif;
  611. font-size: 20px;
  612. text-transform:normal;
  613. letter-spacing: -1px;
  614. margin-left: -10px;
  615. text-align:center;
  616. margin-top:5px;
  617. margin-bottom: 10px;
  618. padding: 1px;
  619. color:#333;
  620. background-color: #1a1a1a;
  621. }
  622.  
  623. .notesu {
  624. background:transparent;
  625. width:500px;
  626. text-align: left;
  627. overflow:auto;
  628. line-height:15px;
  629. padding:5px;
  630. margin-left: -20px;}
  631.  
  632. .notesu img {width:26px;margin:5px;border:3px solid #151515;}
  633. .notesu li {list-style-type:none; padding:4px;margin-right: 20px;margin-bottom:2px;}
  634. ol.notes {margin: 25px 0px;}
  635. img.avatar {
  636. vertical-align: -18px;
  637. width: 26px;
  638. height: 26px;
  639. padding: 1px;}
  640.  
  641. #loading {
  642. position: fixed;
  643. left: 0px;
  644. top: 0px;
  645. width: 100%;
  646. height: 100%;
  647. z-index: 9999;
  648. background: url(http://static.tumblr.com/rg0twyf/DQHn7t8ey/loadingscreen.gif) 50% 50% no-repeat #000;
  649. background-size:350px;
  650. }
  651.  
  652. #s-m-t-tooltip{
  653. max-width:190px;
  654. margin-top:20px;
  655. padding: 5px;
  656. z-index:9999999999999999999999999999999999999999999999999999999;
  657. background-color: #000;
  658. color:#fff;
  659. font-family: Calibri;
  660. font-size: 8px;
  661. letter-spacing:1px;
  662. font-weight: bold;
  663. text-transform: uppercase;
  664. line-height: 10px;
  665. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  666. }
  667.  
  668. </style>
  669. <body>
  670.  
  671. <div id="Background_Img"><img src="{image:Background Img}"></div>
  672.  
  673. <div id="Wrapper">
  674. <div class="autopagerize_page_element" >
  675. {block:Posts}
  676. <div id="posts">
  677. <div class="post_text">{block:Text}
  678. {block:Title}
  679. <h1>{Title}</h1>
  680. {/block:Title}{Body}
  681. {/block:Text}
  682. {block:Photo}
  683. <div class="post_photo">
  684. <img src="{PhotoURL-250}" alt="{PhotoAlt}"/>
  685.  
  686. {block:Caption}
  687. <div style="margin-top:10px;" class="caption">{Caption}</div>
  688. {/block:Caption}</div>
  689. {/block:Photo}
  690. {block:Panorama}
  691. <div class="post_panorama">
  692. {LinkOpenTag}
  693. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  694. {LinkCloseTag}{block:Caption}
  695. <div class="caption">{Caption}</div>
  696. {/block:Caption}</div>
  697. </div>
  698. {/block:Panorama}{block:Photoset}
  699. <div class="post_photoset">
  700. {Photoset-250}{block:Caption}
  701. <div class="caption">{Caption}</div>
  702. {/block:Caption}</div>
  703. </div>
  704. {/block:Photoset}{block:Quote}
  705. <div class="post_quote">
  706. <p style="z-index:999999;width:85%;">{Quote}</p>
  707.  
  708. {block:Source}
  709. <div class="source">{Source}</div>
  710. {/block:Source}</div>
  711. </div>
  712. {/block:Quote}{block:Link}
  713. <div class="post_link">
  714. <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
  715.  
  716. {block:Description}
  717. <div class="description">{Description}</div>
  718. {/block:Description}
  719. </div></div>
  720. {/block:Link}{block:Chat}
  721. <div class="post_chat">
  722. {block:Title}
  723. <h1>{Title}</h1>
  724. {/block:Title}
  725.  
  726. <div class="chat">
  727. {block:Lines}
  728. <div class="{Alt} user_{UserNumber}">
  729. {block:Label}
  730. <span class="label">{Label}</span>
  731. {/block:Label}{Line}
  732. </div>
  733. {/block:Lines}
  734. </div>
  735. </div>
  736. </div>
  737. {/block:Chat}{block:Video}
  738. <div class="post_video">
  739. {Video-250}{block:Caption}
  740. <div class="caption">{Caption}</div>
  741. {/block:Caption}
  742. </div></div>
  743. {/block:Video}{block:Audio}<br>
  744.  
  745. {block:AlbumArt}
  746. <img src="{AlbumArtURL}" width="100px" height="100px" align="left">
  747. {/block:AlbumArt}
  748.  
  749. <div class="music">
  750. <div class="audio">
  751. {AudioPlayerBlack}
  752. </div>
  753. <br/>
  754. {block:TrackName}<em><strong>{TrackName}</strong></em>{/block:TrackName} {block:Artist}<br/>
  755. <span style="font-size:16px">{Artist}</span>{/block:Artist}
  756. </div>
  757. {/block:Audio}
  758.  
  759. {block:Answer}
  760.  
  761. <div class="From">
  762. Icoming Message:
  763. </div>
  764. <div class="Ask">
  765. {Question}
  766. </div>
  767. <div class="From" style="text-align:right;margin-top:-5px;margin-right:-10px;">
  768. from {Asker}
  769. </div>
  770.  
  771. {Answer}
  772.  
  773.  
  774. {/block:Answer}
  775.  
  776. {block:IndexPage}
  777.  
  778. <div id="permawrapper">
  779. <div id="asdf">
  780. <a href="{Permalink}">{TimeAgo}</a><br>
  781. <a href="{ReblogURL}">Reblog</a>
  782. {block:HasTags}
  783. <br>
  784. <a title="{block:Tags} #{Tag}{/block:Tags}">Tags</a>{/block:HasTags}
  785. </div>
  786. </div>
  787.  
  788. {/block:IndexPage}
  789.  
  790. </div>
  791.  
  792. {block:permalinkpage}
  793.  
  794. <div class="notecount">{block:NoteCount}<p>{NoteCountWithLabel}{/block:NoteCount}</div>
  795.  
  796. <div class="notesu">
  797. {block:PostNotes}
  798. {PostNotes-64}
  799. {/block:PostNotes}
  800. </div>
  801. {/block:permalinkpage}</div>
  802. {/block:Posts}
  803. </div></div>
  804.  
  805. <div id="Sidebar">
  806. <div id="Sb">
  807. <div class="Title"><a style="font-size:64px;" title="{text:Symbol Hover}">{text:Symbol} </a> {Title} <img src="{PortraitURL-30}"></div>
  808. <div class="Sb_img">
  809. <img src="{image:Sidebar}">
  810. </div>
  811. <div class="Navi">
  812. <a href="/">一</a>
  813. <a href="/ask">二</a>
  814. <a href="/submit">三</a>
  815. <a href="/archive">四</a>
  816. <a title="{text:Link One Hover}" href="{text:Link One}">五</a>
  817. <a title="{text:Link Two Hover}" href="{text:Link Two}">六</a>
  818. <a title="{text:Link Three Hover}" href="{text:Link Three}">七</a>
  819. </div>
  820. <div class="Desc1">
  821. {text:Short Description} {text:Counters}
  822.  
  823. </div>
  824. <div class="Lubanner">
  825. <img src="{image:Banner}">
  826. </div>
  827. <div class="Desc2">
  828. {Description}
  829. </div>
  830. <div class="SMedia">
  831. <a title="{text:Social Media 1 Hover}" href="{text:Social Media 1 Link}"><img src="{image:Social Media 1}"></a>
  832. <a title="{text:Social Media 2 Hover}" href="{text:Social Media 2 Link}"><img src="{image:Social Media 2}"></a>
  833. <a title="{text:Social Media 3 Hover}" href="{text:Social Media 3 Link}"><img src="{image:Social Media 3}"></a>
  834. <a title="Theme by therealjaejoong" href="http://bornfreeonekiss2.co.vu/"><img src="http://static.tumblr.com/en0rgrg/N5qn8h7bj/smedia_button_3.png"></a>
  835. </div>
  836. </div>
  837. </div>
  838.  
  839. </body>
  840. </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!