API tools faq
paste
Advertisement
sleeplessthemes

Game Boy Color Theme

sleeplessthemes
Jun 5th, 2014
2,784
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.76 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. <!--
  5. GAMEBOY COLOR THEME - MADE BY DESTROYER.TUMBLR.COM | SLEEPLESSTHEMES.COM
  6. GAMEBOY COLOR THEME - MADE BY DESTROYER.TUMBLR.COM | SLEEPLESSTHEMES.COM
  7. GAMEBOY COLOR THEME - MADE BY DESTROYER.TUMBLR.COM | SLEEPLESSTHEMES.COM GAMEBOY COLOR THEME - MADE BY DESTROYER.TUMBLR.COM | SLEEPLESSTHEMES.COM GAMEBOY COLOR THEME - MADE BY DESTROYER.TUMBLR.COM | SLEEPLESSTHEMES.COM GAMEBOY COLOR THEME - MADE BY DESTROYER.TUMBLR.COM | SLEEPLESSTHEMES.COM GAMEBOY COLOR THEME - MADE BY DESTROYER.TUMBLR.COM | SLEEPLESSTHEMES.COM GAMEBOY COLOR THEME - MADE BY DESTROYER.TUMBLR.COM | SLEEPLESSTHEMES.COM GAMEBOY COLOR THEME - MADE BY DESTROYER.TUMBLR.COM | SLEEPLESSTHEMES.COM GAMEBOY COLOR THEME - MADE BY DESTROYER.TUMBLR.COM | SLEEPLESSTHEMES.COM GAMEBOY COLOR THEME - MADE BY DESTROYER.TUMBLR.COM | SLEEPLESSTHEMES.COM GAMEBOY COLOR THEME - MADE BY DESTROYER.TUMBLR.COM | SLEEPLESSTHEMES.COM GAMEBOY COLOR THEME - MADE BY DESTROYER.TUMBLR.COM | SLEEPLESSTHEMES.COM GAMEBOY COLOR THEME - MADE BY DESTROYER.TUMBLR.COM | SLEEPLESSTHEMES.COM GAMEBOY COLOR THEME - MADE BY DESTROYER.TUMBLR.COM | SLEEPLESSTHEMES.COM GAMEBOY COLOR THEME - MADE BY DESTROYER.TUMBLR.COM | SLEEPLESSTHEMES.COM GAMEBOY COLOR THEME - MADE BY DESTROYER.TUMBLR.COM | SLEEPLESSTHEMES.COM GAMEBOY COLOR THEME - MADE BY DESTROYER.TUMBLR.COM | SLEEPLESSTHEMES.COM GAMEBOY COLOR THEME - MADE BY DESTROYER.TUMBLR.COM | SLEEPLESSTHEMES.COM GAMEBOY COLOR THEME - MADE BY DESTROYER.TUMBLR.COM | SLEEPLESSTHEMES.COM GAMEBOY COLOR THEME - MADE BY DESTROYER.TUMBLR.COM | SLEEPLESSTHEMES.COM GAMEBOY COLOR THEME - MADE BY DESTROYER.TUMBLR.COM | SLEEPLESSTHEMES.COM GAMEBOY COLOR THEME - MADE BY DESTROYER.TUMBLR.COM | SLEEPLESSTHEMES.COM GAMEBOY COLOR THEME - MADE BY DESTROYER.TUMBLR.COM | SLEEPLESSTHEMES.COM GAMEBOY COLOR THEME - MADE BY DESTROYER.TUMBLR.COM | SLEEPLESSTHEMES.COM GAMEBOY COLOR THEME - MADE BY DESTROYER.TUMBLR.COM | SLEEPLESSTHEMES.COM GAMEBOY COLOR THEME - MADE BY DESTROYER.TUMBLR.COM | SLEEPLESSTHEMES.COM GAMEBOY COLOR THEME - MADE BY DESTROYER.TUMBLR.COM | SLEEPLESSTHEMES.COM GAMEBOY COLOR THEME - MADE BY DESTROYER.TUMBLR.COM | SLEEPLESSTHEMES.COM GAMEBOY COLOR THEME - MADE BY DESTROYER.TUMBLR.COM | SLEEPLESSTHEMES.COM GAMEBOY COLOR THEME - MADE BY DESTROYER.TUMBLR.COM | SLEEPLESSTHEMES.COM GAMEBOY COLOR THEME - MADE BY DESTROYER.TUMBLR.COM | SLEEPLESSTHEMES.COM GAMEBOY COLOR THEME - MADE BY DESTROYER.TUMBLR.COM | SLEEPLESSTHEMES.COM GAMEBOY COLOR THEME - MADE BY DESTROYER.TUMBLR.COM | SLEEPLESSTHEMES.COM GAMEBOY COLOR THEME - MADE BY DESTROYER.TUMBLR.COM | SLEEPLESSTHEMES.COM GAMEBOY COLOR THEME - MADE BY DESTROYER.TUMBLR.COM | SLEEPLESSTHEMES.COM GAMEBOY COLOR THEME - MADE BY DESTROYER.TUMBLR.COM | SLEEPLESSTHEMES.COM GAMEBOY COLOR THEME - MADE BY DESTROYER.TUMBLR.COM | SLEEPLESSTHEMES.COM GAMEBOY COLOR THEME - MADE BY DESTROYER.TUMBLR.COM | SLEEPLESSTHEMES.COM GAMEBOY COLOR THEME - MADE BY DESTROYER.TUMBLR.COM | SLEEPLESSTHEMES.COM GAMEBOY COLOR THEME - MADE BY DESTROYER.TUMBLR.COM | SLEEPLESSTHEMES.COM GAMEBOY COLOR THEME - MADE BY DESTROYER.TUMBLR.COM | SLEEPLESSTHEMES.COM GAMEBOY COLOR THEME - MADE BY DESTROYER.TUMBLR.COM | SLEEPLESSTHEMES.COM GAMEBOY COLOR THEME - MADE BY DESTROYER.TUMBLR.COM | SLEEPLESSTHEMES.COM -->
  8.  
  9. <head>
  10.  
  11. {block:IndexPage}
  12.  
  13. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
  14. {/block:IndexPage}
  15.  
  16. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  17. <link rel="shortcut icon" href="{Favicon}" />
  18.  
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20.  
  21. <meta name="description" content="{MetaDescription}" />
  22. <meta name="if:InfiniteScroll" content="1"/>
  23. <meta name="if:Show Captions" content="0"/>
  24.  
  25. <meta name="image:Portrait" content=""/>
  26.  
  27. <meta name="image:Background" content=""/>
  28. <meta name="color:Background" content="#ff3176"/>
  29. <meta name="if:Full Size Background Image" content="1" />
  30.  
  31. <meta name="color:post" content="#afafaf"/>
  32. <meta name="color:gameboy body" content="#41a9ce"/>
  33. <meta name="color:gameboy screen" content="#c3c3c3"/>
  34. <meta name="color:gameboy behind screen" content="#0d0d0d"/>
  35.  
  36. <meta name="color:scrollbar" content="#9d9d9d"/>
  37. <meta name="color:scrollbar slider" content="#0d0d0d"/>
  38.  
  39.  
  40. <meta name="color:text" content="#131313"/>
  41. <meta name="color:text headers" content="#b60030"/>
  42. <meta name="color:bold text" content="#392188"/>
  43. <meta name="color:label background" content="#9b9b9b"/>
  44. <meta name="color:link" content="#007c6a"/>
  45. <meta name="color:link hover" content="#69a40e"/>
  46.  
  47.  
  48.  
  49. <meta name="text:Font Size" content="11px"/>
  50. <meta name="text:Line Height" content="12px"/>
  51. <meta name="font:Body" content="'courier new', Arial, Trebuchet MS, Helvetica, Tahoma, sans-serif" />
  52.  
  53. <meta name="text:Custom Link 1" content="" />
  54. <meta name="text:Custom Link 1 Title" content="" />
  55. <meta name="text:Custom Link 2" content="" />
  56. <meta name="text:Custom Link 2 Title" content="" />
  57. <meta name="text:Custom Link 3" content="" />
  58. <meta name="text:Custom Link 3 Title" content="" />
  59. <meta name="text:Custom Link 4" content="" />
  60. <meta name="text:Custom Link 4 Title" content="" />
  61.  
  62.  
  63.  
  64.  
  65. <style type="text/css">
  66.  
  67.  
  68. iframe#tumblr_controls{
  69. opacity:0.8 !important;
  70. right:0px !important;
  71. position: fixed !important;}
  72.  
  73. body{
  74. text-align:justify;
  75. color: {color:text};
  76. font-family: {font:Body};
  77. font-size: {text:Font Size};
  78. line-height: {text:Line Height};
  79. text-decoration: none;
  80. {block:ifNotfullsizebackgroundimage} background-color:{color:Background}; background-image:url({image:Background}); {/block:ifNotfullsizebackgroundimage}} html { {block:iffullsizebackgroundimage} background:{color:Background} url({image:Background}) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; {/block:iffullsizebackgroundimage}
  81.  
  82.  
  83. }
  84.  
  85. p{
  86. margin-top:0px;
  87. margin-bottom:10px;}
  88.  
  89. a, a:link, a:visited, a:active{
  90. -webkit-transition: all .8s ease-out;
  91. -moz-transition: all .8s ease-out;
  92. -o-transition: all .8s ease-out;
  93. transition: all .8s ease-out;
  94. color:{color:link}; text-decoration:none;}
  95. a:hover{color:{color:link hover};}
  96.  
  97.  
  98. b, strong{
  99. color: {color:bold text};}
  100.  
  101.  
  102. ::-webkit-scrollbar {
  103. width: 10px;
  104. background: {color:scrollbar};}
  105.  
  106. ::-webkit-scrollbar-thumb {
  107. background-color: {color:scrollbar slider};
  108. -webkit-border-radius: 0ex;
  109. -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);}
  110.  
  111.  
  112.  
  113.  
  114. .gameboy{
  115. background-color:{color:gameboy body};
  116. width:428px;
  117. height:716px;
  118. position:relative;
  119.  
  120. border-radius:12px 12px 12px 12px;
  121. -moz-border-radius:12px 12px 12px 12px;
  122. -webkit-border-radius:12px 12px 12px 12px;}
  123.  
  124. .css-shapes-preview2{
  125. -moz-border-radius: 12px;
  126. -webkit-border-radius: 12px;
  127. -khtml-border-radius: 12px;
  128. border-radius: 20px;
  129. behavior: url(/css/border-radius.htc);
  130. position: absolute;
  131. height: 0px;
  132. top:716px;
  133. width: 428px;
  134. border-top: 16px solid {color:gameboy body};
  135. border-left: 140px solid transparent;
  136. border-right: 140px solid transparent; }
  137.  
  138.  
  139. .css-shapes-preview{
  140. -moz-border-radius: 12px;
  141. -webkit-border-radius: 12px;
  142. -khtml-border-radius: 12px;
  143. border-radius: 20px;
  144. behavior: url(/css/border-radius.htc);
  145. position: relative;
  146. height: 0px;
  147. top:42px;
  148. width: 374px;
  149. border-top: 14px solid {color:gameboy behind screen};
  150. border-left: 100px solid transparent;
  151. border-right: 100px solid transparent; }
  152.  
  153. *, *:before, *:after{
  154. box-sizing: border-box;
  155. -moz-box-sizing: border-box;
  156. -webkit-box-sizing: border-box; }
  157.  
  158.  
  159. #postingshold {
  160. -moz-border-radius: 12px;
  161. -webkit-border-radius: 12px;
  162. -khtml-border-radius: 12px;
  163. border-radius: 12px;
  164. behavior: url(/css/border-radius.htc);
  165. width:374px;
  166. height:320px;
  167. margin:34px auto;
  168. padding:20px 0px 0px 0px;
  169. background-color: {color:gameboy behind screen};}
  170.  
  171. #postings {
  172. -moz-border-radius: 12px;
  173. -webkit-border-radius: 12px;
  174. -khtml-border-radius: 12px;
  175. border-radius: 12px;
  176. behavior: url(https://curved-corner.googlecode.com/files/border-radius.htc);
  177. margin:16px auto;
  178. border-left:6px solid {color:gameboy screen};
  179. border-right:4px solid {color:gameboy screen};
  180. border-top:6px solid {color:gameboy screen};
  181. border-bottom:6px solid {color:gameboy screen};
  182. width:270px;
  183. height:224px;
  184. padding:0px 0px 0px 0px;
  185. overflow:auto;
  186. background-color:{color:gameboy screen};}
  187.  
  188.  
  189. #posts a {color:{color:link};}
  190. #posts a:hover {color:{color:link hover};}
  191.  
  192.  
  193. #posts{
  194. position: relative;
  195. z-index:6;
  196. background-color: {color:post};
  197. border:4px solid {color:post};
  198. overflow: hidden;
  199. width:240px;
  200. height: auto;
  201. padding: 0px;
  202. margin:0px 0px 20px 0px;}
  203.  
  204.  
  205. #info {
  206. background-color: {color:post};
  207. overflow: visible;
  208. width:240px;
  209. height: auto;
  210. padding: 10px;
  211. margin:20px 0px 0px 0px;}
  212.  
  213. #notes {
  214. background-color: {color:post};
  215. overflow: visible;
  216. width:240px;
  217. height: auto;
  218. padding: 10px;
  219. margin:20px 0px 0px 0px;}
  220.  
  221.  
  222.  
  223. #question{
  224. overflow:SHOW;
  225. padding-bottom:3px;
  226. margin-bottom:3px;}
  227.  
  228. #askr{
  229. display:block;
  230. float:left;
  231. width:33px;
  232. overflow:hidden;
  233. margin-right:3px;}
  234.  
  235. ul {
  236. list-style: disc;
  237. padding: 4px 0px 6px 20px;}
  238.  
  239. blockquote{padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:text headers};}
  240.  
  241. blockquote img{display:block; width:100%;}
  242.  
  243. blockquote p{padding:0px; margin:0px;}
  244.  
  245. blockquote blockquote{position:relative; left:6px; margin-top:0px; margin-right:0px; padding-right:0px;}
  246.  
  247. #bottominfo{
  248. padding:2px 0px 0px 0px;
  249. display:block;}
  250.  
  251. .answer p{margin:0px;}
  252.  
  253.  
  254. .notes img{
  255. width:10px;
  256. position:relative;
  257. top:1px;}
  258.  
  259. ol.notes, .notes li{
  260. list-style:none;
  261. margin:0px;
  262. padding:0px;}
  263.  
  264. small {font-size:8px; line-height:8px; letter-spacing:0px;}
  265. big {font-family:arial black; color:{color:bold text}; font-size:14px;}
  266.  
  267.  
  268.  
  269. a img{border:none;}
  270.  
  271. .label {
  272. color: {color:bold text};font-weight: bold; line-height:12px;}
  273.  
  274. .odd { padding:8px;
  275. background-color: {color:label background};}
  276. .even {padding:8px;}
  277.  
  278. h2 {
  279. color: {color:text headers};
  280. font-size: 20px;
  281. line-height: 28px;
  282. text-decoration: none;
  283. font-family: 'Yanone Kaffeesatz', sans-serif;
  284. font-weight: 700;
  285. text-transform: uppercase;
  286. letter-spacing: -1px;
  287. margin-bottom:4px;
  288. margin:0px;
  289. padding:0px;}
  290.  
  291.  
  292.  
  293. .pagination {
  294. margin-top:5px;
  295. margin-bottom:10px;
  296. text-align:center;
  297. line-height:20px;
  298. font-family:calibri;
  299. font-size:10px; }
  300.  
  301. .pagination a {
  302. padding:2px 4px 2px 4px;
  303. text-decoration:none;
  304. background-color:{color:link};
  305. color:{color:label background};
  306. }
  307.  
  308. .pagination a:hover {
  309. background-color:{color:label background};
  310. color:{color:link}; }
  311.  
  312.  
  313. .pagination1 {
  314. -moz-opacity: 0.00;
  315. opacity: 0.00;
  316. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);}
  317.  
  318.  
  319.  
  320. .bubble
  321. {
  322. color:{color:text};
  323. position: relative;
  324. width: 180px;
  325. height: auto;
  326. padding: 6px;
  327. margin-bottom:10px;
  328. margin-left:50px;
  329. background: {color:label background};
  330. -webkit-border-radius: 4px;
  331. -moz-border-radius: 4px;
  332. border-radius: 4px;
  333. border: {color:label background} solid 1px;}
  334.  
  335. .bubble a {color:#218dc2;}
  336.  
  337.  
  338.  
  339. .leftb {
  340. -moz-box-shadow: -1px 0px 0px -1px #000000;
  341. -webkit-box-shadow: -1px 0px 0px -1px #000000;
  342. box-shadow: -1px 0px 0px -1px #000000;
  343. background-color:#131313;
  344. -moz-border-radius:6px 0px 0px 6px;
  345. -webkit-border-radius:6px 0px 0px 6px;
  346. border-radius:6px 0px 0px 6px;
  347. display:inline-block;
  348. cursor:pointer;
  349. color:#000000;
  350. font-family:arial;
  351. font-size:17px;
  352. height:32px;
  353. font-weight:bold;
  354. padding:9px 9px;
  355. text-decoration:none;
  356. text-shadow:0px 2px 4px #000000;
  357. }
  358. .leftb:hover {
  359. background-color:#010101;}
  360.  
  361. .rightb {
  362. -moz-box-shadow: 1px 0px 0px 1px #000000;
  363. -webkit-box-shadow: 1px 0px 0px 1px #000000;
  364. box-shadow: 1px 0px 0px 1px #000000;
  365. background-color:#131313;
  366. -moz-border-radius:0px 6px 6px 0px;
  367. -webkit-border-radius:0px 6px 6px 0px;
  368. border-radius:0px 6px 6px 0px;
  369. display:inline-block;
  370. cursor:pointer;
  371. color:#000000;
  372. font-family:arial;
  373. font-size:17px;
  374. width:35px;
  375. height:33px;
  376. font-weight:bold;
  377. padding:9px 9px;
  378. text-decoration:none;
  379. text-shadow:0px 2px 4px #000000;}
  380. .rightb:hover {
  381. background-color:#010101;}
  382.  
  383.  
  384. .upb {
  385. -moz-box-shadow: 0px 0px 0px 0px #000000;
  386. -webkit-box-shadow: 0px 0px 0px 0px #000000;
  387. box-shadow: 0px 0px 0px 0px #000000;
  388. background-color:#131313;
  389. -moz-border-radius:6px 6px 0px 0px;
  390. -webkit-border-radius:6px 6px 0px 0px;
  391. border-radius:6px 6px 0px 0px;
  392. display:inline-block;
  393. cursor:pointer;
  394. color:#000000;
  395. font-family:arial;
  396. font-size:17px;
  397. height:34px;
  398. font-weight:bold;
  399. padding:9px 9px;
  400. text-decoration:none;
  401. text-shadow:0px 2px 4px #000000;}
  402. .upb:hover {
  403. background-color:#010101;}
  404.  
  405. .downb {
  406. -moz-box-shadow: 0px 2px 2px 0px #000000;
  407. -webkit-box-shadow: 0px 2px 2px 0px #000000;
  408. box-shadow: 0px 2px 2px 0px #000000;
  409. background-color:#131313;
  410. -moz-border-radius:0px 0px 6px 6px;
  411. -webkit-border-radius:0px 0px 6px 6px;
  412. border-radius:0px 0px 6px 6px;
  413. display:inline-block;
  414. cursor:pointer;
  415. color:#000000;
  416. font-family:arial;
  417. font-size:17px;
  418. height:34px;
  419. font-weight:bold;
  420. padding:9px 9px;
  421. text-decoration:none;
  422. text-shadow:0px 2px 4px #000000;}
  423.  
  424. .downb:hover {
  425. background-color:#010101;}
  426.  
  427. .circle {
  428. width:36px;
  429. height:36px;
  430. background-color:#131313;
  431. display:inline-block;
  432. cursor:pointer;
  433. color:#0d0d0d;
  434. font-family:arial;
  435. font-size:40px;
  436. line-height:10px;
  437. font-weight:bold;
  438. padding:9px;
  439. text-decoration:none;
  440. text-shadow:0px 2px 4px #000000;}
  441.  
  442.  
  443. #udlr {
  444. width:110px; height:110px; margin-top:158px; margin-left:10px; position:absolute;}
  445.  
  446. #udlr a {color:#0d0d0d;}
  447. #udlr a:hover {color:#000000;}
  448.  
  449. #babut {
  450. margin-top:164px; margin-left:238px; position:absolute;}
  451.  
  452. #babut a {color:#242424;}
  453. #babut a:hover {color:#1d1d1d;}
  454.  
  455. .abut {
  456. -moz-box-shadow: 1px 2px 1px 3px #000000;
  457. -webkit-box-shadow: 1px 2px 1px 3px #000000;
  458. box-shadow: 1px 2px 1px 3px #000000;
  459. background-color:#131313;
  460. -moz-border-radius:42px;
  461. -webkit-border-radius:42px;
  462. border-radius:42px;
  463. display:inline-block;
  464. cursor:pointer;
  465. color:#242424;
  466. font-family:arial;
  467. font-size:28px;
  468. font-weight:bold;
  469. padding:14px 14px;
  470. text-decoration:none;
  471. text-shadow:0px 1px 0px #000000;
  472. }
  473. .abut:hover {
  474. background-color:#000000;
  475. }
  476. .abut:active {
  477. position:relative;
  478. top:1px;}
  479.  
  480.  
  481. /* Tooltip */
  482.  
  483. #tooltip {
  484. position:fixed;
  485. z-index:9999;
  486. color:#fff;
  487. font-size:10px;
  488. width:auto;
  489.  
  490. }
  491.  
  492. #tooltip .tipHeader {
  493. height:8px;
  494. background:url(images/tipHeader.gif) no-repeat;
  495. }
  496.  
  497. /* IE hack */
  498. *html #tooltip .tipHeader {margin-bottom:-6px;}
  499.  
  500. #tooltip .tipBody {
  501. background-color:#000;
  502. padding:10px;}
  503.  
  504.  
  505.  
  506. .notes {
  507. letter-spacing:1px; text-transform:uppercase; font-size:8px; line-height:8px;}
  508.  
  509. .time {
  510. letter-spacing:1px; text-transform:uppercase; font-size:8px; line-height:8px;}
  511.  
  512. a {color:;text-decoration:none;-webkit-tra… all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  513.  
  514.  
  515.  
  516. #container {
  517. margin-top:16px; margin-bottom:0px;
  518. z-index:10000; width:auto; height:auto; padding:8px;
  519. background-color:{color:label background};}
  520.  
  521.  
  522.  
  523.  
  524. </style>
  525.  
  526.  
  527. <style type="text/css">{CustomCSS}</style>
  528.  
  529. </head>
  530. <body>
  531.  
  532.  
  533.  
  534.  
  535.  
  536. <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:700' rel='stylesheet' type='text/css'>
  537.  
  538.  
  539.  
  540.  
  541.  
  542.  
  543. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  544.  
  545.  
  546. <script type="text/javascript">
  547. WebFontConfig = {
  548. google: { families: [ 'Yanone+Kaffeesatz:700:latin' ] }
  549. };
  550. (function() {
  551. var wf = document.createElement('script');
  552. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  553. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  554. wf.type = 'text/javascript';
  555. wf.async = 'true';
  556. var s = document.getElementsByTagName('script')[0];
  557. s.parentNode.insertBefore(wf, s);
  558. })(); </script>
  559.  
  560. <script type="text/javascript">
  561. $(document).ready(function(){
  562.  
  563. $(window).resize(function(){
  564.  
  565. $('.gameboy').css({
  566. position:'absolute',
  567. left: ($(window).width() - $('.gameboy').outerWidth())/2,
  568. top: ($(window).height() - $('.gameboy').outerHeight())/2
  569. });
  570.  
  571. });
  572. // To initially run the function:
  573. $(window).resize();
  574.  
  575. });
  576. </script>
  577.  
  578.  
  579.  
  580.  
  581. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  582. <script type="text/javascript">
  583.  
  584. $(document).ready(function() {
  585.  
  586. //Select all anchor tag with rel set to tooltip
  587. $('a[rel=tooltip]').mouseover(function(e) {
  588.  
  589. //Grab the title attribute's value and assign it to a variable
  590. var tip = $(this).attr('title');
  591.  
  592. //Remove the title attribute's to avoid the native tooltip from the browser
  593. $(this).attr('title','');
  594.  
  595.  
  596. //Append the tooltip template and its value
  597. $(this).append('<div id="tooltip"><div class="tipHeader"></div><div class="tipBody">' + tip + '</div><div class="tipFooter"></div></div>');
  598.  
  599.  
  600. //Show the tooltip with faceIn effect
  601. $('#tooltip').fadeIn('100');
  602. $('#tooltip').fadeTo('10',0.9);
  603.  
  604. }).mousemove(function(e) {
  605.  
  606. //Keep changing the X and Y axis for the tooltip, thus, the tooltip move along with the mouse
  607. $('#tooltip').css('top', e.pageY + 10 );
  608. $('#tooltip').css('left', e.pageX + 10 );
  609.  
  610. }).mouseout(function() {
  611.  
  612. //Put back the title attribute's value
  613. $(this).attr('title',$('.tipBody').html());
  614.  
  615. //Remove the appended tooltip template
  616. $(this).children('div#tooltip').remove();
  617.  
  618. });
  619.  
  620. });
  621.  
  622. </script>
  623.  
  624.  
  625.  
  626. {block:IfInfiniteScroll}
  627. <div class="pagination1">
  628. {block:Pagination}
  629. {block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older ?</a>{/block:NextPage}
  630. {block:PreviousPage}<a style="float:left" href="{PreviousPage}">? Newer</a></p>{/block:PreviousPage}
  631. {/block:Pagination}
  632. </div>
  633. {/block:IfInfiniteScroll}
  634.  
  635.  
  636.  
  637.  
  638.  
  639. <div class="gameboy">
  640.  
  641.  
  642. <div id="postingshold">
  643.  
  644.  
  645. <div class="toggle3" style="display:none; z-index:10000; position:absolute;
  646. -moz-border-radius: 12px;
  647. -webkit-border-radius: 12px;
  648. -khtml-border-radius: 12px;
  649. border-radius: 12px;
  650. behavior: url(https://curved-corner.googlecode.com/files/border-radius.htc);
  651. margin-left:52px;
  652. margin-top:16px;
  653. border-left:6px solid {color:gameboy screen};
  654. border-right:6px solid {color:gameboy screen};
  655. border-top:6px solid {color:gameboy screen};
  656. border-bottom:6px solid {color:gameboy screen};
  657. width:270px;
  658. height:224px;
  659. padding:0px 4px 0px 0px;
  660. overflow:auto;
  661. background-color:{color:gameboy screen};
  662. ">
  663. {block:IfPortraitImage}
  664. <a href="http://{name}.tumblr.com"><img src="{image:Portrait}" width="230" style="padding-bottom:8px;"></a>
  665. {/block:IfPortraitImage}
  666.  
  667. {Description}</div>
  668.  
  669. <script type="text/javascript">
  670. $(function() {
  671.  
  672.  
  673. $('#toggle3').click(function() {
  674. $('.toggle3').fadeToggle('slow');
  675. return false;
  676. });
  677.  
  678.  
  679. });
  680. </script>
  681.  
  682.  
  683. <div style="background-image:url(http://static.tumblr.com/eptm5us/hfkn6ny5z/power.png); width:45px; height:30px; margin-left:2px; margin-top:76px; position:absolute;"></div>
  684.  
  685.  
  686. <div id="postings">
  687.  
  688.  
  689. {block:Posts}
  690. <div id="posts">
  691.  
  692. {block:Text}
  693. <h2>{Title}</h2>
  694. <div id="postimg">{Body}</div>
  695. {/block:Text}
  696.  
  697. {block:Photo}
  698. {block:IndexPage}
  699. <center><a href="{permalink}"><img src="{PhotoURL-250}" width="230" border="0"></a></center>
  700. {block:IfShowPhotoCaption}{block:Caption}<div id="postimg"><div style="padding-top:6px;">{Caption}</div></div>{/block:Caption}{/block:IfShowPhotoCaption}
  701. {/block:IndexPage}
  702.  
  703. {block:PermalinkPage}{LinkOpenTag}<center><img src="{PhotoURL-500}" width="230" alt="{PhotoAlt}"/></center>
  704.  
  705. {LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photo}
  706.  
  707.  
  708. {block:Photoset}
  709. <center>{block:IndexPage}{Photoset-250}
  710. {block:IfShowPhotoCaption}{block:Caption}<div style="padding-top:6px;">{Caption}</div>{/block:Caption}{/block:IfShowPhotoCaption}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{block:IfShowPhotoCaption}{block:Caption}<div style="padding-top:6px;">{Caption}</div>{/block:Caption}{/block:IfShowPhotoCaption}{/block:PermalinkPage}</center>{block:PermalinkPage}{/block:PermalinkPage}{/block:Photoset}
  711.  
  712.  
  713. {block:Quote}
  714. <h2>"{Quote}"</h2>{block:Source}{Source}{/block:Source}{/block:Quote}
  715.  
  716. {block:Link}
  717. <a href="{URL}" class="link" {Target}><h2>{Name}</h2></a>{block:Description}{Description}{/block:Description}{/block:Link}
  718.  
  719. {block:Chat}
  720. {block:Title}{Title}{/block:Title}
  721. {block:Lines}
  722. {block:Label}
  723. <div class="{Alt}"><span class="label"><strong>{Label}</strong></span>
  724. <span class="line">{Line}</span></div>
  725. {/block:Label}
  726. {/block:Lines}
  727. {/block:Chat}
  728.  
  729. {block:Video}
  730. <center>{block:IndexPage}<div id="video">{Video-250}</div>{block:IfNotHidePhotoCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfNotHidePhotoCaption}{/block:IndexPage}
  731.  
  732. {block:PermalinkPage}<div id="video">{Video-250}</div>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}</center>
  733. {/block:Video}
  734.  
  735.  
  736. {block:Audio}
  737. <table border="0" bordercolor="" style="background-color:" width="230" cellpadding="0" cellspacing="0">
  738. <tr>
  739. <td width="40">{block:AlbumArt}
  740. <img src="{AlbumArtURL}" width="40">
  741. {/block:AlbumArt}</td>
  742. <td width="190" style="vertical-align: middle;"> {block:AudioPlayer}<center>{AudioPlayerBlack}</center>{/block:AudioPlayer}</td>
  743. </tr>
  744. </table>
  745. {block:Caption}<div style="padding-top:10px;">{Caption}</div>{/block:Caption}
  746. {/block:Audio}
  747.  
  748.  
  749. {block:Answer}
  750.  
  751. <div style="position:absolute; margin-top:0px; margin-left:auto; width:40px; height:40px; border:0px solid;"><img src="{AskerPortraitURL-96}" width="40" height="40" style="-webkit-border-radius: 4px;
  752. -moz-border-radius: 4px;
  753. border-radius: 4px;"></div>
  754.  
  755. <div class="bubble">
  756. <div id="asked">{Asker} asked:</div>
  757. {Question}
  758. </div>
  759.  
  760. <p>{Answer}</p>
  761.  
  762. {block:IndexPage}<div style="margin-bottom:10px;"></div>{/block:IndexPage}
  763. {/block:Answer}
  764.  
  765.  
  766. {block:IndexPage}
  767. <div id="container">
  768. <center>
  769. <a href="{Permalink}" class="notes">{Notecountwithlabel} ● </a>
  770. <a href="{Permalink}" class="time">{TimeAgo} ● </a>
  771. <a href="{ReblogURL}" class="time">Reblog</a>
  772. </center>
  773. </div>
  774. {/block:IndexPage}
  775.  
  776.  
  777. </div>
  778.  
  779.  
  780.  
  781. {block:PermalinkPage}
  782. {block:Date}
  783. <div id="info">
  784.  
  785. Posted: <a href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}">{ShortDayOfWeek} {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a> at {12Hour}:{Minutes}{AmPm}{block:RebloggedFrom}<br>Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>.{/block:RebloggedFrom}
  786.  
  787. {block:Photo}{block:HighRes}<br>HighRes: <a href="{PhotoURL-HighRes}">view</a>{/block:HighRes}{/block:Photo}
  788.  
  789. {block:Answer}<BR>Ask: <a href="/ask">{AskLabel}</a>{/block:Answer}
  790.  
  791. {block:Audio}<BR>Plays: {FormattedPlayCount}{block:ExternalAudio}<BR>Download: <a href="{ExternalAudioURL}">here</a>.{/block:ExternalAudio}{/block:Audio}
  792.  
  793. {block:HasTags}<BR>Tagged: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{block:NoteCount}<BR>Notes: {NoteCount}{/block:NoteCount}
  794.  
  795. </div>
  796. {/block:Date}
  797.  
  798.  
  799.  
  800. {block:PostNotes}
  801. <div id="notes">{PostNotes}</div>
  802. {/block:PostNotes}
  803. {/block:PermalinkPage}
  804.  
  805.  
  806.  
  807. {/block:Posts}
  808.  
  809.  
  810. {block:Pagination}
  811. <center>
  812. <div class="pagination">
  813. {block:PreviousPage}<a href="{PreviousPage}">◄</a>{/block:PreviousPage}
  814. {block:JumpPagination length="6"}{block:CurrentPage}
  815. <span class="current_page" style="padding-right:3px;padding-left:3px;">{PageNumber}</span>
  816. {/block:CurrentPage}
  817. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  818. {/block:JumpPagination}
  819. {block:NextPage}<a href="{NextPage}">►</a> {/block:NextPage}
  820. </div>
  821. </center>
  822. {/block:Pagination}
  823.  
  824.  
  825. </div>
  826.  
  827. <div id="udlr">
  828.  
  829. <div style="margin-left:0px; position:absolute;">
  830. <a rel="tooltip" href="{text:Custom Link 1}" title="{text:Custom Link 1 Title}" class="leftb">◄</a>
  831. </div>
  832.  
  833. <div style="margin-left:35px; position:absolute;"><div class="circle"><div style="margin-left:-2px;">●</div></div></div>
  834.  
  835. <div style="margin-left:35px; margin-top:-34px; position:absolute;">
  836. <a rel="tooltip" href="{text:Custom Link 2}" title="{text:Custom Link 2 Title}" class="upb">▲</a>
  837. </div>
  838.  
  839.  
  840. <div style="margin-left:70px; margin-top:-1px; position:absolute;">
  841. <a rel="tooltip" href="{text:Custom Link 3}" title="{text:Custom Link 3 Title}" class="rightb">▶</a>
  842. </div>
  843.  
  844. <div style="margin-left:35px; margin-top:36px; position:absolute;">
  845. <a rel="tooltip" href="{text:Custom Link 4}" title="{text:Custom Link 4 Title}" class="downb">▼</a>
  846. </div>
  847.  
  848.  
  849. <div style="width:111px; height:113px; margin-top:-38px; margin-left:-2px; z-index:-1; background-image:url(http://static.tumblr.com/eptm5us/5PVn6mnwj/udlr.png);"></div>
  850.  
  851.  
  852.  
  853. </div>
  854.  
  855.  
  856. <div id="babut">
  857.  
  858. <a rel="tooltip" href="/" title="Home" class="abut"><div style="margin-left:-5px; margin-top:3px;">B</div></a>
  859.  
  860. <div style="margin-top:-70px; margin-left:78px; position:absolute;"><a rel="tooltip" href="/ask" title="Message" class="abut"><div style="margin-left:-5px;">A</div></a></div>
  861.  
  862. </div>
  863.  
  864.  
  865.  
  866.  
  867. <div style="background-image:url(http://static.tumblr.com/eptm5us/JCUn6mgsi/gbclogo.png); width:213px; height:25px; margin-left:80px; margin-top:4px; position:absolute;"></div>
  868. <div class="css-shapes-preview"></div>
  869. <div style="background-image:url(http://static.tumblr.com/eptm5us/pNAn6mgwy/ninlogo.png); width:118px; height:30px; margin-left:130px; margin-top:68px; position:absolute;"></div>
  870.  
  871.  
  872. <div style="width:118px; height:30px; margin-left:130px; margin-top:268px; position:absolute;">
  873.  
  874. <a rel="tooltip" href="/archive" title="Archive" class="myButton"></a> <a rel="tooltip" href="#" title="Description" id="toggle3" class="myButton"></a>
  875.  
  876.  
  877.  
  878. <style>
  879.  
  880.  
  881.  
  882. .myButton {
  883. background-color:#131313;
  884. -moz-border-radius:42px;
  885. -webkit-border-radius:42px;
  886. border-radius:42px;
  887. border:4px solid {color:gameboy body};
  888. display:inline-block;
  889. cursor:pointer;
  890. color:#131313;
  891. font-family:arial;
  892. font-size:12px;
  893. width:40px;
  894. height:18px;
  895. padding:8px 20px;
  896. text-decoration:none;
  897. text-shadow:0px -6px 0px #131313;}
  898.  
  899. .myButton:hover {
  900. background-color:#131313;}
  901.  
  902. .myButton:active {
  903. position:relative;
  904. top:1px;}
  905.  
  906. .themeby {
  907. margin-top:50px;
  908. color:#ffffff;
  909. font-family:consolas;
  910. font-size:8px;
  911. line-height:8px;
  912. letter-spacing:1px;
  913. text-decoration:none;
  914. text-transform:uppercase;}
  915.  
  916. .themeby a {color:#ffffff;}
  917.  
  918. </style>
  919. </div>
  920.  
  921.  
  922. </div>
  923.  
  924. <div style="background-image:url(http://static.tumblr.com/eptm5us/Y9Sn6mgd1/speaker.png); width:93px; height:104px; right:27px; bottom:26px; position:absolute;"></div>
  925.  
  926.  
  927. <div style="background-image:url(http://static.tumblr.com/eptm5us/QEmn6mhq3/middle.png); z-index:-2; margin-left:76px; margin-top:-30px; width:276px; height:302px;"></div>
  928.  
  929. <div class="css-shapes-preview2"></div>
  930.  
  931. <div style="z-index:-2; position:absolute; top:-23px; left:-23px; width:474px; height:778px; background-image:url(http://static.tumblr.com/eptm5us/jNCn6mohd/gbbg.png);"></div>
  932.  
  933.  
  934. <center>
  935. <div class="themeby">
  936. Theme By: <a href="http://sleeplessthemes.com/">Sleeplessthemes.com</a> | <a href="http://destroyer.tumblr.com/">destroyer</a>
  937. </div>
  938. </center>
  939.  
  940. </div>
  941. </div>
  942.  
  943.  
  944. </body>
  945. </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!