API tools faq
paste
thetruththemes

Pokemon - Blue

thetruththemes
Dec 3rd, 2015 (edited)
3,297
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 54.65 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!---------------------------------------------------------------------------
  3.  
  4. ,,
  5. ,GG,
  6. GIIG
  7. Gl''lG
  8. ;G' 'G;
  9. GP YG
  10. oQ' 'Qo -Pᴏᴋᴇᴍᴏɴ Gᴇɴ 1 ᴛʜᴇᴍᴇ ʙʏ
  11. *TGGGGGGGGGGGGQQQ, ,QQQGGGGGGGGGGGGP* ɴʏᴄᴛᴏᴛʜᴇᴍᴇs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ
  12. *TGo, '* *' ,oGP*
  13. *TGo, ɴʏᴄᴛ□ᴛʜᴇᴍᴇs ,oGP* -ᴘʟᴇᴀsᴇ ʀᴇғᴇʀ ᴛᴏ ᴏʀɪɢɪɴᴀʟ
  14. *TGio,, ,,oiGP* ᴘᴏsᴛ ʟɪɴᴋ ғᴏʀ ʀᴜʟᴇs ᴀɴᴅ ᴍɪsᴄ
  15. ;GGT' 'TGG:
  16. GG' ii 'GG -ᴅᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴀɴʏ ᴏғ ᴛʜᴇ
  17. GG' ,GG, 'GG ᴄᴏᴅᴇ ᴄʀᴇᴅɪᴛ ᴏʀ ᴍᴏᴠᴇ ɪᴛ ᴛᴏ
  18. GG* oGGGGo. *GG ᴀ ᴘᴀɢᴇ.
  19. oG* oGG* *GGo. *Go
  20. ;GG;oGG* *GGo;GG;
  21. ,GGGT* *TGGG,
  22. ""' '""
  23.  
  24. ---------------------------------------------------------------------------->
  25.  
  26. <!-- CHECK OUT http://nyctothemes.tumblr.com/gen1 FOR CODING HELP -->
  27.  
  28. <!-- hover title -->
  29. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  30. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  31.  
  32. <head>
  33.  
  34. <!-- website necessities -->
  35. {block:Ifcustomfavicon}<link rel="shortcut icon" href="{image:favicon}"/>{/block:Ifcustomfavicon}
  36. {block:IfNotcustomfavicon}<link rel="shortcut icon" href="{favicon}"/>{/block:IfNotcustomfavicon}
  37.  
  38. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  39. <title>{Title}</title>
  40. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  41.  
  42. <!-------------------------------- IMAGES ---------------------------------->
  43. <meta name="image:Background" content="http://static.tumblr.com/u5vz4xb/RCenyt14t/bg_three.png"/>
  44. <meta name="image:Sidebar Image" content="http://static.tumblr.com/u5vz4xb/HERnyt150/sideimage4.png"/>
  45. <meta name="image:About Icon" content="http://static.tumblr.com/u5vz4xb/kINnyt152/00pokemon5.png"/>
  46. <meta name="image:Custom Cursor" content="http://static.tumblr.com/u5vz4xb/Nr3nyrum8/cursor1.png"/>
  47. <meta name="image:Custom Cursor Links" content="http://static.tumblr.com/u5vz4xb/OUGnyrumc/cursor2.png"/>
  48. <meta name="image:Favicon" content="http://static.tumblr.com/u5vz4xb/frrnyruo9/favicon.png"/>
  49. <meta name="image:Default Audio Pic" content="http://static.tumblr.com/u5vz4xb/ddPnyruoh/untitled-2.png"/>
  50.  
  51. <!-------------------------------- COLORS ---------------------------------->
  52. <!-- Full Body -->
  53. <meta name="color:Background" content="#f7f7e8"/>
  54. <meta name="color:Box Shadows" content="#eeecc4"/>
  55. <meta name="color:Scroll BG" content="#f7f7e8"/>
  56. <meta name="color:Scroll Thumb" content="#3f434c"/>
  57. <!-- Sidebar -->
  58. <meta name="color:Sidebar Image BG" content="#3f434c"/>
  59. <meta name="color:Description Links" content="#b37753"/>
  60. <meta name="color:Description Links Hover" content="#c9aa74"/>
  61. <meta name="color:Pagination BG" content="#f7f7e8"/>
  62. <meta name="color:Pagination Current" content="#181e2d"/>
  63. <meta name="color:Pagination Links" content="#b37753"/>
  64. <meta name="color:Pagination Links Hover" content="#c9aa74"/>
  65. <!-- Posts -->
  66. <meta name="color:Posts BG" content="#8eb7bf"/>
  67. <meta name="color:Posts 2nd BG" content="#6396b1"/>
  68. <meta name="color:Posts Title" content="#ffffff"/>
  69. <meta name="color:Posts Title Shadows" content="#3f6c92"/>
  70. <meta name="color:Posts Text" content="#f7f7e8"/>
  71. <meta name="color:Posts Bold" content="#ffffff"/>
  72. <meta name="color:Posts Italic" content="#f7f7e8"/>
  73. <meta name="color:Posts Code" content="#aaaaaa"/>
  74. <meta name="color:Posts Code BG" content="#f9f9f9"/>
  75. <meta name="color:Posts Links" content="#f6eb55"/>
  76. <meta name="color:Posts Links Hover" content="#e7c45a"/>
  77. <meta name="color:Posts Blockquote" content="#6396b1"/>
  78. <meta name="color:Audio Player" content="#79879d"/>
  79. <!-- Permalink -->
  80. <meta name="color:Permalink BG" content="#eeecc4"/>
  81. <meta name="color:Permalink Text" content="#3f434c"/>
  82. <meta name="color:Permalink Links" content="#ca9d74"/>
  83. <meta name="color:Permalink Links Hover" content="#b37753"/>
  84. <meta name="color:Permalink Blockquote" content="#e0c395"/>
  85. <meta name="color:Permalink Scroll Thumb" content="#e0c395"/>
  86. <!-- Misc. -->
  87. <meta name="color:Link Hover BG" content="#eeecc4"/>
  88. <meta name="color:Link Hover Text" content="#3f434c"/>
  89. <meta name="color:Selection BG" content="#f7f7e8"/>
  90. <meta name="color:Selection Text" content="#3f434c"/>
  91. <meta name="color:Selection Links" content="#b37753"/>
  92. <meta name="color:Credit Pokeball" content="#b37753"/>
  93.  
  94. <!------------------------------- OPTIONS ---------------------------------->
  95. <meta name="if:400px Posts" content="0"/>
  96. <meta name="if:Pattern Background" content="1"/>
  97. <meta name="if:Monochrome Photos" content="1"/>
  98. <meta name="if:Contrast Photos" content="1"/>
  99. <meta name="if:Fade Photos" content="1"/>
  100. <meta name="if:Black PokeMenus" content="0"/>
  101. <meta name="if:Custom Cursor" content="1"/>
  102. <meta name="if:Custom Favicon" content="1"/>
  103. <meta name="if:Dark Audio Player" content="1"/>
  104. <meta name="if:Credit on the Right" content="1"/>
  105.  
  106. <!-------------------------------- TEXTS ----------------------------------->
  107. <!-- sidelinks -->
  108. <meta name="text:Trainer ID" content="Blue" />
  109. <meta name="text:Pokedex Hover Title" content="Blogroll" />
  110. <meta name="text:Pokemon Hover Title" content="Family" />
  111. <meta name="text:Item Hover Title" content="Tags" />
  112. <meta name="text:Trainer Hover Title" content="About" />
  113. <!-- about tab -->
  114. <meta name="text:About Fact 1" content="MELANIE" />
  115. <meta name="text:About Fact 2" content="WEB DESIGNER" />
  116. <meta name="text:About Fact 3" content="HT 5'08''" />
  117. <meta name="text:About Fact 4" content="WT 136lb" />
  118. <!-- pokemon tab -->
  119. <meta name="text:Pokemon 1 Name" content="NIDORAN" />
  120. <meta name="text:Pokemon 1 Icon" content="http://static.tumblr.com/u5vz4xb/KIJnyq5zn/icon1.gif" />
  121. <meta name="text:Pokemon 1 Link URL" content="/" />
  122. <meta name="text:Pokemon 1 Link Title" content="Link 1" />
  123.  
  124. <meta name="text:Pokemon 2 Name" content="PIDGEY" />
  125. <meta name="text:Pokemon 2 Icon" content="http://static.tumblr.com/u5vz4xb/vlJnyq5zq/icon2.gif" />
  126. <meta name="text:Pokemon 2 Link URL" content="/" />
  127. <meta name="text:Pokemon 2 Link Title" content="Link 2" />
  128.  
  129. <meta name="text:Pokemon 3 Name" content="MAGIKARP" />
  130. <meta name="text:Pokemon 3 Icon" content="http://static.tumblr.com/u5vz4xb/dCxnyq5zt/icon3.gif" />
  131. <meta name="text:Pokemon 3 Link URL" content="/" />
  132. <meta name="text:Pokemon 3 Link Title" content="Link 3" />
  133.  
  134. <meta name="text:Pokemon 4 Name" content="PIKACHU" />
  135. <meta name="text:Pokemon 4 Icon" content="http://static.tumblr.com/u5vz4xb/gC1nyq5zw/icon4.gif" />
  136. <meta name="text:Pokemon 4 Link URL" content="/" />
  137. <meta name="text:Pokemon 4 Link Title" content="Link 4" />
  138.  
  139. <meta name="text:Pokemon 5 Name" content="VENONAT" />
  140. <meta name="text:Pokemon 5 Icon" content="http://static.tumblr.com/u5vz4xb/Sp5nyq60e/icon6.gif" />
  141. <meta name="text:Pokemon 5 Link URL" content="/" />
  142. <meta name="text:Pokemon 5 Link Title" content="Link 5" />
  143.  
  144. <meta name="text:Pokemon 6 Name" content="TAUROS" />
  145. <meta name="text:Pokemon 6 Icon" content="http://static.tumblr.com/u5vz4xb/Q1Snyq60j/icon8.gif" />
  146. <meta name="text:Pokemon 6 Link URL" content="/" />
  147. <meta name="text:Pokemon 6 Link Title" content="Link 6" />
  148. <!-- other -->
  149. <meta name="text:Ask Verb" content="challenged" />
  150.  
  151. <!-- symbol font (like the credit) -->
  152. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  153. <!-- custom font 1/3 -->
  154.  
  155.  
  156. <!-- not found custom message 1/2 -->
  157. <script type="text/javascript">
  158. $(document).ready(function () {
  159. if ($('h1:contains("Not Found")').text()) {
  160. $(".posts").hide();
  161. $(".notfound").show();
  162. }
  163. });
  164. </script>
  165.  
  166. </head>
  167.  
  168. <!-- sidebar tab switching -->
  169. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  170. <script>
  171. jQuery(document).ready(function() {
  172. // Standard
  173. jQuery('.tabs.standard .sidelinks a').on('click', function(e) {
  174. var currentAttrValue = jQuery(this).attr('href');
  175.  
  176. // Show/Hide Tabs
  177. jQuery('.tabs ' + currentAttrValue).show().siblings().hide();
  178.  
  179. // Change/remove current tab to active
  180. jQuery(this).parent('a').addClass('active').siblings().removeClass('active');
  181.  
  182. e.preventDefault();
  183. });
  184. });
  185. </script>
  186.  
  187. <style type="text/css">
  188.  
  189. /* custom font 3/3 */
  190. @font-face { font-family: "pkmn"; src: url('https://dl.dropboxusercontent.com/s/h7nluk5ayx51c6n/Pokemon%20GB%202.ttf'); }
  191. @font-face { font-family: "04b03"; src: url('https://dl.dropboxusercontent.com/s/r0qxkgkdh6xvrk8/04B_03__.ttf');}
  192.  
  193. /* --------------------------------------------------------------------------
  194. --- DECORATION ---
  195. -------------------------------------------------------------------------- */
  196.  
  197. /* body */
  198. body {
  199. color:{color:Posts Text};
  200. {block:ifPatternBackground}
  201. background:{color:background} url('{image:background}');
  202. {/block:ifPatternBackground}
  203. {block:ifNotPatternBackground}
  204. background:{color:background} url('{image:background}') center/cover;
  205. {/block:ifNotPatternBackground}
  206. background-attachment:fixed;
  207. font-family:'04b03', Calibri;
  208. font-size:8px;
  209. line-height:12px;
  210. text-align:left}
  211.  
  212. /* ------------------------ CREDIT; DON'T REMOVE ------------------------- */
  213.  
  214. #credit {
  215. z-index:99999; position:fixed;
  216. bottom:10px;
  217. {block:IfNotCreditOnTheRight}left:10px;{/block:IfNotCreditOnTheRight}
  218. {block:IfCreditOnTheRight}right:10px;{/block:IfCreditOnTheRight}
  219. width:8px; height:8px;
  220. border-radius:50%;
  221. box-shadow: 0px 0px 0px 1px {color:Credit Pokeball} inset;
  222. border:6px solid {color:Credit Pokeball};
  223. border-color: {color:Credit Pokeball} transparent transparent {color:Credit Pokeball};
  224. -webkit-transition: all 0.3s ease-in-out;
  225. -moz-transition: all 0.3s ease-in-out;
  226. transition: all 0.3s ease-in-out;}
  227. #credit:hover {
  228. -ms-transform: rotate(45deg);
  229. -webkit-transform: rotate(45deg);
  230. transform: rotate(45deg);}
  231.  
  232. /* ------------------------------ MINOR STUFF ---------------------------- */
  233.  
  234. /* hover text */
  235. #s-m-t-tooltip {
  236. z-index: 99999; display: block;
  237. margin-left: 15px; margin-top: 5px;
  238. max-width:150px;
  239. padding: 2px 3px 2px 5px;
  240. color: {color:Link Hover Text};
  241. font-family:'04b03', Calibri;
  242. font-size:8px; line-height:10px;
  243. text-align:center;
  244. background: {color:Link Hover BG};
  245. border:3px double {color:Link Hover Text};
  246. border-radius:1px;
  247. box-shadow:3px 3px 0px {color:Box Shadows};}
  248.  
  249. /* scrollbar */
  250. ::-webkit-scrollbar {
  251. height:14px; width:14px;
  252. background: {color:Scroll BG};}
  253. ::-webkit-scrollbar-thumb {
  254. background: {color:Scroll Thumb};
  255. border:4px solid {color:Scroll BG};
  256. border-radius:5px;}
  257.  
  258. /* drag n' click selection */
  259. ::selection {
  260. background: {color:Selection BG};
  261. color: {color:Selection Text};}
  262. ::-moz-selection {
  263. background: {color:Selection BG};
  264. color: {color:Selection Text};}
  265. a::selection {
  266. background: {color:Selection BG};
  267. color: {color:Selection Links};}
  268. a::-moz-selection {
  269. background: {color:Selection BG};
  270. color: {color:Selection Links};}
  271.  
  272. /* ----------------------------- FONT STUFF ------------------------------ */
  273.  
  274. /* links */
  275. a:link, a:active, a:visited{
  276. text-decoration:none;
  277. color:{color:Posts Links};
  278. -webkit-transition: all 0.5s linear;
  279. -moz-transition: all 0.5s linear;
  280. transition: all 0.5s linear;}
  281. a:hover {
  282. color:{color:Posts Links Hover};
  283. -webkit-transition: all 0.2s linear;
  284. -moz-transition: all 0.2s linear;
  285. transition: all 0.2s linear;}
  286.  
  287. /* bold and italic */
  288. b, strong {
  289. color:{color:Posts Bold};
  290. text-shadow:1px 0px {color:Posts Bold};
  291. font-weight:normal;
  292. letter-spacing:1px;}
  293. a b, b a, strong a, a strong {
  294. color:{color:Posts Links};
  295. text-shadow:1px 0px {color:Posts Links};}
  296. a b:hover, b a:hover, strong a:hover, a strong:hover {
  297. color:{color:Posts Links Hover};
  298. text-shadow:1px 0px {color:Posts Links Hover};}
  299. i, em {color:{color:Posts Italic};}
  300. a i, i a, em a, a em {
  301. color:{color:Posts Links};}
  302. a i:hover, i a:hover, em a:hover, a em:hover {
  303. color:{color:Posts Links Hover};}
  304.  
  305. /* typed out coding */
  306. pre {color:{color:Posts Code};
  307. font-size:10px;
  308. max-width:100%;
  309. font-family:consolas;
  310. background:{color:Posts Code BG};
  311. padding:4px 7px;
  312. white-space: pre-wrap;
  313. white-space: -moz-pre-wrap;
  314. white-space: -pre-wrap;
  315. white-space: -o-pre-wrap;
  316. word-wrap: break-word;}
  317. code {
  318. color:{color:Posts Code};
  319. font-size:10px;
  320. font-family:consolas;
  321. background:{color:Posts Code BG};
  322. padding:0px 1px 0px 1px;}
  323.  
  324. /* text and link post titles */
  325. h1 {font: normal normal normal 16px/16px Georgia;
  326. text-shadow:2px 2px 0px {color:Posts Title Shadows};
  327. font-family:'pkmn', calibri;
  328. text-transform:uppercase;
  329. color:{color:Posts Title};
  330. text-align:center;
  331. letter-spacing:0px;}
  332. /* quote and ask post titles */
  333. h2 {font: normal normal normal 8px/12px Georgia;
  334. text-shadow:1px 1px 0px {color:Posts Title Shadows};
  335. font-family:'pkmn', calibri;
  336. color:{color:Posts Bold};
  337. text-align:center;
  338. letter-spacing:0px;}
  339.  
  340. .posts h1:first-child, .posts h2:first-child {margin-top:0px;}
  341. .posts p:last-child {
  342. margin-bottom:0px;}
  343. .posts p:first-child {
  344. margin-top:0px;}
  345.  
  346. /* --------------------------------------------------------------------------
  347. --- SIDEBAR: MAIN ---
  348. -------------------------------------------------------------------------- */
  349.  
  350. /* pagination */
  351. #pagination {
  352. z-index:2;
  353. position:fixed;
  354. left:50%; margin-left:-324px;
  355. top:50%; margin-top:156px;
  356. width:110px; min-height:8px;
  357. padding: 5px 3px;
  358. color:{color:Pagination Current};
  359. background:{color:Pagination BG};
  360. letter-spacing:1px;
  361. text-align:center;
  362. box-shadow:8px 8px 0px {color:Box Shadows};}
  363. #pagination a {color:{color:Pagination Links};}
  364. #pagination a:hovered {color:{color:Pagination Links Hover};}
  365. .next {
  366. display:inline-block;
  367. height:1px; width:1px;
  368. margin-left:4px;
  369. border:3px solid {color:Pagination Current};
  370. border-width:2px 0px 2px 2px;
  371. box-shadow:-1px 0px 0px {color:Pagination Current}, 0px 0px 0px 1px {color:Pagination Current} inset;
  372. border-color:transparent transparent transparent {color:Pagination Current};}
  373. .previous {
  374. display:inline-block;
  375. height:1px; width:1px;
  376. margin-right:4px;
  377. border:3px solid {color:Pagination Current};
  378. border-width:2px 2px 2px 0px;
  379. box-shadow:1px 0px 0px {color:Pagination Current}, 0px 0px 0px 1px{color:Pagination Current} inset;
  380. border-color:transparent {color:Pagination Current} transparent transparent;}
  381.  
  382. /* sidebar's shadows */
  383. .shadow {
  384. position:fixed;
  385. z-index:-1;
  386. left:50%; top:50%;
  387. width: 242px; height:144px;
  388. background:{color:Box Shadows};}
  389. #shadow1 {margin-top:-142px; margin-left:-442px;}
  390. #shadow2 {margin-top:20px; margin-left:-442px;}
  391.  
  392. /* sidebar image */
  393. #sideimage {
  394. position:fixed;
  395. left:50%; margin-left:-450px;
  396. top:50%; margin-top:-150px;
  397. width:160px; height:144px;
  398. background: {color:Sidebar Image BG} url('{image:Sidebar Image}') center/cover;}
  399.  
  400. /* sidebar links container */
  401. .sidelinks {
  402. {block:IfBlackPokeMenus}
  403. -webkit-filter: invert(100%);
  404. -moz-filter: invert(100%);
  405. -ms-filter: invert(100%);
  406. -o-filter: invert(100%);
  407. filter: invert(100%);
  408. {/block:IfBlackPokeMenus}
  409. position:fixed;
  410. left:50%; margin-left:-290px;
  411. top:50%; margin-top:-150px;
  412. font-family:'pkmn', Calibri;
  413. background:#fff;
  414. overflow:hidden;
  415. height:128px; width:66px;
  416. border:8px solid #fff;
  417. border-image-source: url(http://static.tumblr.com/u5vz4xb/6kjnwmte3/frame2.png);
  418. border-image-slice: 8;
  419. border-image-width: 8px;
  420. border-image-outset: 0px;
  421. border-image-repeat: repeat;}
  422.  
  423. /* individual sidebar links */
  424. .sidelinks li {margin:0px; margin-left:-20px; list-style:none;}
  425. .sidelinks li::before {content:""; display:none;}
  426. .sidelinks a {
  427. display:block;
  428. line-height:16px;
  429. margin-top:2px;
  430. color:#000 !important;
  431. text-shadow:0px 0px 0px #000;}
  432.  
  433. /* black select arrows */
  434. .sidelinks a::before {
  435. content:"";
  436. display:inline-block;
  437. height:1px; width:1px;
  438. margin:0px 2px 0px 2px;
  439. border:3px solid #000;
  440. border-width:3px 0px 3px 3px;
  441. box-shadow:-1px 0px 0px transparent, 0px 0px 0px 1px transparent inset;
  442. border-color:transparent transparent transparent transparent;}
  443. .sidelinks .active::before {
  444. content:"";
  445. box-shadow:-1px 0px 0px #000, 0px 0px 0px 1px #000 inset;
  446. border-color:transparent transparent transparent #000;}
  447. .sidelinks:hover a::before {
  448. content:"";
  449. box-shadow:-1px 0px 0px transparent, 0px 0px 0px 1px transparent inset;
  450. border-color:transparent transparent transparent transparent;}
  451. .sidelinks:hover .active::before {
  452. content:"";
  453. box-shadow:-1px 0px 0px transparent, 0px 0px 0px 1px transparent inset;
  454. border-color:transparent transparent transparent transparent;}
  455. .sidelinks a:hover::before {
  456. content:"";
  457. box-shadow:-1px 0px 0px #000, 0px 0px 0px 1px #000 inset;
  458. border-color:transparent transparent transparent #000;}
  459. .sidelinks:hover .active:hover::before {
  460. content:"";
  461. box-shadow:-1px 0px 0px #000, 0px 0px 0px 1px #000 inset;
  462. border-color:transparent transparent transparent #000;}
  463.  
  464. /* --------------------------------------------------------------------------
  465. --- SIDEBAR: TABS ---
  466. -------------------------------------------------------------------------- */
  467.  
  468. /*-- Tab Contents Overall --*/
  469. .tab-content {
  470. {block:IfBlackPokeMenus}
  471. -webkit-filter: invert(100%);
  472. -moz-filter: invert(100%);
  473. -ms-filter: invert(100%);
  474. -o-filter: invert(100%);
  475. filter: invert(100%);
  476. {/block:IfBlackPokeMenus}
  477. display:block;
  478. position:fixed;
  479. left:50%; margin-left:-450px;
  480. top:50%; margin-top:12px;
  481. font-family:'04b03', Calibri;
  482. color:#000;
  483. text-shadow:0px 0px 0px #000;
  484. background:#fff;
  485. height:128px; width:226px;
  486. overflow:auto;
  487. border:8px solid #fff;
  488. border-image-source: url(http://static.tumblr.com/u5vz4xb/6kjnwmte3/frame2.png);
  489. border-image-slice: 8;
  490. border-image-width: 8px;
  491. border-image-outset: 0px;
  492. border-image-repeat: repeat;}
  493. .tab-content::-webkit-scrollbar {
  494. height:7px; width:7px;
  495. background: transparent;}
  496. .tab-content::-webkit-scrollbar-thumb {
  497. background: #808080;
  498. border:none; border-radius:0px;
  499. border:2px solid #fff;}
  500.  
  501. .tab {display:none;}
  502. .tab.active {display:block;}
  503. .tab img {
  504. {block:IfBlackPokeMenus}
  505. -webkit-filter: invert(100%);
  506. -moz-filter: invert(100%);
  507. -ms-filter: invert(100%);
  508. -o-filter: invert(100%);
  509. filter: invert(100%);
  510. {/block:IfBlackPokeMenus}}
  511.  
  512. /* BLOGROLL TAB */
  513. #tab1 {
  514. word-break: break-all;
  515. text-transform:uppercase;
  516. font-family:'pkmn', Calibri;
  517. font-size:8px;}
  518. #tab1 li {list-style-type:decimal-leading-zero; margin:0px;}
  519. #tab1 img {margin-right:1px;}
  520.  
  521. #tab1 a {
  522. color:#000;
  523. width:210px;
  524. margin:-5px 0px;
  525. display:inline-block;
  526. padding:2px;}
  527. #tab1 a::before {
  528. content:"";
  529. display:inline-block;
  530. height:1px; width:1px;
  531. margin:0px 5px 0px 2px;
  532. border:3px solid #000;
  533. border-width:3px 0px 3px 3px;
  534. box-shadow:-1px 0px 0px transparent, 0px 0px 0px 1px transparent inset;
  535. border-color:transparent transparent transparent transparent;}
  536. #tab1 a:hover::before {
  537. content:"";
  538. box-shadow:-1px 0px 0px #000, 0px 0px 0px 1px #000 inset;
  539. border-color:transparent transparent transparent #000;}
  540.  
  541. /* FAMILY TAB */
  542. #tab2 {font-family:'pkmn', Calibri;}
  543.  
  544. #tab2 img {margin-left:-5px}
  545. #tab2 a {
  546. display:block; width:180px;
  547. margin:0px; color:#000;}
  548. #tab2 a:first-of-type {margin-top:4px;}
  549. #tab2 a::before {
  550. content:"";
  551. display:inline-block;
  552. height:1px; width:1px;
  553. margin:0px 0px 2px 2px;
  554. border:3px solid #000;
  555. border-width:3px 0px 3px 3px;
  556. box-shadow:-1px 0px 0px transparent, 0px 0px 0px 1px transparent inset;
  557. border-color:transparent transparent transparent transparent;}
  558. #tab2 a:hover::before {
  559. content:"";
  560. box-shadow:-1px 0px 0px #000, 0px 0px 0px 1px #000 inset;
  561. border-color:transparent transparent transparent #000;}
  562. #tab2 b {
  563. color:#000;
  564. font-family:'04b03', Calibri;
  565. text-shadow:0px 0px 0px #000, 1px 0px 0px #000;}
  566.  
  567. #tab2 .top {
  568. display:block;
  569. margin:-20px 0px 0px 26px;}
  570. #tab2 .name {display:inline-block; min-width:80px}
  571. #tab2 .bottom {
  572. display:block;
  573. margin:-5px 0px 0px 31px;}
  574. .health {
  575. display:inline-block;
  576. border-radius:2px;
  577. margin-right:5px;
  578. box-shadow:48px 0px 0px #808080 inset; /* <- change 48 to smaller number to lower the health! :O it lowers them ALL though just so you know*/
  579. height:2px; width:48px;
  580. border:1px solid #000;}
  581.  
  582. /* TAGS TAB */
  583. #tab3 h {
  584. font-family:'pkmn', Calibri;
  585. font-size:8px;
  586. text-align:left;
  587. margin-left:10px;
  588. text-transform:none;
  589. text-shadow:0px 0px 0px #000;
  590. line-height:12px;}
  591. #tab3 a {display:block; color:#000;}
  592. #tab3 a::before {
  593. content:"";
  594. display:inline-block;
  595. height:1px; width:1px;
  596. margin:0px 3px 0px 1px;
  597. border:3px solid #000;
  598. border-width:2px 0px 2px 2px;
  599. box-shadow:-1px 0px 0px transparent, 0px 0px 0px 1px transparent inset;
  600. border-color:transparent transparent transparent transparent;}
  601. #tab3 a:hover::before {
  602. content:"";
  603. box-shadow:-1px 0px 0px #000, 0px 0px 0px 1px #000 inset;
  604. border-color:transparent transparent transparent #000;}
  605. #tab3 a::after {
  606. float:right;
  607. font-family:'pkmn', Calibri;
  608. content:"x1";}
  609.  
  610. .tags-div {width:105px;}
  611.  
  612. /* DESCRIPTION TAB */
  613. /*icon and facts*/
  614. #about-image {
  615. height:56px; min-width:56px; max-width:80px;
  616. float:left;
  617. text-align:center;
  618. margin:0px 8px 0px 3px;}
  619. #about-image img {
  620. position:relative;
  621. top:50%;
  622. -webkit-transform: translateY(-50%);
  623. -ms-transform: translateY(-50%);
  624. transform: translateY(-50%);
  625. max-height:100%; max-width:100%;}
  626. #tab4 #facts {
  627. line-height:14px;
  628. margin-top:5px;
  629. font-family:'pkmn', Calibri;}
  630. /* divider */
  631. #squares {
  632. display:block;
  633. margin:2px 0px -3px 0px;
  634. background:#000;
  635. height:6px;
  636. line-height:6px;
  637. box-shadow:0px 2px 0px #fff inset, 0px -2px 0px #fff inset;}
  638. .square {
  639. display:inline-block;
  640. margin:0px 7px;
  641. width:4px; height:4px;
  642. background:#fff;
  643. border:1px solid #000;
  644. box-shadow:0px 1px 0px #bdbdbd inset, 0px -1px 0px #bdbdbd inset;}
  645. /* description text*/
  646. #tab4 a {
  647. {block:IfBlackPokeMenus}
  648. -webkit-filter: invert(100%);
  649. -moz-filter: invert(100%);
  650. -ms-filter: invert(100%);
  651. -o-filter: invert(100%);
  652. filter: invert(100%);
  653. {/block:IfBlackPokeMenus}
  654. color:{color:Description Links};}
  655. #tab4 a:hover {color:{color:Description Links Hover};}
  656. #tab4 b, #tab4 strong, #tab4 i, #tab4 em {color:#000;}
  657. #tab4 b, #tab4 strong {text-shadow:0px 0px 0px #000, 1px 0px 0px #000;}
  658.  
  659. /* --------------------------------------------------------------------------
  660. --- POSTS ---
  661. -------------------------------------------------------------------------- */
  662.  
  663. /* posts position */
  664. #entries {
  665. margin-top:80px;
  666. margin-left:50%;}
  667.  
  668. /* posts themselves */
  669. .posts-container {
  670. margin-bottom:80px;
  671. {block:If400pxPosts}margin-left:0px;{/block:If400pxPosts}
  672. {block:IfNot400pxPosts}margin-left:-50px;{/block:IfNot400pxPosts}
  673. {block:If400pxPosts}width: 440px;{/block:If400pxPosts}
  674. {block:IfNot400pxPosts}width: 540px;{/block:IfNot400pxPosts}
  675. box-shadow:8px 8px 0px {color:Box Shadows};}
  676. .posts, .notfound {
  677. overflow:hidden;
  678. {block:If400pxPosts}width: 400px;{/block:If400pxPosts}
  679. {block:IfNot400pxPosts}width: 500px;{/block:IfNot400pxPosts}
  680. padding:20px;
  681. background: {color:Posts BG};}
  682. .notfound {display:none;}
  683.  
  684. /* ----------------------------- POST TYPES ------------------------------ */
  685.  
  686. /* text post */
  687. blockquote {
  688. padding:0px;
  689. padding-left:6px;
  690. margin:-3px 0 -1px 6px;
  691. border-left:3px solid {color:posts blockquote};}
  692. hr {display: block;
  693. margin: 20px 50px;
  694. border:0px solid {color:posts blockquote};
  695. border-width:3px 0px 0px 0px;}
  696.  
  697. /* bullet lists */
  698. ul {margin-left:-20px;
  699. list-style-type:none;}
  700. .posts ul li::before {
  701. content:"";
  702. display:inline-block;
  703. height:1px; width:1px;
  704. margin-right:6px;
  705. border:3px solid {color:posts blockquote};
  706. border-width:2px 0px 2px 2px;
  707. box-shadow:-1px 0px 0px {color:posts blockquote}, 0px 0px 0px 1px {color:posts blockquote} inset;
  708. border-color:transparent transparent transparent {color:posts blockquote};}
  709. ol {margin-left:-20px;
  710. list-style-type:decimal;}
  711. li {margin-bottom:3px;}
  712.  
  713. /* text-images */
  714. .posts-container img {
  715. vertical-align:middle;
  716. max-width:100%;
  717. -webkit-transition-duration: 0.2s;
  718. -moz-transition-duration:0.2s;
  719. -o-transition-duration:0.2s;
  720. transition-duration:0.2s;}
  721. .posts-container:hover img {opacity:1;}
  722. img a{border:none; max-width:100%;}
  723. /* the credit below gifs that are from other people */
  724. .tmblr-full {margin:0;}
  725. .tmblr-attribution {
  726. opacity:.8;
  727. margin-top:0px;
  728. font-family:Calibri;
  729. font-size:8px; line-height:8px;
  730. text-transform:uppercase;
  731. letter-spacing:1px;}
  732. .tmblr-attribution::before {content: "└";}
  733. .tmblr-attribution::after {content: " >";}
  734. img a{border:none; max-width:100%;}
  735.  
  736. /* link posts */
  737. .link-posts a {
  738. background: {color:Posts Links};
  739. text-shadow:none;
  740. display:inline-block;
  741. {block:If400pxPosts}width: 380px;{/block:If400pxPosts}
  742. {block:IfNot400pxPosts}width: 480px;{/block:IfNot400pxPosts}
  743. border-radius:3px;
  744. padding:10px;
  745. color:{color:Posts BG};}
  746. .link-posts a:hover {
  747. background: {color:Posts Links Hover}}
  748.  
  749. /* ask posts */
  750. .ask-posts {
  751. min-height:64px;
  752. padding: 10px;
  753. background: {color:Posts 2nd BG};
  754. border-radius:3px;}
  755. .ask-posts img {
  756. vertical-align:middle;
  757. display:inline-block;
  758. margin-right:5px;
  759. border-radius:0px;
  760. max-width:64px;}
  761. .ask-posts .question {
  762. vertical-align:middle;
  763. display:inline-block;
  764. {block:If400pxPosts}width: 300px;{/block:If400pxPosts}
  765. {block:IfNot400pxPosts}width: 406px;{/block:IfNot400pxPosts}}
  766. .ask-posts h2 {text-align:left; margin:0px 0px 5px 0px;}
  767.  
  768. /* quote posts */
  769. .quote-posts {
  770. margin:0px 0px 5px 0px;
  771. padding:10px 0px;
  772. text-align:center}
  773. .quote {
  774. vertical-align:middle;
  775. {block:If400pxPosts}width: 310px;{/block:If400pxPosts}
  776. {block:IfNot400pxPosts}width: 430px;{/block:IfNot400pxPosts}
  777. display:inline-block;}
  778. .quote-posts .fa {
  779. width:20px;
  780. font-size:20px; text-shadow:none;
  781. vertical-align:middle;
  782. display:inline-block;
  783. color:{color:Posts Blockquote}}
  784.  
  785. /* chat posts */
  786. ul.chat, .chat ol, .chat li {
  787. list-style:none;
  788. margin:0px;
  789. padding:4px 0px 4px 2px;}
  790. ul.chat, .chat ol {margin:-2px 0px;}
  791. .chat li {
  792. border-bottom:2px solid {color:Posts Blockquote};}
  793. .chat li:first-of-type {
  794. border-top:2px solid {color:Posts Blockquote};}
  795.  
  796. /* photo posts */
  797. .posts-container img, .posts-container .html_photoset {
  798. /* vv all image affects vv sorry looks SO complicated...*/
  799. {block:IfFadePhotos}opacity:0.75;{/block:IfFadePhotos}
  800. -webkit-filter: {block:IfMonochromePhotos}grayscale(100%){/block:IfMonochromePhotos}{block:IfContrastPhotos}contrast(200%){/block:IfContrastPhotos};
  801. -moz-filter: {block:IfMonochromePhotos}grayscale(100%){/block:IfMonochromePhotos}{block:IfContrastPhotos}contrast(200%){/block:IfContrastPhotos};
  802. -ms-filter: {block:IfMonochromePhotos}grayscale(100%){/block:IfMonochromePhotos}{block:IfContrastPhotos}contrast(200%){/block:IfContrastPhotos};
  803. -o-filter: {block:IfMonochromePhotos}grayscale(100%){/block:IfMonochromePhotos}{block:IfContrastPhotos}contrast(200%){/block:IfContrastPhotos};
  804. filter: {block:IfMonochromePhotos}grayscale(100%){/block:IfMonochromePhotos}{block:IfContrastPhotos}contrast(200%){/block:IfContrastPhotos};
  805. -webkit-transition: all 0.3s linear;
  806. -moz-transition: all 0.3s linear;
  807. transition: all 0.3s linear;}
  808. .posts-container:hover img, .posts-container:hover .html_photoset {
  809. opacity:1;
  810. -webkit-filter: grayscale(0%) contrast(100%);
  811. -moz-filter: grayscale(0%) contrast(100%);
  812. -ms-filter: grayscale(0%) contrast(100%);
  813. -o-filter: grayscale(0%) contrast(100%);
  814. filter: grayscale(0%) contrast(100%);}
  815.  
  816. /* photoset focused image background */
  817. .tmblr-lightbox {
  818. background-color:transparent !important;}
  819. .vignette {
  820. z-index:99998! important;
  821. opacity:.75 !important;
  822. background-color:{color:background} !important;
  823. background-image:none !important;}
  824. .tmblr-lightbox .lightbox-image {
  825. z-index:99999! important;
  826. border-radius:0px !important;
  827. background:{color:background} !important;
  828. box-shadow:0px 0px 0px 30px {color:background} !important;}
  829. .tmblr-lightbox .lightbox-caption {
  830. z-index:99999! important;
  831. font-family:consolas !important;
  832. font-size:10px !important;
  833. font-size: 15px !important;
  834. font-weight: bold !important;
  835. color: {color:posts title} !important;
  836. text-shadow: 0 4px 30px {color:background} !important;}
  837.  
  838. /* video posts */
  839. .caption #youtube_iframe, .caption iframe {
  840. margin:5px 0px 5px 0px;
  841. max-width:100%;}
  842.  
  843. /* audio posts */
  844. #audio-pic {
  845. display:inline-block;
  846. vertical-align:middle;
  847. margin-right:2px;
  848. border-radius:3px;
  849. width:135px; height:135px;
  850. background: url('{image:Default Audio Pic}');
  851. background-size:cover;}
  852. #info-container {
  853. display:inline-block;
  854. vertical-align:middle;
  855. text-align:left;
  856. font-size:8px; line-height:15px;
  857. {block:If400pxPosts}width:255px;{/block:If400pxPosts}
  858. {block:IfNot400pxPosts}width:355px;{/block:IfNot400pxPosts}
  859. text-transform:uppercase;
  860. letter-spacing:1px;}
  861. #info-container li {
  862. display:block;
  863. border-radius:3px;
  864. padding:4px 7px;
  865. margin:0px; margin-top:4px;
  866. background:{color:Posts 2nd BG};}
  867. .posts .audio_player {
  868. max-width:355px; max-height:27px;
  869. margin:0px; border-radius:3px;
  870. background:{color:Audio Player};
  871. {block:IfMonochromePhotos}
  872. -webkit-filter: grayscale(100%);
  873. -moz-filter: grayscale(100%);
  874. -ms-filter: grayscale(100%);
  875. -o-filter: grayscale(100%);
  876. filter: grayscale(100%);{/block:IfMonochromePhotos}
  877. -webkit-transition: all 0.2s linear;
  878. -moz-transition: all 0.2s linear;
  879. transition: all 0.2s linear;}
  880. .posts:hover .audio_player {
  881. {block:IfMonochromePhotos}
  882. -webkit-filter: grayscale(0%);
  883. -moz-filter: grayscale(0%);
  884. -ms-filter: grayscale(0%);
  885. -o-filter: grayscale(0%);
  886. filter: grayscale(0%);{/block:IfMonochromePhotos}}
  887. .tumblr_audio_player {
  888. {block:If400pxPosts}width:255px;{/block:If400pxPosts}
  889. {block:IfNot400pxPosts}width:355px;{/block:IfNot400pxPosts}
  890. opacity:.66;}
  891.  
  892. /* --------------------------------------------------------------------------
  893. --- POST ENDINGS ---
  894. -------------------------------------------------------------------------- */
  895.  
  896. /* overall + font stuff */
  897. #postending {
  898. {block:IfBlackPokeMenus}
  899. -webkit-filter: invert(100%);
  900. -moz-filter: invert(100%);
  901. -ms-filter: invert(100%);
  902. -o-filter: invert(100%);
  903. filter: invert(100%);
  904. {/block:IfBlackPokeMenus}
  905. margin:0px 0px 70px 0px;
  906. {block:If400pxPosts}width: 440px;{/block:If400pxPosts}
  907. {block:IfNot400pxPosts}width: 540px;{/block:IfNot400pxPosts}
  908. text-align:left;
  909. text-transform:uppercase;
  910. font-family:'pkmn', Calibri;
  911. font-size:8px;
  912. color: #000;}
  913. #postending a {
  914. background: #fff;
  915. text-shadow:0px 0px 0px #000;
  916. color: #000;}
  917. #postending a:hover {
  918. color: #000;}
  919. #postending b, #postending strong, #postending i, #postending em {
  920. color: #000;
  921. text-shadow:0px 0px 0px #000, 1px 0px 0px #000;
  922. font-weight:normal;
  923. letter-spacing:1px;}
  924. #postending small {
  925. text-transform:lowercase;
  926. font-family:'04b03', Calibri;
  927. font-size:8px; line-height:8px;}
  928.  
  929. /* black select arrows */
  930. #leftmenu a::before, #rightmenu a::before {
  931. content:"";
  932. display:inline-block;
  933. height:1px; width:1px;
  934. margin:0px 2px 0px 2px;
  935. border:3px solid #000;
  936. border-width:3px 0px 3px 3px;
  937. box-shadow:-1px 0px 0px transparent, 0px 0px 0px 1px transparent inset;
  938. border-color:transparent transparent transparent transparent;}
  939. #leftmenu #fight::before, #rightmenu #fight::before {
  940. content:"";
  941. box-shadow:-1px 0px 0px #000, 0px 0px 0px 1px #000 inset;
  942. border-color:transparent transparent transparent #000;}
  943. #leftmenu:hover a::before, #rightmenu:hover a::before {
  944. content:"";
  945. box-shadow:-1px 0px 0px transparent, 0px 0px 0px 1px transparent inset;
  946. border-color:transparent transparent transparent transparent;}
  947. #leftmenu:hover #fight::before, #rightmenu:hover #fight::before {
  948. content:"";
  949. box-shadow:-1px 0px 0px transparent, 0px 0px 0px 1px transparent inset;
  950. border-color:transparent transparent transparent transparent;}
  951. #leftmenu a:hover::before, #rightmenu a:hover::before {
  952. content:"";
  953. box-shadow:-1px 0px 0px #000, 0px 0px 0px 1px #000 inset;
  954. border-color:transparent transparent transparent #000;}
  955. #leftmenu:hover #fight:hover::before, #rightmenu:hover #fight:hover::before {
  956. content:"";
  957. box-shadow:-1px 0px 0px #000, 0px 0px 0px 1px #000 inset;
  958. border-color:transparent transparent transparent #000;}
  959.  
  960.  
  961. /* left pokemon moves */
  962. #leftmenu {
  963. position:relative;
  964. {block:If400pxPosts}width: 350px;{/block:If400pxPosts}
  965. {block:IfNot400pxPosts}width: 450px;{/block:IfNot400pxPosts}
  966. height:32px;
  967. line-height:8px;
  968. background:#fff url('http://static.tumblr.com/u5vz4xb/gpQnwmurm/bg01.png');
  969. background-repeat:no-repeat;
  970. border:8px solid #fff;
  971. border-image-source: url(http://static.tumblr.com/u5vz4xb/6kjnwmte3/frame2.png);
  972. border-image-slice: 8;
  973. border-image-width: 8px;
  974. border-image-outset: 0px;
  975. border-image-repeat: repeat;}
  976. #leftmenu a {display:block; margin-bottom:0px;}
  977.  
  978. /* right battling options */
  979. #rightmenu {
  980. display:block;
  981. position:relative;
  982. margin-top:-48px;
  983. {block:If400pxPosts}margin-left:224px;{/block:If400pxPosts}
  984. {block:IfNot400pxPosts}margin-left:324px;{/block:IfNot400pxPosts}
  985. width:200px; height:32px;
  986. background:#fff;
  987. border:8px solid transparent;
  988. border-image-source: url(http://static.tumblr.com/u5vz4xb/6kjnwmte3/frame2.png);
  989. border-image-slice: 8;
  990. border-image-width: 8px;
  991. border-image-outset: 0px;
  992. border-image-repeat: repeat;}
  993. #rightmenu a {display:block; padding:2px 0px; margin-bottom:0px;}
  994. #rightmenu sub {
  995. font-family:'04b03', Calibri;
  996. font-size:8px; line-height:8px;}
  997. #rightmenu sup {
  998. font-family:'04b03', Calibri;
  999. font-size:8px; line-height:8px;}
  1000.  
  1001. /* left tags */
  1002. #left {height:0px;}
  1003. #tagslink {
  1004. position:relative;
  1005. color:transparent;
  1006. top:-25px; margin-bottom:-15px;
  1007. {block:If400pxPosts}left: 232px;{/block:If400pxPosts}
  1008. {block:IfNot400pxPosts}left: 332px;{/block:IfNot400pxPosts}
  1009. z-index:3;
  1010. width:80px; height:15px;}
  1011. #left #tagslink::before {
  1012. content:"";
  1013. display:inline-block;
  1014. height:1px; width:1px;
  1015. margin:5px 2px 0px 12px;
  1016. border:3px solid #000;
  1017. border-width:3px 0px 3px 3px;
  1018. box-shadow:-1px 0px 0px transparent, 0px 0px 0px 1px transparent inset;
  1019. border-color:transparent transparent transparent transparent;}
  1020. #left:hover #tagslink::before {
  1021. content:"";
  1022. box-shadow:-1px 0px 0px #000, 0px 0px 0px 1px #000 inset;
  1023. border-color:transparent transparent transparent #000;}
  1024. /* 'wite out' for FIGHT arrow */
  1025. #left #fight-white {
  1026. display:none;
  1027. position:relative;
  1028. top:-36px;
  1029. {block:If400pxPosts}left: 243px;{/block:If400pxPosts}
  1030. {block:IfNot400pxPosts}left: 343px;{/block:IfNot400pxPosts}
  1031. margin-bottom:-7px;
  1032. width:5px; height:7px; background:#fff;}
  1033. #left:hover #fight-white {display:block;}
  1034.  
  1035. #left #tags {
  1036. position:relative;
  1037. top:-50px; margin-bottom:-48px;
  1038. display:none; overflow-y:scroll;
  1039. min-height:36px; max-height:50px;
  1040. padding-right:6px;
  1041. {block:If400pxPosts}width: 210px;{/block:If400pxPosts}
  1042. {block:IfNot400pxPosts}width: 310px;{/block:IfNot400pxPosts}
  1043. font-family:'04b03', Calibri;
  1044. font-size:8px; line-height:8px;
  1045. text-transform:none;
  1046. border:8px solid transparent;
  1047. border-image-source: url(http://static.tumblr.com/u5vz4xb/6kjnwmte3/frame2.png);
  1048. border-image-slice: 8;
  1049. border-image-width: 8px;
  1050. border-image-outset: 0px;
  1051. border-image-repeat: repeat;
  1052. background:#fff;}
  1053. #left:hover #tags {
  1054. display:block;}
  1055. /* black select arrows */
  1056. #tags a::before {
  1057. content:"";
  1058. display:inline-block;
  1059. height:1px; width:1px;
  1060. margin:0px 4px 0px 2px;
  1061. border:3px solid #000;
  1062. border-width:2px 0px 2px 2px;
  1063. box-shadow:-1px 0px 0px transparent, 0px 0px 0px 1px transparent inset;
  1064. border-color:transparent transparent transparent transparent;}
  1065. #tags a:hover::before {
  1066. content:"";
  1067. box-shadow:-1px 0px 0px #000, 0px 0px 0px 1px #000 inset;
  1068. border-color:transparent transparent transparent #000;}
  1069. /* tag scrollbar */
  1070. #tags::-webkit-scrollbar {
  1071. height:8px; width:8px;
  1072. background: transparent;}
  1073. #tags::-webkit-scrollbar-thumb {
  1074. background: #808080;
  1075. border-radius:0px;
  1076. border:3px solid #fff;
  1077. border-width:0px 3px;}
  1078.  
  1079. /* ------------------------------ PERMALINK ------------------------------ */
  1080.  
  1081. /* permalink position */
  1082. #permalink {
  1083. background:{color:Permalink BG};
  1084. {block:If400pxPosts}margin:-64px 0 0px 8px;{/block:If400pxPosts}
  1085. {block:IfNot400pxPosts}margin:-64px 0 0px -42px;{/block:IfNot400pxPosts}
  1086. {block:If400pxPosts}width: 400px;{/block:If400pxPosts}
  1087. {block:IfNot400pxPosts}width: 500px;{/block:IfNot400pxPosts}
  1088. padding: 20px;}
  1089.  
  1090. /* post notes container */
  1091. .notes {
  1092. {block:If400pxPosts}width: 400px;{/block:If400pxPosts}
  1093. {block:IfNot400pxPosts}width: 500px;{/block:IfNot400pxPosts}
  1094. max-height:600px;
  1095. overflow: auto;
  1096. font-family:'pkmn', Calibri;
  1097. line-height:0px; font-size:0px;
  1098. text-align:left;
  1099. color:transparent;}
  1100. ol.notes, .notes li {
  1101. width:100%; padding:2px 0px;
  1102. list-style:none; margin:0px;}
  1103. .notes a {
  1104. line-height:16px; font-size:8px;
  1105. display:inline-block;
  1106. text-transform:uppercase;
  1107. color:{color:Permalink Links};}
  1108. .notes a:hover {
  1109. color:{color:Permalink Links Hover};}
  1110. .notes blockquote {
  1111. margin-top:3px;
  1112. margin-bottom:3px;
  1113. border-left:3px solid {color:Permalink Blockquote};}
  1114. .notes .answer_content {
  1115. line-height:16px; font-size:8px;
  1116. display:block;
  1117. margin:3px 0px 3px 5px; padding-left:5px;
  1118. color:{color:Permalink Text};
  1119. border-left:3px solid {color:Permalink Blockquote};}
  1120.  
  1121. /* notes avatars */
  1122. .notes img {
  1123. {block:IfFadePhotos}opacity:0.75;{/block:IfFadePhotos}
  1124. -webkit-filter: {block:IfMonochromePhotos}grayscale(100%){/block:IfMonochromePhotos}{block:IfContrastPhotos}contrast(200%){/block:IfContrastPhotos};
  1125. -moz-filter: {block:IfMonochromePhotos}grayscale(100%){/block:IfMonochromePhotos}{block:IfContrastPhotos}contrast(200%){/block:IfContrastPhotos};
  1126. -ms-filter: {block:IfMonochromePhotos}grayscale(100%){/block:IfMonochromePhotos}{block:IfContrastPhotos}contrast(200%){/block:IfContrastPhotos};
  1127. -o-filter: {block:IfMonochromePhotos}grayscale(100%){/block:IfMonochromePhotos}{block:IfContrastPhotos}contrast(200%){/block:IfContrastPhotos};
  1128. filter: {block:IfMonochromePhotos}grayscale(100%){/block:IfMonochromePhotos}{block:IfContrastPhotos}contrast(200%){/block:IfContrastPhotos};
  1129. width: 16px; padding-right:5px;
  1130. display:inline; vertical-align: middle;
  1131. -webkit-transition: all 0.25s linear;
  1132. -moz-transition: all 0.25s linear;
  1133. transition: all 0.25s linear;}
  1134. .notes li:hover img {
  1135. opacity:1;
  1136. -webkit-filter: grayscale(0%) contrast(100%);
  1137. -moz-filter: grayscale(0%) contrast(100%);
  1138. -ms-filter: grayscale(0%) contrast(100%);
  1139. -o-filter: grayscale(0%) contrast(100%);
  1140. filter: grayscale(0%) contrast(100%);
  1141. -webkit-transition: all 0.25s linear;
  1142. -moz-transition: all 0.25s linear;
  1143. transition: all 0.25s linear;}
  1144.  
  1145. /* replaced regular sentences with battle phrases */
  1146. .notes .like span a::after {
  1147. content: "used LIKE!";
  1148. text-transform:none;
  1149. display:inline-block; margin:0px 5px;
  1150. line-height:16px; font-size:8px;
  1151. color:{color:Permalink Text};}
  1152. .notes .reblog .tumblelog::after {
  1153. content: "used REBLOG!";
  1154. text-transform:none;
  1155. display:inline-block; margin:0px 5px;
  1156. line-height:16px; font-size:8px;
  1157. color:{color:Permalink Text};}
  1158. .notes .source_tumblelog::after {
  1159. content: "is affected!";
  1160. text-transform:none;
  1161. display:inline-block; margin:0px 5px;
  1162. line-height:16px; font-size:8px;
  1163. color:{color:Permalink Text};}
  1164. .notes .reply .action a::after {
  1165. content: "used REPLY!";
  1166. text-transform:none;
  1167. display:inline-block; margin:0px 5px;
  1168. line-height:16px; font-size:8px;
  1169. color:{color:Permalink Text};}
  1170.  
  1171. /* permalink scrollbar */
  1172. #permalink ::-webkit-scrollbar {
  1173. height:5px; width:5px;
  1174. background: transparent;}
  1175. #permalink ::-webkit-scrollbar-thumb:vertical {
  1176. background: {color:Permalink Scroll Thumb};
  1177. border:none;
  1178. border-radius: 1px;}
  1179.  
  1180. </style>
  1181. <body>
  1182.  
  1183. <!-------------------------------- CURSOR ---------------------------------->
  1184. {block:IfCustomCursor}
  1185. <style type="text/css"> body {cursor: url({image:Custom Cursor}), auto;} a, a:hover{cursor:url({image:Custom Cursor Links}), auto;}
  1186. </style>
  1187. <!-- Custom cursors don't show up on empty spaces, but this fixes that -->
  1188. <div style="position:fixed; background:rgba(0,0,0,0); top:0px; left:0px; width:100%; height:100%; z-index: -99999999999999;"></div>{/block:IfCustomCursor}
  1189.  
  1190. <!-------------------------- CREDIT; DON'T REMOVE -------------------------->
  1191. <a href="http://nyctothemes.tumblr.com/" title="© nyctothemes" id="credit"></a>
  1192.  
  1193. <!-------------------------------- SIDEBAR --------------------------------->
  1194.  
  1195. <!-- page navigation -->
  1196. {block:Pagination}<div id="pagination">
  1197. {block:PreviousPage}<a href="{PreviousPage}" title="previous"><div class="previous"></div></a>{/block:PreviousPage}
  1198. {block:JumpPagination length="5"}
  1199. {block:CurrentPage}
  1200. <span class="current_page">{PageNumber}</span>
  1201. {/block:CurrentPage}
  1202. {block:JumpPage}
  1203. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1204. {/block:JumpPage}
  1205. {/block:JumpPagination}
  1206. {block:NextPage}<a href="{NextPage}" title="next"><div class="next"></div></a>{/block:NextPage}
  1207. </div>{/block:Pagination}
  1208.  
  1209. <!-- sidebar image -->
  1210. <div id="sideimage"></div>
  1211.  
  1212. <!-------- vv TAB-LINKS AND TABS vv --------->
  1213. <div class="tabs standard">
  1214.  
  1215. <!-- links to tabs -->
  1216. <div class="sidelinks">
  1217. <a href="#tab1" title="{text:Pokedex Hover Title}">POKéDEX</a>
  1218. <a href="#tab2" title="{text:Pokemon Hover Title}">POKéMON</a>
  1219. <a href="#tab3" title="{text:Item Hover Title}">ITEM</a>
  1220. <a href="#tab4" title="{text:Trainer Hover Title}" class="active">{text:Trainer ID}</a>
  1221. <a href="/archive" title="Archive">SAVE</a>
  1222. <a href="/ask" title="Message">OPTION</a>
  1223. <a href="/" title="Refresh">EXIT</a>
  1224. </div>
  1225.  
  1226. <!-- actual tabs -->
  1227. <div class="tab-content">
  1228.  
  1229. <!-- blogroll tab -->
  1230. <div id="tab1" class="tab">
  1231. {block:Following}{block:Followed}
  1232. <li><br><a href="{FollowedURL}"><img src="http://static.tumblr.com/u5vz4xb/R59nypmm6/pokeball.png">{FollowedName}</a><br>{/block:Followed}{/block:Following}
  1233. </div>
  1234.  
  1235. <!-- family page -->
  1236. <div id="tab2" class="tab">
  1237. <a href="{text:Pokemon 1 Link URL}" title="{text:Pokemon 1 Link Title}">
  1238. <img src="{text:Pokemon 1 Icon}">
  1239. <div class="top"><div class="name">{text:Pokemon 1 Name}</div> <b>:L</b>16</div>
  1240. <div class="bottom"><b>HP:</b><div class="health"></div> 48/ 48</div></a>
  1241.  
  1242. <a href="{text:Pokemon 2 Link URL}" title="{text:Pokemon 2 Link Title}">
  1243. <img src="{text:Pokemon 2 Icon}">
  1244. <div class="top"><div class="name">{text:Pokemon 2 Name}</div> <b>:L</b>14</div>
  1245. <div class="bottom"><b>HP:</b><div class="health"></div> 36/ 36</div></a>
  1246.  
  1247. <a href="{text:Pokemon 3 Link URL}" title="{text:Pokemon 3 Link Title}">
  1248. <img src="{text:Pokemon 3 Icon}">
  1249. <div class="top"><div class="name">{text:Pokemon 3 Name}</div> <b>:L</b>5</div>
  1250. <div class="bottom"><b>HP:</b><div class="health"></div> 20/ 20</div></a>
  1251.  
  1252. <a href="{text:Pokemon 4 Link URL}" title="{text:Pokemon 4 Link Title}">
  1253. <img src="{text:Pokemon 4 Icon}">
  1254. <div class="top"><div class="name">{text:Pokemon 4 Name}</div> <b>:L</b>16</div>
  1255. <div class="bottom"><b>HP:</b><div class="health"></div> 48/ 48</div></a>
  1256.  
  1257. <a href="{text:Pokemon 5 Link URL}" title="{text:Pokemon 5 Link Title}">
  1258. <img src="{text:Pokemon 5 Icon}">
  1259. <div class="top"><div class="name">{text:Pokemon 5 Name}</div> <b>:L</b>8</div>
  1260. <div class="bottom"><b>HP:</b><div class="health"></div> 24/ 24</div></a>
  1261.  
  1262. <a href="{text:Pokemon 6 Link URL}" title="{text:Pokemon 6 Link Title}">
  1263. <img src="{text:Pokemon 6 Icon}">
  1264. <div class="top"><div class="name">{text:Pokemon 6 Name}</div> <b>:L</b>18</div>
  1265. <div class="bottom"><b>HP:</b><div class="health"></div> 55/ 55</div></a>
  1266. </div>
  1267.  
  1268. <!-- tags page -->
  1269. <div id="tab3" class="tab">
  1270. <div class="tags-div" style="float:left; margin-left:2px">
  1271. <h>GENERAL</h>
  1272. <a href="/tagged/">Potion</a>
  1273. <a href="/tagged/">Super Potion</a>
  1274. <a href="/tagged/">Revive</a>
  1275. <a href="/tagged/">Fire Stone</a>
  1276. <a href="/tagged/">Water Stone</a>
  1277. <a href="/tagged/">Thunder Stone</a>
  1278.  
  1279. <h>MOVES</h>
  1280. <a href="/tagged/">TM02</a>
  1281. <a href="/tagged/">TM28</a>
  1282. <a href="/tagged/">TM44</a>
  1283. <a href="/tagged/">HM01</a>
  1284. <a href="/tagged/">HM05</a>
  1285. </div>
  1286.  
  1287. <div class="tags-div" style="float:right">
  1288. <h>KEY</h>
  1289. <a href="/tagged/">Bicycle</a>
  1290. <a href="/tagged/">Coin Case</a>
  1291. <a href="/tagged/">Good Rod</a>
  1292.  
  1293. <h>POKéBALLS</h>
  1294. <a href="/tagged/">Poké Ball</a>
  1295. <a href="/tagged/">Great Ball</a>
  1296. <a href="/tagged/">Ultra Ball</a>
  1297. <a href="/tagged/">Master Ball</a>
  1298. <a href="/tagged/">Safari Ball</a>
  1299. </div>
  1300. </div>
  1301.  
  1302. <!-- about page -->
  1303. <div id="tab4" class="tab active">
  1304. <div id="about-image"><img src="{image:About Icon}"></div>
  1305. <div id="facts">{text:About Fact 1}<br>
  1306. {text:About Fact 2}<br>
  1307. {text:About Fact 3}<br>
  1308. {text:About Fact 4}</div>
  1309.  
  1310. <div id="squares">
  1311. <div class="square"></div><div class="square"></div><div class="square"></div><div class="square"></div>
  1312. <div style="float:right"><div class="square"></div><div class="square"></div><div class="square"></div><div class="square"></div></div>
  1313. </div>
  1314.  
  1315. <p>{description}</p>
  1316. </div>
  1317.  
  1318. </div><!-- ending div tag for "tab-content" -->
  1319. </div><!-- ending div tag for "tabs standared" -->
  1320.  
  1321. <!-- box shadows 4 sidebar -->
  1322. <div class="shadow" id="shadow1"></div>
  1323. <div class="shadow" id="shadow2"></div>
  1324.  
  1325. <!--------------------------------- POSTS ---------------------------------->
  1326. <div id="entries">
  1327. {block:posts}
  1328.  
  1329. <div class="posts-container"><div class="posts">
  1330.  
  1331. <!-- text posts -->
  1332. {block:Text}
  1333. {block:Title}<h1>{Title}</h1>{/block:Title}
  1334. <div class="caption">{Body}</div>
  1335. {/block:Text}
  1336.  
  1337. <!-- link posts -->
  1338. {block:Link}
  1339. {block:Thumbnail}<center>
  1340. <a href="{Thumbnail-HighRes}">
  1341. <img src="{Thumbnail}" class="photo-posts" style="margin-bottom:5px; border-radius:3px">
  1342. </a>
  1343. </center>{/block:Thumbnail}
  1344. <div class="link-posts"><h1><a href="{URL}">
  1345. {Name} >
  1346. </a></h1></div>
  1347. {block:Description}<div class="caption">
  1348. <p>{Description}</p>
  1349. </div>{/block:Description}
  1350. {/block:Link}
  1351.  
  1352. <!-- ask posts -->
  1353. {block:Answer}
  1354. <div class="ask-posts">
  1355. <img src="{AskerPortraitURL-64}">
  1356. <div class="question">
  1357. <h2>{Asker} {text:Ask Verb}:</h2> {Question}
  1358. </div></div><br>
  1359. <div id="caption">{Answer}</div>
  1360. {/block:Answer}
  1361.  
  1362. <!-- quote posts -->
  1363. {block:Quote}
  1364. <h2 class="quote-posts">
  1365. <l class="fa fa-quote-left"></l>
  1366. <div class="quote">{Quote}</div>
  1367. <l class="fa fa-quote-right"></l>
  1368. </h2>
  1369. <div style="text-align:right; margin-right:20px">
  1370. {block:Source}<b>- {Source}</b>{/block:Source}
  1371. </div>
  1372. {/block:Quote}
  1373.  
  1374. <!-- chat posts -->
  1375. {block:Chat}
  1376. {block:Title}<h1>{Title}</h1>{/block:Title}
  1377. <ul class="chat">{block:Lines}
  1378. <li class="user_{UserNumber}">{block:Label}<b>{Label}</b>{/block:Label} {Line}</li>
  1379. {/block:Lines}</ul>
  1380. {/block:Chat}
  1381.  
  1382. <!-- photo posts -->
  1383. {block:Photo}
  1384. <center>
  1385. {block:If400pxPosts}{block:HighRes}<a href="{PhotoURL-HighRes}">{/block:HighRes}<img src="{PhotoURL-400}" class="photo-posts"/>{block:HighRes}</a>{/block:HighRes}{/block:If400pxPosts}
  1386. {block:IfNot400pxPosts}{block:HighRes}<a href="{PhotoURL-HighRes}">{/block:HighRes}<img src="{PhotoURL-500}" class="photo-posts"/>{block:HighRes}</a>{/block:HighRes}{/block:IfNot400pxPosts}
  1387. </center>
  1388. {block:Caption}<br><div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  1389.  
  1390. {block:Photoset}
  1391. <center>
  1392. {block:If400pxPosts}{Photoset-400}{/block:If400pxPosts}
  1393. {block:IfNot400pxPosts}{Photoset-500}{/block:IfNot400pxPosts}
  1394. </center>
  1395. {block:Caption}<br><div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  1396.  
  1397. <!-- video posts -->
  1398. {block:Video}
  1399. {block:If400pxPosts}{Video-400}{/block:If400pxPosts}
  1400. {block:IfNot400pxPosts}{Video-500}{/block:IfNot400pxPosts}
  1401. {block:Caption}<br><div class="caption">{Caption}</div>{/block:Caption}
  1402. {/block:Video}
  1403.  
  1404. <!-- audio posts -->
  1405. {block:Audio}
  1406. <!--image-->
  1407. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}<div id="audio-pic" {block:AlbumArt}style="background:none"{/block:AlbumArt}>
  1408. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  1409. </div>{block:IndexPage}</a>{/block:IndexPage}
  1410. <div id="info-container">
  1411. <!--player-->
  1412. {block:ifDarkAudioPlayer}{AudioPlayerBlack}{/block:ifDarkAudioPlayer}
  1413. {block:ifNotDarkAudioPlayer}{AudioPlayerWhite}{/block:ifNotDarkAudioPlayer} <!--info-->
  1414. {block:TrackName}<li><b>Track:</b> {TrackName}</li>{/block:TrackName}
  1415. {block:Artist}<li><b>Artist:</b> {Artist}</li>{/block:Artist}
  1416. {block:Album}<li><b>Album:</b> {Album}</li>{/block:Album}
  1417. {block:PlayCount}<li><b>Plays:</b> {FormattedPlayCount}</li>{/block:PlayCount}
  1418. </div>
  1419. {block:Caption}<div class="caption" style="margin-top:5px;>{Caption}</div>{/block:Caption}{/block:Audio}
  1420.  
  1421. </div> <!-- ending div tag for "posts" -->
  1422.  
  1423. <!------------------------------ POST ENDING ------------------------------->
  1424.  
  1425. {block:Date}<div id="postending">
  1426. <!-- LEFT FIGHT MENU -->
  1427. <div id="leftmenu">
  1428. <!-- date posted -->
  1429. <a href="{Permalink}" id="fight">{ShortMonth}.{DayOfMonthWithZero}.{ShortYear}</a>
  1430. <!-- notes counter -->
  1431. {block:NoteCount}
  1432. <a href="{Permalink}">Notes <small>x</small>{NoteCount}</a>
  1433. {/block:NoteCount}
  1434. <!-- reblogged from -->
  1435. {block:RebloggedFrom}
  1436. <a href="{ReblogParentURL}">Via {ReblogParentName}</a>
  1437. {/block:RebloggedFrom}
  1438. <!-- original poster -->
  1439. {block:ContentSource}
  1440. <a href="{SourceURL}">By {SourceTitle}</a>
  1441. {/block:ContentSource}
  1442. </div>
  1443.  
  1444. <!-- RIGHT ETC MENU -->
  1445. <div id="rightmenu">
  1446. <div style="float:left; width:60px; padding-left:10px">
  1447. <!-- fight -->
  1448. <a href="{Permalink}" id="fight" title="info">Fight</a>
  1449. <!-- tags -->
  1450. <a title="tags">Item</a></div>
  1451.  
  1452. <div style="float:right; width:60px; padding-left:10px">
  1453. <a href="{Permalink}{block:permalinkpage}#permalink{/block:permalinkpage}" title="notes"><sup>P</sup><sub>K</sub><sup>M</sup><sub>N</sub></a>
  1454. {block:IndexPage}<a href="{Permalink}" title="permalink">Run</a>{block:IndexPage}
  1455. {block:PermalinkPage}<a href="/" title="index">Run</a>{block:PermalinkPage}
  1456. </div>
  1457. </div>
  1458.  
  1459. <!-- LEFT TAG MENU -->
  1460. <div id="left">
  1461. <div id="tagslink" title="tags"></div>
  1462. <div id="fight-white"></div>
  1463. <div id="tags">
  1464. {block:HasTags}{block:Tags}<a href="{TagURL}">{Tag} <div style="float:right; font-family:'pkmn', Calibri;">x1</div><br></a>{/block:Tags}{/block:HasTags}</div>
  1465. </div>
  1466.  
  1467. </div>{/block:Date}
  1468.  
  1469. <!-- not found custom message 2/2 -->
  1470. <div class="notfound">
  1471. <h1>Missingno.</h1>
  1472. <center><p>The UR_ you req ested could not be fǒͮ͛ͪ͛ͩun͉̖͎̪͙͔͓ͅdͨ̋ͭ́̚0101-----</p>
  1473. <img src="http://static.tumblr.com/u5vz4xb/6Arny4o3e/missingno.png"></center>
  1474. </div>
  1475.  
  1476. </div> <!-- ending div tag for "posts-container" -->
  1477. {/block:Posts}
  1478.  
  1479. <!------------------------------- PERMALINK -------------------------------->
  1480.  
  1481. {block:PostNotes}
  1482. <div id="permalink">
  1483. {PostNotes}
  1484. </div>
  1485. {/block:PostNotes}
  1486.  
  1487. </div> <!-- ending div tag for "entries" -->
  1488.  
  1489. </body>
  1490. </html><!--
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!