API tools faq
paste
pjo06

Theme #012 | 8-Bit

pjo06
Mar 21st, 2016
306
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.75 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3.  
  4. <!-- THEME BY CLARKEQGRIFFIN ~ PLEASE DONT REMOVE THE CREDIT -->
  5. <!-- THEME #012 8-BIT -->
  6.  
  7. <!-- VIDEO GAMES -->
  8.  
  9.  
  10.  
  11. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  12.  
  13. <html>
  14. <head>
  15. <title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  19.  
  20. <!--TEST BLOG 4-->
  21.  
  22. <!--<meta name="text:multiplayer images" content="" />-->
  23. <meta name="image:sidebar" content=""/>
  24. <meta name="image:background" content=""/>
  25. <meta name="color:bg" content="#f8f8f8" />
  26. <meta name="color:accent" content="#ffffff" />
  27. <meta name="color:outline" content="#eeeeee" />
  28. <meta name="color:text" content="#5a5a5a" />
  29. <meta name="color:sidelinks" content="#5a5a5a" />
  30. <meta name="color:link" content="#5a5a5a" />
  31. <meta name="color:link hover" content="#c3c3c3" />
  32. <meta name="color:Scrollbar" content="#000000">
  33.  
  34. <meta name="if:resized spacing" content="0" />
  35.  
  36. <meta name="text:link 1 URL" content="/" />
  37. <meta name="text:link 1" content="" />
  38. <meta name="text:link 2 URL" content="/" />
  39. <meta name="text:link 2" content="" />
  40. <meta name="text:link 3 URL" content="/" />
  41. <meta name="text:link 3" content="" />
  42. <meta name="text:link 4 URL" content="/" />
  43. <meta name="text:link 4" content="" />
  44.  
  45.  
  46.  
  47.  
  48.  
  49.  
  50.  
  51. <!--START-->
  52.  
  53. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  54. <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  55. <link href='https://fonts.googleapis.com/css?family=VT323' rel='stylesheet' type='text/css'>
  56.  
  57.  
  58.  
  59.  
  60. <!--TOOLTIPS-->
  61. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  62. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  63. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  64. <script>
  65. (function($){
  66. $(document).ready(function(){
  67. $("[title]").style_my_tooltips({
  68. tip_follows_cursor:true,
  69. tip_delay_time:100,
  70. tip_fade_speed:200
  71. });
  72. });
  73. })(jQuery);
  74. </script>
  75.  
  76.  
  77. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  78. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  79. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  80.  
  81.  
  82. <script>
  83. $(document).ready(function(){
  84. $('.photo-slideshow').pxuPhotoset({
  85. lightbox: true,
  86. rounded: false,
  87. gutter: '2px',
  88. borderRadius: '0px',
  89. photoset: '.photo-slideshow',
  90. photoWrap: '.photo-data',
  91. photo: '.pxu-photo'
  92. });
  93. });
  94. </script>
  95.  
  96. <!--SIDE SCRIPT-->
  97. <script type="text/javascript">
  98. function unhide(divID) {
  99. var item = document.getElementById(divID);
  100. if (item) {
  101. item.className=(item.className=='hidden')?'unhidden':'hidden';
  102. }
  103. }
  104. </script>
  105.  
  106.  
  107.  
  108.  
  109. <style type="text/css">
  110.  
  111.  
  112.  
  113. #s-m-t-tooltip {
  114. max-width:300px;
  115. margin:15px;
  116. padding:3px;
  117. /*border:1px solid #eaeaea;*/
  118. border-radius:0px;
  119. background:white;
  120. color:{color:text};
  121. z-index:999999;
  122. font-size:10px;
  123. font-style:none;
  124. font-weight:lighter;
  125. letter-spacing:1px;
  126. font-family:VT323;
  127. text-transform:uppercase;
  128. border:3px solid {color:outline};
  129. border-style:double;
  130. box-shadow:0px 0px 0px #f2f2f2;
  131. }
  132.  
  133. ::-webkit-scrollbar-thumb:vertical {
  134. background-color:{color:Scrollbar};
  135. height:5px;
  136. border:2px solid {color:accent};
  137. border-radius:100px;
  138. }
  139.  
  140. ::-webkit-scrollbar-thumb:horizontal {
  141. background-color:{color:Scrollbar};
  142. height:5px!important;
  143. }
  144.  
  145. ::-webkit-scrollbar {
  146. background-color:transparent;
  147. height:5px;
  148. width:6px;
  149. border-radius:100px;
  150. }
  151.  
  152.  
  153.  
  154. body {
  155. font-family: 'VT323', sans-serif;
  156. font-size:15px;
  157. color:{color:text};
  158. background-color:{color:bg};
  159. margin-left:30px;
  160. background-image:url("{image:background}");
  161. }
  162.  
  163.  
  164. ::-moz-selection {
  165. background-color: black;
  166. color: white;
  167. }
  168.  
  169. ::selection {
  170. background-color: black;
  171. color: white;
  172. }
  173.  
  174. #entry {
  175. margin-bottom:100px;
  176. margin-left:0px;
  177. margin-top:-80px;
  178. }
  179.  
  180. .suro {
  181. width:900px;
  182. margin:auto;
  183.  
  184. }
  185.  
  186. #screen {
  187. padding:20px;
  188. background-color:black;
  189. position:absolute;
  190. z-index:-99999;
  191. border-radius:7px 7px 30px 7px;
  192. visibility:hidden;
  193. }
  194.  
  195.  
  196. #mcontainer {
  197. height:calc(100% - 150px);
  198. border:4px solid {color:outline};
  199. background:{color:accent};
  200. border-radius:0px;
  201. width:900px;
  202. margin:70px 0;
  203. overflow-y:scroll;
  204. overflow-x:scroll;
  205. position:fixed;
  206. border-style:double;
  207. }
  208.  
  209. /*DPAD IMAGES*/
  210.  
  211. #dpad{
  212. position:absolute;
  213. margin-left:10px;
  214. margin-top:24px;
  215. opacity:.5;
  216. visibility:hidden;
  217. }
  218.  
  219. #dpad img {
  220. margin-top:15px;
  221. bottom:30px;
  222. left:25px;
  223. user-drag: none;
  224. user-select: none;
  225. -moz-user-select: none;
  226. -webkit-user-drag: none;
  227. -webkit-user-select: none;
  228. -ms-user-select: none;
  229. }
  230.  
  231. #dpad2 {
  232. position:absolute;
  233. margin-left:-10px;
  234. margin-top:10px;
  235.  
  236. }
  237.  
  238. #pad {
  239. margin-top:16px;
  240. }
  241.  
  242. #pad img {
  243. width:55px;
  244. user-drag: none;
  245. user-select: none;
  246. -moz-user-select: none;
  247. -webkit-user-drag: none;
  248. -webkit-user-select: none;
  249. -ms-user-select: none;
  250. }
  251.  
  252. #ab {
  253. margin-left:132px;
  254. margin-top:-60px;
  255. opacity:.4;
  256. }
  257.  
  258. #ab img{
  259. width:68px;
  260. user-drag: none;
  261. user-select: none;
  262. -moz-user-select: none;
  263. -webkit-user-drag: none;
  264. -webkit-user-select: none;
  265. -ms-user-select: none;
  266. }
  267.  
  268. #bbutton {
  269. margin-left:132px;
  270. margin-top:-40px;
  271. }
  272.  
  273. #bbutton img {
  274. width:29px;
  275. user-drag: none;
  276. user-select: none;
  277. -moz-user-select: none;
  278. -webkit-user-drag: none;
  279. -webkit-user-select: none;
  280. -ms-user-select: none;
  281. }
  282.  
  283. #abutton {
  284. margin-left:172px;
  285. margin-top:-60px;
  286. }
  287.  
  288. #abutton img {
  289. width:28px;
  290. user-drag: none;
  291. user-select: none;
  292. -moz-user-select: none;
  293. -webkit-user-drag: none;
  294. -webkit-user-select: none;
  295. -ms-user-select: none;
  296. }
  297.  
  298. #start {
  299. margin-left:57px;
  300. margin-top:50px;
  301. }
  302.  
  303. #start img {
  304. width:80px;
  305. user-drag: none;
  306. user-select: none;
  307. -moz-user-select: none;
  308. -webkit-user-drag: none;
  309. -webkit-user-select: none;
  310. -ms-user-select: none;
  311. }
  312.  
  313.  
  314. /*SIDEBAR*/
  315.  
  316. #sidebar {
  317. width:231px;
  318. position:fixed;
  319. margin-top:80px;
  320. border-right:1px solid {color:outline};
  321. padding:10px;
  322. height:calc(100% - 170px);
  323. overflow-y:scroll;
  324. }
  325.  
  326. #line1{
  327. background-color:#9f3857;
  328. width:225px;
  329. height:2px;
  330. position:absolute;
  331. margin-top:3px;
  332. }
  333. #line2{
  334. background-color:#393a7e;
  335. width:225px;
  336. height:2px;
  337. position:absolute;
  338. margin-top:7px;
  339. }
  340.  
  341. #dot1 {
  342. background-color:#4a8b30;
  343. width:6px;
  344. height:6px;
  345. border-radius:100px;
  346. position:absolute;
  347. margin-top:50px;
  348. margin-left:10px;
  349. }
  350.  
  351. #sidebarimg {
  352. height:171px;
  353. max-width:225px;
  354. }
  355.  
  356.  
  357. #sidebar img {
  358. max-width:160px;
  359. max-height:160px;
  360. overflow:hidden;
  361. /*border-radius:5px 5px 30px 5px;*/
  362. margin-left:20px;
  363.  
  364. }
  365.  
  366. #gblogo img {
  367. margin-top:5px;
  368. width:60px;
  369. }
  370.  
  371.  
  372. #description {
  373. width: 140px;
  374. background-color:white;
  375. height:140px;
  376. text-align:justify;
  377. text-transform:none;
  378. line-height:13px;
  379. font-size:14px;
  380. margin-top:5px;
  381. margin-left:20px;
  382. border:2px solid black;
  383. border-radius:6px;
  384. padding:10px;
  385. overflow-y:scroll;
  386. overflow-x:hidden;
  387. position:absolute;
  388.  
  389. {block:ifnotsidebarimage}
  390. opacity:1;
  391. {/block:ifnotsidebarimage}
  392.  
  393. {block:ifsidebarimage}
  394. opacity:0;
  395. -moz-transition-duration: 0.5s;
  396. -o-transition-duration: 0.5s;
  397. -webkit-transition-duration: 0.5s;
  398. transition-duration: 0.5s;
  399. {/block:ifsidebarimage}
  400. }
  401. {block:ifsidebarimage}
  402. #sidebar:hover #description {
  403. opacity:1;
  404. -moz-transition-duration: 0.5s;
  405. -o-transition-duration: 0.5s;
  406. -webkit-transition-duration: 0.5s;
  407. transition-duration: 0.5s;
  408. }
  409. {/block:ifsidebarimage}
  410.  
  411. #pagination {
  412. margin-top:9px;
  413. text-transform:uppercase;
  414. font-size:13px;
  415. color:{color:link};
  416. }
  417.  
  418. #pagination a {
  419. background-color:{color:accent};
  420. color:{color:link};
  421. }
  422.  
  423.  
  424. #pagination a:hover {
  425. text-decoration:none;
  426. color:{color:link hover};
  427. }
  428.  
  429. .prev {
  430. margin-left:152px;
  431. margin-top:-41px;
  432. position:absolute;
  433. z-index:9999;
  434. border:1px solid blue;
  435. border-radius:100px;
  436. padding:1px;
  437. background-color:blue;
  438. width:23px;
  439. height:23px;
  440. opacity:0;
  441. }
  442.  
  443. .pnext {
  444. margin-left:192px;
  445. margin-top:-57px;
  446. position:absolute;
  447. z-index:9999;
  448. border:1px solid blue;
  449. border-radius:100px;
  450. padding:1px;
  451. background-color:blue;
  452. width:23px;
  453. height:23px;
  454. opacity:0;
  455.  
  456. }
  457.  
  458. /*SIDELINKS*/
  459.  
  460. #menu {
  461. font-size:16px;
  462. text-align:center;
  463. text-transform:uppercase;
  464. margin-top:15px;
  465. }
  466.  
  467. #menu a:hover {
  468. color:{color:text};
  469. text-decoration:none;
  470. }
  471.  
  472. .sidelinks {
  473. max-width:130px;
  474. position:fixed;
  475. z-index:99999999;
  476. font-size:13px;
  477. text-transform:uppercase;
  478. text-align:center;
  479. margin-top:0px;
  480. margin-left:-2px;
  481. }
  482.  
  483. .sidelinks a {
  484. display:block;
  485. -moz-transition-duration: 0.3s;
  486. -o-transition-duration: 0.3s;
  487. -webkit-transition-duration: 0.3s;
  488. transition-duration: 0.3s;
  489. }
  490.  
  491. .sidelinks a:hover {
  492. color:{color:sidelinks};
  493. text-decoration:none;
  494. -moz-transition-duration: 0.3s;
  495. -o-transition-duration: 0.3s;
  496. -webkit-transition-duration: 0.3s;
  497. transition-duration: 0.3s;
  498. }
  499.  
  500.  
  501.  
  502. .caret {
  503. font-size:13px;
  504. font-family:arial;
  505. visibility:hidden;
  506. display:inline;
  507. margin-right:5px;
  508. }
  509.  
  510. .sidelinks a:hover .caret {
  511. visibility:visible;
  512. }
  513.  
  514. #dropdown1 {
  515. margin-top:5px;
  516. background-color:{color:accent};
  517. border:3px solid {color:outline};
  518. border-style:double;
  519. padding:7px 7px 7px 0px;
  520. opacity:1;
  521. position:absolute;
  522. z-index:77777;
  523. word-spacing:1.4px;
  524. width:130px;
  525. text-align:center;
  526. box-shadow: rgba(0,0,0,.05) 1px 1px 2px;
  527.  
  528. max-height:110px;
  529. overflow-y:scroll;
  530. }
  531.  
  532. #dropdown1 a:hover {
  533.  
  534. }
  535.  
  536. #dropdown1 a {
  537. padding-top:1px;
  538. }
  539.  
  540.  
  541. .hidden {
  542. opacity:0;
  543. visibility:hidden;
  544. height:0px;
  545. }
  546.  
  547.  
  548. .unhidden {
  549. opacity:1;
  550. }
  551.  
  552. #controls {
  553. z-index:999999;
  554. position:absolute;
  555. font-size:13px;
  556. background-color:transparent;
  557. bottom:5px;
  558. left:5px;
  559. margin-left:-22px;
  560. padding:5px 10px 5px 10px;
  561. text-transform:uppercase;
  562. height:15px;
  563. overflow:hidden;
  564. -moz-transition-duration: 0.4s;
  565. -o-transition-duration: 0.4s;
  566. -webkit-transition-duration: 0.4s;
  567. transition-duration: 0.4s;
  568. }
  569.  
  570. #controls:hover{
  571. height:97px;
  572. -moz-transition-duration: 0.4s;
  573. -o-transition-duration: 0.4s;
  574. -webkit-transition-duration: 0.4s;
  575. transition-duration: 0.4s;
  576. }
  577.  
  578. #controls img{
  579. user-drag: none;
  580. user-select: none;
  581. -moz-user-select: none;
  582. -webkit-user-drag: none;
  583. -webkit-user-select: none;
  584. -ms-user-select: none;
  585. }
  586.  
  587. #multiscreen {
  588. background-color:{color:bg};
  589. position:fixed;
  590. top:35px;
  591. left:6px;
  592. z-index:9999999999;
  593. visibility:hidden;
  594. opacity:1;
  595. text-transform:none;
  596. width:200px;
  597. text-align:center;
  598. padding:10px;
  599. }
  600.  
  601. #multi{
  602. position:fixed;
  603. font-size:13px;
  604. border:3px solid {color:outline};
  605. border-style:double;
  606. background-color:{color:accent};
  607. top:5px;
  608. left:5px;
  609. padding:5px;
  610. text-transform:uppercase;
  611. }
  612.  
  613. #multi:hover #multiscreen {
  614. visibility:visible;
  615. opacity:1;
  616. }
  617.  
  618.  
  619.  
  620.  
  621. a {
  622. text-decoration:none;
  623. color:{color:link};
  624. }
  625.  
  626. a:hover {
  627. text-decoration:none;
  628. color:{color:link hover};
  629. -moz-transition-duration: 0.3s;
  630. -o-transition-duration: 0.3s;
  631. -webkit-transition-duration: 0.3s;
  632. transition-duration: 0.3s;
  633. }
  634.  
  635. #title {
  636. max-width:245px;
  637. text-align: left;
  638. text-transform:uppercase;
  639. font-size:12px;
  640. border-radius: 5px 0px 0px 0px;
  641. border:1px solid {color:outline};
  642. margin-bottom:10px;
  643. }
  644.  
  645. #statsbar {
  646. font-size:20px;
  647. text-transform:uppercase;
  648. position:absolute;
  649. visibility:hidden;
  650. }
  651.  
  652.  
  653.  
  654. /*POSTS*/
  655.  
  656. #posts {
  657. width:500px;
  658. margin-left:330px;
  659. margin-top:30px;
  660. margin-bottom:20px;
  661. background-color:transparent;
  662. border:4px solid {color:outline};
  663. border-style:double;
  664. border-radius:0px;
  665. {block:PostNotes}
  666. padding-bottom:20px;
  667. {/block:PostNotes}
  668.  
  669. }
  670.  
  671.  
  672. #posts img {
  673. max-width:100%;
  674. height:auto;
  675. }
  676.  
  677.  
  678. #quote {
  679. font-style:italic;
  680. font-size: 17px;
  681. }
  682.  
  683. .source {
  684. font-style:italic;
  685. }
  686.  
  687. .title {
  688. font-size:18px;
  689. font-weight:none;
  690. font-style:italic;
  691. padding-top:10px;
  692. }
  693.  
  694. .linkname {
  695. font-size:20px;
  696. font-style:italic;
  697. }
  698.  
  699. /*AUDIO*/
  700.  
  701. #albumart {
  702. position:absolute;
  703. display:inline-block;
  704. z-index:999;
  705. margin-top:0px;
  706. margin-left:25px;
  707. padding:7px;
  708. }
  709.  
  710. .playbox {
  711. background-color:#fafafa;
  712. position:absolute;
  713. margin-left:68.5px;
  714. margin-top:44.5px;
  715. width:27px;
  716. height:27px;
  717. z-index:1000;
  718. opacity:.5;
  719. }
  720.  
  721. .playbutton {
  722. width: 27px;
  723. height: 27px;
  724. overflow: hidden;
  725. position: absolute;
  726. opacity:.5;
  727. -moz-transition-duration: 0.4s;
  728. -o-transition-duration: 0.4s;
  729. -webkit-transition-duration: 0.4s;
  730. transition-duration: 0.4s;
  731. }
  732.  
  733. .playbox:hover .playbutton {
  734. opacity:1;
  735. -moz-transition-duration: 0.4s;
  736. -o-transition-duration: 0.4s;
  737. -webkit-transition-duration: 0.4s;
  738. transition-duration: 0.4s;
  739. }
  740.  
  741. /*
  742. ORIGINAL
  743. .audiosrc {
  744. position:absolute;
  745. max-width:330px;
  746. margin-left:247px;
  747. margin-top:63px;
  748. font-size:9px;
  749. letter-spacing:1.5px;
  750. text-transform:uppercase;
  751. text-align:left;
  752. color:black;
  753.  
  754. }*/
  755.  
  756.  
  757. .audiosrc {
  758. position:absolute;
  759. display:inline-block;
  760. max-width:330px;
  761. margin-left:180px;
  762. top:40px;
  763. font-size:12px;
  764. letter-spacing:1.5px;
  765. text-transform:uppercase;
  766. text-align:left;
  767. color:black;
  768. padding-right:20px;
  769.  
  770. }
  771.  
  772. #srccontainer {
  773. position:relative;
  774. background-color:none;
  775. width:500px;
  776. height:100px;
  777. z-index:999;
  778. margin-bottom:30px;
  779. border-radius:6px;
  780. margin-top:15px;
  781. }
  782.  
  783.  
  784. /*QUESTION*/
  785.  
  786.  
  787. .question {
  788. background-color:#fafafa;
  789. width:500px;
  790. text-align:center;
  791. padding:10px;
  792. }
  793.  
  794. .asker {
  795. font-style:italic;
  796. text-transform:uppercase;
  797. text-align:center;
  798. }
  799.  
  800.  
  801.  
  802.  
  803. #postinfo {
  804. text-transform:uppercase;
  805. font-size:12px;
  806. margin-top:0px;
  807. padding:13px 20px 15px 20px;
  808. text-align:left;
  809. width:460px;
  810. line-height:12px;
  811. border-top:4px solid {color:outline};
  812. border-style:double;
  813. border-bottom:0px;
  814. border-left:0px;
  815. border-right:0px;
  816. {block:PostNotes}
  817. margin-bottom:30px;
  818. {/block:PostNotes}
  819. }
  820.  
  821.  
  822. #contentsrc {
  823. float:right;
  824. font-size:12px;
  825. }
  826.  
  827.  
  828.  
  829.  
  830. #mainpostinfo a{
  831. padding-bottom:2px;
  832. -moz-transition-duration: 0.4s;
  833. -o-transition-duration: 0.4s;
  834. -webkit-transition-duration: 0.4s;
  835. transition-duration: 0.4s;
  836. }
  837.  
  838. #mainpostinfo a:hover{
  839. padding-bottom:2px;
  840. -moz-transition-duration: 0.4s;
  841. -o-transition-duration: 0.4s;
  842. -webkit-transition-duration: 0.4s;
  843. transition-duration: 0.4s;
  844. }
  845.  
  846. .tags {
  847. margin-top:0px;
  848. text-transform:none;
  849. padding-right:40px;
  850.  
  851. }
  852.  
  853. .notes ol, .notes li{
  854. list-style:none;
  855. }
  856.  
  857.  
  858. ol.notes li.note img.avatar {
  859. vertical-align:-8px;
  860. border-radius:100%;
  861. margin-right:10px;
  862. width:16px;
  863. height:16px;
  864. margin-top:4px;
  865. margin-bottom:4px;
  866. }
  867.  
  868.  
  869. blockquote {
  870. padding-left:5px;
  871. border-left:1px solid {color:text};
  872. margin-left:14px;
  873. }
  874.  
  875.  
  876. blockquote blockquote {
  877. padding-left:5px;
  878. border-left:1px solid {color:text};
  879. margin-left:14px;
  880. }
  881.  
  882. .captions {
  883. padding:0px 10px 0px 10px;
  884. }
  885.  
  886. .txts {
  887. padding:20px 10px 10px 20px;
  888. }
  889.  
  890.  
  891. #creds {
  892. position:fixed;
  893. bottom:10px;
  894. right:10px;
  895. padding:8px;
  896. font-size:9px;
  897. background-color:white;
  898. border:3px solid {color:outline};
  899. border-style:double;
  900. }
  901.  
  902. {CustomCSS}</style>
  903.  
  904.  
  905. </head>
  906. <body>
  907.  
  908.  
  909.  
  910.  
  911.  
  912. <!--<div id="multi"><i class="fa fa-users"></i> multiplayer
  913. <div id="multiscreen">{text:multiplayer images}</div>
  914. </div>-->
  915.  
  916.  
  917.  
  918. <div class="suro">
  919. <div id="mcontainer">
  920.  
  921. <div id="entry">
  922.  
  923.  
  924.  
  925. <!--sidebar-->
  926.  
  927.  
  928. <!--<div id="dropdown1">link 1<br>link 2</div>-->
  929.  
  930.  
  931. <div id="sidebar">
  932. <div id="statsbar">player 1: {Title}</div>
  933.  
  934.  
  935.  
  936.  
  937. <div id="screen">
  938. </div>
  939.  
  940.  
  941. <!-- style="border-radius:3px 3px 30px 3px;"-->
  942.  
  943.  
  944.  
  945. <div id="line1"></div>
  946. <div id="line2"></div>
  947. <span title="full battery"><div id="dot1"></div></span>
  948.  
  949. <div id="sidebarimg" style="background-color:#d6d6d6; padding:10px; border-radius:3px 3px 30px 3px;">
  950.  
  951.  
  952.  
  953. <div id="description">
  954.  
  955.  
  956. <!--<div id="menu">
  957. <a href="javascript:unhide('displaybx');">main menu</a>
  958. </div>-->
  959. <div id="displaybx" class="hidden">
  960. <div class="sidelinks">
  961. <div id="dropdown1">
  962.  
  963. <span style="font-size:15px; margin-left:18px;">
  964. <u>GAME PAUSED</u>
  965. </span>
  966. <br>
  967.  
  968. <a href="/"><div class="caret"><i class="fa fa-caret-right"></i></div>new game</i></a>
  969. <a href="/ask"><div class="caret"><i class="fa fa-caret-right"></i></div>message</i></a>
  970. {block:IfLink1}<a href="{text:link 1 URL}"><div class="caret"><i class="fa fa-caret-right"></i></div>{text:link 1}</a>{/block:IfLink1}
  971. {block:IfLink2}<a href="{text:link 2 URL}"><div class="caret"><i class="fa fa-caret-right"></i></div>{text:link 2}</a>{/block:IfLink2}
  972. {block:IfLink3}<a href="{text:link 3 URL}"><div class="caret"><i class="fa fa-caret-right"></i></div>{text:link 3}</a>{/block:IfLink3}
  973. {block:IfLink4}<a href="{text:link 4 URL}"><div class="caret"><i class="fa fa-caret-right"></i></div>{text:link 4}</a>{/block:IfLink4}
  974. </div>
  975. </div>
  976. </div>
  977.  
  978.  
  979.  
  980. <i class="fa fa-caret-right"></i> PLAYER INFO:<br><br>
  981. {description}
  982. </div>
  983.  
  984. {block:ifsidebarimage}<img src="{image:sidebar}" style="border-radius:6px; border: 2px solid black; margin-top:5px;">{/block:ifsidebarimage}
  985.  
  986. </div>
  987.  
  988.  
  989. <!--<div id="gblogo">
  990. <img src="https://41.media.tumblr.com/f524cdaf073b6d656f3c8e4f6903a815/tumblr_o4cpqmC27X1r9s5p2o1_540.png">
  991. </div>-->
  992.  
  993.  
  994.  
  995.  
  996.  
  997.  
  998.  
  999.  
  1000.  
  1001.  
  1002.  
  1003. <div id="dpad">
  1004. <img src="https://40.media.tumblr.com/8073403a8e9e8578c12ecdddfa8335d9/tumblr_o49nx7NMOY1r9s5p2o1_250.png">
  1005. </div>
  1006.  
  1007. <div id="dpad2">
  1008. <div id="pad"><span title="new game"><a href="/"><img src="https://40.media.tumblr.com/becf758a6226de9c0a15d4478953260b/tumblr_o4ch366q0J1r9s5p2o2_250.png"></a></span></div>
  1009. <!--<div id="ab"><img src="https://41.media.tumblr.com/6b2af5bd54bcec333870d80b3aa00430/tumblr_o4ch366q0J1r9s5p2o1_250.png"></div>-->
  1010.  
  1011.  
  1012. {block:Pagination}
  1013. {block:PreviousPage}<span title="level down"><a href="{PreviousPage}"><div class="prev"></div></a></span>{/block:PreviousPage}
  1014. {block:NextPage}<span title="level up"><a href="{NextPage}"><div class="pnext"></div></a></span>{/block:NextPage}
  1015. {/block:Pagination}
  1016.  
  1017.  
  1018. <div id="bbutton"><img src="https://41.media.tumblr.com/718805c486c96b1772c72d71b83c8af6/tumblr_o4ch366q0J1r9s5p2o5_r1_100.png"></div>
  1019. <div id="abutton"><img src="https://41.media.tumblr.com/ed4843a618b2adabaa5bed54451fc5da/tumblr_o4ch366q0J1r9s5p2o4_r1_100.png"></div>
  1020.  
  1021.  
  1022.  
  1023. <a href="javascript:unhide('displaybx');">
  1024. <span title="Main Menu"><div id="start"><img src="https://41.media.tumblr.com/f18f8d66c89a7f695ddf7f53c757b06e/tumblr_o4ch366q0J1r9s5p2o3_250.png"></div></span>
  1025. </a>
  1026. </div>
  1027.  
  1028.  
  1029.  
  1030.  
  1031. <div id="controls">
  1032.  
  1033. <div style="padding-left:20px;margin-bottom:7px;">
  1034. <i class="fa fa-gamepad"></i> Controls
  1035. </div>
  1036.  
  1037. <div style="margin-bottom:4px;">
  1038. <img src="https://40.media.tumblr.com/cd1658ef89592ea1ca5f028f1c2c3fa1/tumblr_o4cxcgn6m71r9s5p2o2_100.png" style="width:14px; opacity:.7"> Next Page</div>
  1039. <div style="margin-bottom:4px;">
  1040. <img src="https://41.media.tumblr.com/ee3e77f318ebc0b0e34dfe92730213db/tumblr_o4cxcgn6m71r9s5p2o1_100.png" style="width:14px; opacity:.7"> Previous Page</div>
  1041. <div style="margin-bottom:4px;">
  1042. <img src="https://40.media.tumblr.com/becf758a6226de9c0a15d4478953260b/tumblr_o4ch366q0J1r9s5p2o2_250.png" style="width:14px; opacity:.7"> refresh</div>
  1043. <div style="margin-bottom:4px;">
  1044. <img src="https://40.media.tumblr.com/163053cd078da7c3adaea21c2975a4bb/tumblr_o4cxhl8Bz91r9s5p2o1_250.png" style="width:14px; opacity:.7"> Main Menu</div>
  1045.  
  1046. </div>
  1047.  
  1048.  
  1049.  
  1050.  
  1051. </div>
  1052.  
  1053. </div>
  1054.  
  1055.  
  1056.  
  1057. <!--posts-->
  1058.  
  1059. {block:posts} <div id="posts">
  1060.  
  1061.  
  1062. {block:Text}
  1063. <div class="captions">
  1064. <div class="title">{block:Title}{Title}{/block:Title}</div>{Body}
  1065. </div>
  1066. {/block:Text}
  1067.  
  1068. {block:Photo}
  1069. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}<div class="captions">{Caption}</div>{/block:Caption}
  1070. {/block:Photo}
  1071.  
  1072.  
  1073.  
  1074. {block:ifresizedspacing}
  1075. {block:Photoset}
  1076. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  1077.  
  1078. {block:Caption}<div class="captions">{Caption}</div>{/block:Caption}
  1079. {/block:Photoset}
  1080. {/block:ifresizedspacing}
  1081.  
  1082.  
  1083.  
  1084. {block:ifnotresizedspacing}
  1085. {block:Photoset}
  1086. {Photoset-500}{block:Caption}<div class="captions">{Caption}</div>{/block:Caption}
  1087. {/block:Photoset}
  1088. {/block:ifnotresizedspacing}
  1089.  
  1090.  
  1091.  
  1092. {block:Quote}
  1093. <div class="txts">
  1094. <div id="quote">{Quote}</div><div class="source">{block:Source}<div class="txts">— {Source}</div>{/block:Source}</div>
  1095. </div>
  1096. {/block:Quote}
  1097.  
  1098. {block:Link}
  1099. <div class="txts"><a href="{URL}"><div class="linkname">{Name}</div></a></div>{block:Description}<div class="captions">{description}</div>{/block:Description}
  1100. {/block:Link}
  1101.  
  1102. {block:Chat}
  1103.  
  1104. <div class="txts">
  1105. {block:title}<h2>{Title}</h2>{/block:title}{block:lines}{block:label}<b>{label}</b>{/block:label} {line} <br>{/block:lines}
  1106. </div>
  1107. {/block:Chat}
  1108.  
  1109.  
  1110.  
  1111. {block:Audio}
  1112.  
  1113. {block:AudioPlayer}
  1114. <div class="audiocontainer">
  1115. <div class="playbox"><div class="playbutton">{AudioPlayerWhite}</div></div>
  1116. <div id="srccontainer">
  1117. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100px" height="100px" style="border-radius:0px;">{/block:AlbumArt}</div>
  1118. <div class="audiosrc">
  1119. {block:Artist}<b>Artist</b>: {Artist}{/block:Artist}<br>
  1120. {block:TrackName}<b>Track</b>: {TrackName}{/block:TrackName}<br>
  1121. </div></div></div>
  1122. {/block:AudioPlayer}
  1123.  
  1124. {block:AudioEmbed}
  1125. {AudioEmbed}
  1126. {/block:AudioEmbed}
  1127.  
  1128. {block:Caption}<div class="captions">{Caption}</div>
  1129. {/block:Caption}
  1130. {/block:Audio}
  1131.  
  1132. {block:video}
  1133. {VideoEmbed-500}{block:Caption}<div class="captions">{caption}</div>{/block:Caption}
  1134. {/block:video}
  1135.  
  1136. <!--{block:answer}
  1137. <div class="question">
  1138. <div class="asker">
  1139. <b>{asker} said:</b></div>
  1140. <br>{question}
  1141. </div>
  1142. {Answer}
  1143. {/block:answer}-->
  1144.  
  1145.  
  1146. <!--<div class="question">
  1147.  
  1148. <div class="asker">
  1149. {Asker}
  1150. </div>
  1151. <div class="qa">
  1152. {Question}
  1153. <div class="tri"></div>
  1154. </div>
  1155. </div>
  1156. {Answer}
  1157. <div class="replies">
  1158. {Replies}
  1159. </div>-->
  1160.  
  1161.  
  1162. <!--postinfo-->
  1163.  
  1164. <div id="postinfo">
  1165.  
  1166. <div id="mainpostinfo"
  1167. <!--{block:Date}
  1168. {TimeAgo}
  1169. {/block:Date}-->
  1170.  
  1171. STATS:
  1172. <a href="{Permalink}">
  1173. {NoteCountWithLabel}</a>
  1174.  
  1175.  
  1176. <div id="contentsrc">
  1177. {block:RebloggedFrom}
  1178. <a href="{ReblogParentURL}"><span title="{ReblogParentname}">via</span></a> /
  1179. <a href="{ReblogRootURL}"><span title="{ReblogRootname}">src</span></a>
  1180.  
  1181. {/block:RebloggedFrom}
  1182. </div>
  1183.  
  1184.  
  1185. {block:Date}<br>
  1186. Last Saved:
  1187. <span title="{DayOfMonthWithZero} {ShortMonth} {ShortYear}"><a href="{permalink}">{timeago}</a></span>
  1188. {/block:Date}
  1189.  
  1190.  
  1191.  
  1192.  
  1193. <!--&nbsp;&nbsp;&nbsp;{block:RebloggedFrom}
  1194. <a href="{ReblogParentURL}"><span title="{ReblogParentname}">via</span></a>&nbsp;/&nbsp;<a href="{ReblogRootURL}"><span title="{ReblogRootname}">src</span></a>
  1195. {/block:RebloggedFrom}-->
  1196.  
  1197.  
  1198. {block:ContentSource}
  1199. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1200. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1201. {/block:SourceLogo}
  1202. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1203. {/block:ContentSource}
  1204.  
  1205.  
  1206. <br></div>
  1207. <div class="tags">
  1208.  
  1209.  
  1210. {block:HasTags}
  1211. SAVED AS:&nbsp;
  1212. {block:tags}
  1213. <a href="{TagURL}">{Tag};</a>&nbsp;
  1214. {/block:tags}
  1215. {/block:HasTags}
  1216. </div>
  1217.  
  1218. <!--<i class="fa fa-angle-right"></i>-->
  1219.  
  1220.  
  1221.  
  1222.  
  1223.  
  1224. </div>
  1225.  
  1226.  
  1227.  
  1228. <div class="notes">
  1229. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1230. </div>
  1231.  
  1232.  
  1233. </div>{/block:posts}
  1234.  
  1235. </div>
  1236.  
  1237.  
  1238. </div>
  1239. </div>
  1240.  
  1241. <!--<div style="position:fixed; top:10px;right:10px;display:inline;">
  1242. <img src="https://36.media.tumblr.com/f2941c8bb55d8b00d522cf07ab5f7a10/tumblr_o4cs8dtPDv1r9s5p2o1_540.png" style="width:10px; padding-right:2px"><img src="https://36.media.tumblr.com/f2941c8bb55d8b00d522cf07ab5f7a10/tumblr_o4cs8dtPDv1r9s5p2o1_540.png" style="width:10px; padding-right:2px"><img src="https://36.media.tumblr.com/f2941c8bb55d8b00d522cf07ab5f7a10/tumblr_o4cs8dtPDv1r9s5p2o1_540.png" style="width:10px; padding-right:2px"><img src="https://36.media.tumblr.com/f2941c8bb55d8b00d522cf07ab5f7a10/tumblr_o4cs8dtPDv1r9s5p2o1_540.png" style="width:10px; padding-right:2px"><img src="https://36.media.tumblr.com/f2941c8bb55d8b00d522cf07ab5f7a10/tumblr_o4cs8dtPDv1r9s5p2o1_540.png" style="width:10px; padding-right:2px">
  1243. </div>-->
  1244.  
  1245. <div id="creds">
  1246. <a href="http://clarkeqgriffin.tumblr.com">
  1247. <span title="clarkeqgriffin"><i class="fa fa-power-off" style="opacity:.8;"></i></span>
  1248. </a>
  1249. </div>
  1250.  
  1251. </body>
  1252. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!