API tools faq
paste
Advertisement
rowrz

Untitled

rowrz
Jan 25th, 2015
178
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 85.88 KB | None | 0 0
raw download clone embed print report diff
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4. <!--
  5.  
  6. redux edit #2 by sonny [lopezhummel.tumblr.com]
  7.  
  8. you can move the credit wherever just don't remove it completely
  9.  
  10. message me with any problems
  11.  
  12.  
  13. -->
  14.  
  15. <script language="JavaScript">
  16. // FHS Text Counter
  17. var height = '26';
  18. document.write('<script src="http://freehostedscripts.net/ocount.php?site=ID2821154&s=1&h=' + height + '&name=people have visited"><\/script>');
  19. </script>
  20.  
  21.  
  22.  
  23.  
  24.  
  25.  
  26.  
  27. <script language="JavaScript">
  28. // FHS Tumblr follower counter and tracker
  29. var height = '50';
  30. document.write('<script language="JavaScript" src="http://tc.freehostedscripts.net/tcounter.php?url=unpopuler.tumblr.com&name=Followers&s=1&h=' + height + '"><\/script>');
  31. </script>
  32.  
  33.  
  34.  
  35. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  36.  
  37. <!-- Start of Bomb Code-->
  38.  
  39.  
  40. <div id="bombs">
  41. <span title="Play Bombs">
  42. <a class="btn" href="javascript:(function () {var s = document.createElement('script');s.setAttribute('src', 'http://fontbomb.ilex.ca/js/main.js');document.body.appendChild(s);}());"><img src="http://static.tumblr.com/s8m4dfe/563n865cs/zf8c.png"></a></span>
  43. </div></div></a></div></div>
  44. <!-- End of Bomb Code -->
  45.  
  46.  
  47.  
  48.  
  49.  
  50.  
  51.  
  52. <!-- Start of Asteroid Code -->
  53. <script type="text/javascript">
  54. function confirm_alert(node) {
  55. return confirm("Use the arrow keys to move and spacebar to shoot.");
  56. }
  57. </script>
  58. <div id="asteroids">
  59. <span title="Play Asteroids">
  60. <a class="btn" href="javascript:var%20KICKASSVERSION='2.0';var%20s%20=%20document.createElement('script');s.type='text/javascript';document.body.appendChild(s);s.src='//hi.kickassapp.com/kickass.js';void(0);" onClick="return confirm_alert(this);">
  61. <img src="http://static.tumblr.com/s8m4dfe/vx1n865di/vx8j.png">
  62.  
  63. </a>
  64. </div>
  65. </div>
  66. <!-- End of Asteroid Code -->
  67.  
  68.  
  69.  
  70.  
  71.  
  72.  
  73.  
  74.  
  75.  
  76. <style type="text/css">
  77.  
  78. a.btn{position:absolute;z-index:999999999999;white-space:nowrap;outline:0;text-decoration:none;cursor:pointer;overflow:hidden;font:600 12px/18px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;height:20px;padding:0 5px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:padding;-moz-transition-property:padding;-ms-transition-property:padding;-o-transition-property:padding;transition-property:padding;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-ms-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.btn{color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08)}a.btn,a.btn:hover{color:white!important}.btn{margin-bottom:5px;color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.btn:hover::after,.btn:focus::after{background:rgba(255,255,255,0.09);color:white}.btn:active::after{background:rgba(255,255,255,0.18) color:white}.btn_label.show{display:block}.btn::after{position:absolute;top:0;right:0;bottom:0;left:0;content:'';-webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit}.btn.icon::before{display:block;content:'';position:absolute;top:0;left:0;bottom:0;width:20px;border-radius:inherit;background:url('http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png') 0 0 no-repeat}.btn.theme::before{background-position:0 -0px}.btn img{width:15px}.btn.icon{padding-left:20px}.btn:active::after {background:rgba(255,255,255,0.18)}.clear {clear: both;} #pagination {display: all;}
  79. </style>
  80.  
  81.  
  82.  
  83.  
  84. <head>
  85.  
  86. <meta name="google-site-verification" content="pCmP9Dm09-vUB7GiuTuME8z_wcugBkTkcnft7Tvf5RY" />
  87.  
  88.  
  89.  
  90. <script type="text/javascript"
  91. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  92.  
  93. <script type="text/javascript">
  94. <!--
  95.  
  96. // Disable Right Click Script
  97.  
  98. function IE(e)
  99. {
  100. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  101. {
  102. return false;
  103. }
  104. }
  105. function NS(e)
  106. {
  107. if (document.layers || (document.getElementById && !document.all))
  108. {
  109. if (e.which == "2" || e.which == "3")
  110. {
  111. return false;
  112. }
  113. }
  114. }
  115. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  116.  
  117. //-->
  118. </script>
  119.  
  120.  
  121.  
  122.  
  123.  
  124. <!-- DEFAULT VARIABLES -->
  125. <meta name="color:background" content="#f1ccff" />
  126. <meta name="color:post and sidebar background" content="#ffffff">
  127. <meta name="color:footer" content="#ffd1f9">
  128. <meta name="color:footer hover" content="#ffadf4">
  129. <meta name="color:text" content="#666666" />
  130. <meta name="color:title" content="#666666" />
  131. <meta name="color:footer text" content="#666666" />
  132. <meta name="color:link" content="#98a7fd" />
  133. <meta name="color:link hover" content="#fd7b7b" />
  134. <meta name="color:dropdown background" content="#FFFFFF">
  135. <meta name="color:dropdown border" content="#ffb3f5">
  136. <meta name="color:dropdown text" content="#ffb3f5">
  137. <meta name="color:border" content="#ffd1f9">
  138. <meta name="color:glow color" content="#ffd1f9">
  139. <meta name="color:shadow color" content="#666666">
  140. <meta name="color:gradient 1" content="#FFB5F5">
  141. <meta name="color:gradient 2" content="#FF99F1">
  142. <meta name="color:music player background" content="#ffffff">
  143. <meta name="color:mouse sparkles" content="#fa89eb">
  144. <meta name="color:highlight color" content="#ffb3f5">
  145.  
  146.  
  147. <meta name="if:link 1" content="0">
  148. <meta name="if:link 2" content="0">
  149. <meta name="if:link 3" content="0">
  150. <meta name="if:link 4" content="0">
  151. <meta name="if:link 5" content="0">
  152. <meta name="if:link 6" content="0">
  153. <meta name="if:link 7" content="0">
  154. <meta name="if:inner sidebar img" content="0">
  155. <meta name="if:500px posts" content="0">
  156. <meta name-"if:400px posts" content="0">
  157. <meta name="if:250px posts" content="1">
  158. <meta name="if:200px sidebar" content="0">
  159. <meta name="if:250px sidebar" content="0">
  160. <meta name="if:pixel font" content="1">
  161. <meta name="if:rounded corners" content="1">
  162. <meta name="if:border" content="0">
  163. <meta name="if:double border" content="0">
  164. <meta name="if:dotted border" content="0">
  165. <meta name="if:footer border" content="1">
  166. <meta name="if:glow 1" content="0">
  167. <meta name="if:glow 2" content="0">
  168. <meta name="if:glow 3" content="0">
  169. <meta name="if:shadow 1" content="0">
  170. <meta name="if:shadow 2" content="0">
  171. <meta name="if:shadow 3" content="0">
  172. <meta name="if:next page button under sidebar" content="1">
  173. <meta name="if:gradient background" content="0">
  174. <meta name="if:maximized background" content="0">
  175. <meta name="if:custom scrollbar" content="1">
  176. <meta name="if:side buttons" content="0">
  177. <meta name="if:nav under sidebar" content="1">
  178. <meta name="if:infinite scrolling" content="0">
  179. <meta name="if:music player" content="0">
  180. <meta name="if:custom cursor" content="1">
  181. <meta name="if:mouse sparkles" content="1">
  182. <meta name="if:fancy hover" content="1">
  183.  
  184. <meta name="image:background" content="">
  185. <meta name="image:inner sidebar img" content="">
  186. <meta name="image:outer img" content="">
  187. <meta name="image:outer img 2" content="">
  188. <meta name="image:banner" content="">
  189. <meta name="image:favicon" content="">
  190. <meta name="image:music icon" content="http://media.tumblr.com/tumblr_m1kvf1GcKW1r7xhvj.gif">
  191. <meta name="image:cursor" content="http://img69.imageshack.us/img69/7673/cursorw.png">
  192.  
  193. <meta name="text:link 1 url" content="/" />
  194. <meta name="text:link 1" content="" />
  195. <meta name="text:link 2 url" content="/" />
  196. <meta name="text:link 2" content="" />
  197. <meta name="text:link 3 url" content="" />
  198. <meta name="text:link 3" content="/" />
  199. <meta name="text:link 4 url" content="" />
  200. <meta name="text:link 4" content="" />
  201. <meta name="text:link 5 url" content="" />
  202. <meta name="text:link 5" content="" />
  203. <meta name="text:link 6 url" content="" />
  204. <meta name="text:link 6" content="" />
  205. <meta name="text:link 7 url" content="" />
  206. <meta name="text:link 7" content="" />
  207. <meta name="text:link 8 url" content="" />
  208. <meta name="text:link 8" content="" />
  209. <meta name="text:space between posts" content="40">
  210. <meta name="text:dropdown menu title" content="navigation">
  211. <meta name="text:sidebar position side" content="20">
  212. <meta name="text:sidebar position top" content="200">
  213. <meta name="text:outer img position left" content="-100">
  214. <meta name="text:outer img position top" content="400">
  215. <meta name="text:outer img 2 position left" content="-100">
  216. <meta name="text:outer img 2 position top" content="400">
  217. <meta name="text:post and sidebar opacity" content="0.9">
  218. <meta name="text:music player code" content="">
  219.  
  220. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  221. <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  222. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  223. <link rel="shortcut icon" href="{image:favicon}" />
  224. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  225. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  226.  
  227. <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" /> <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>
  228.  
  229.  
  230. <style type="text/css">
  231.  
  232. a:link, a:active, a:visited{
  233. -webkit-transition: 0.4s ease-out;
  234. -moz-transition: 0.4s ease-out;
  235. color: {color:link};
  236. }
  237.  
  238. a:hover {
  239. -webkit-transition: 0.4s ease-out;
  240. -moz-transition:0.4s ease-out;
  241. color:{color:link hover};
  242. }
  243.  
  244.  
  245.  
  246.  
  247.  
  248.  
  249.  
  250. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  251. <style>
  252.  
  253.  
  254.  
  255. div#qTip {
  256. padding: 5px;
  257. display: none;
  258. font-style:italic;
  259. text-align: center;
  260. position: absolute;
  261. font-size:FONT SIZE HERE;
  262. line-height:10px;
  263. font-family:FONT HERE;
  264. z-index: 1000;
  265. background: white;
  266. z-index:999999999999;
  267. border:1px solid #COLOR;
  268. border-radius:6px;
  269. color: #777;
  270. letter-spacing: 1px;
  271. box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  272. -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  273. -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  274. }
  275. </style>
  276.  
  277.  
  278.  
  279.  
  280.  
  281. <style type="text/css">
  282.  
  283.  
  284.  
  285.  
  286.  
  287.  
  288. @font-face {
  289. font-family: 'Shadows Into Light';
  290. font-style: normal;
  291. font-weight: 400;
  292. src: local('Shadows Into Light'), local('ShadowsIntoLight'), url(http://themes.googleusercontent.com/static/fonts/shadowsintolight/v4/clhLqOv7MXn459PTh0gXYHW1xglZCgocDnD_teV2lMU.woff) format('woff');
  293. }
  294.  
  295.  
  296.  
  297.  
  298.  
  299.  
  300.  
  301. #ocehans2{
  302. height:13px;
  303. text-align:center;
  304. overflow:hidden;
  305. border-bottom:1px solid #efefef;
  306. border-radius:3px;
  307. text-transform:uppercase;
  308. background-color:transparent;
  309. letter-spacing:1px;
  310. font-size;13px;
  311. line-height:13px;
  312. z-index:999999999999999999999;
  313. -webkit-transition: all 0.5s ease-in-out;
  314. -moz-transition: all 0.5s ease-in-out;
  315. -o-transition: all 0.5s ease-in-out;
  316. }
  317.  
  318. #ocehans2:hover{
  319. height:60px;
  320. -webkit-transition: all 0.5s ease-in-out;
  321. -moz-transition: all 0.5s ease-in-out;
  322. -o-transition: all 0.5s ease-in-out;
  323. -moz-box-shadow: inset 0 0 100px #FFF0FE;
  324. -webkit-box-shadow: inset 0 0 100px #FFF0FE;
  325. box-shadow: inset 0 0 100px #FFF0FE;
  326. }
  327.  
  328. #ocehans3{
  329. height:13px;
  330. text-align:center;
  331. overflow:hidden;
  332. border-bottom:1px solid #efefef;
  333. text-transform:uppercase;
  334. background-color:transparent;
  335. border-radius:3px;
  336. letter-spacing:1px;
  337. font-size;8px;
  338. line-height:13px;
  339. z-index:999999999999999999999;
  340. -webkit-transition: all 0.5s ease-in-out;
  341. -moz-transition: all 0.5s ease-in-out;
  342. -o-transition: all 0.5s ease-in-out;
  343. }
  344.  
  345. #ocehans3:hover{
  346. height:135px;
  347. -webkit-transition: all 0.5s ease-in-out;
  348. -moz-transition: all 0.5s ease-in-out;
  349. -o-transition: all 0.5s ease-in-out;
  350. -moz-box-shadow: inset 0 0 100px #FFF0FE;
  351. -webkit-box-shadow: inset 0 0 100px #FFF0FE;
  352. box-shadow: inset 0 0 100px #FFF0FE;
  353. }
  354.  
  355.  
  356.  
  357. #ocehans4{
  358. height:13px;
  359. text-align:center;
  360. overflow:hidden;
  361. text-transform:uppercase;
  362. background-color:transparent;
  363. letter-spacing:1px;
  364. border-bottom:0px solid #efefef;
  365. font-size;8px;
  366. line-height:13px;
  367. z-index:999999999999999999999;
  368. -webkit-transition: all 0.5s ease-in-out;
  369. -moz-transition: all 0.5s ease-in-out;
  370. -o-transition: all 0.5s ease-in-out;
  371. }
  372.  
  373. #ocehans4:hover{
  374. height:145px;
  375. -webkit-transition: all 0.5s ease-in-out;
  376. -moz-transition: all 0.5s ease-in-out;
  377. -o-transition: all 0.5s ease-in-out;
  378. -moz-box-shadow: inset 0 0 100px #FFF0FE;
  379. -webkit-box-shadow: inset 0 0 100px #FFF0FE;
  380. box-shadow: inset 0 0 100px #FFF0FE;
  381. }
  382.  
  383. #ocehans{
  384. text-align:left;
  385. font-size:8px;
  386. text-transform:uppercase;
  387. opacity: .8;
  388. border:1px solid #eee;
  389. position:fixed;
  390. font-family:consolas;
  391. border-radius:9px;
  392. right:2px;
  393. background-color:#656060;
  394.  
  395.  
  396. letter-spacing:1px;
  397. width:55px;
  398. z-index:9999;
  399.  
  400. padding:6px;
  401. top:164px;
  402.  
  403. }
  404.  
  405.  
  406.  
  407. .adtr{
  408. margin-top:10px;
  409. z-index:999999999;
  410. text-align:center;
  411. font-family:oxygen;
  412. font-size:11px;
  413. line-height:2em;
  414. }
  415.  
  416. .adtr a{
  417. -webkit-transition: all 0.s ease;
  418. -moz-transition: all 0.s ease;
  419. transition: all 0.s ease;
  420. background:#;
  421. padding:1px 3px;
  422. border:1px inset #010101;
  423. border-radius:5px;
  424. font-size:11px;
  425. color:##010101;
  426. text-decoration:
  427. none;display:
  428. font-family:oxygen;
  429. inline-block;
  430. }
  431. .adtr a:hover{ background:#FFF0FE;border:1px outset #fff;}
  432.  
  433. #katlyn {
  434. position:fixed;
  435. right:61px; top:73px;
  436. z-index:99999999999;
  437. }
  438.  
  439.  
  440. #lollify {
  441. position:fixed;
  442. right:90px; top:73px;
  443. z-index:99999999999999;
  444. }
  445.  
  446. #cornify {
  447. position:fixed;
  448. right:61px; top:73px;
  449. z-index:99999999999999;
  450. }
  451.  
  452. #asteroids {
  453. position:fixed;
  454. right:30px; top:73px;
  455. text-transform:uppercase;
  456. letter-spacing:1px;
  457. z-index:99999999999999;
  458. }
  459.  
  460. #bombs {
  461. position:fixed;
  462. right:59px;
  463. top:73px;
  464. text-transform:uppercase;
  465. letter-spacing:1px;
  466. z-index:99999999999999;"
  467. }
  468.  
  469.  
  470. .popup_block{
  471. display: none;
  472. max-width:650px;
  473. min-width:650px;
  474. max-height:500px;
  475. min-height:500px;
  476. background:#fff;
  477. background-image: url('');
  478. padding:0px;
  479. float: right;
  480. position: fixed;
  481. top: 54%; right: 40%;
  482. border:1px dashed #000;
  483. border-radius:1px;
  484. overflow:hidden;
  485. z-index:9999999999999999999999999;
  486. }
  487.  
  488. img.btn_close {
  489. float: right;
  490. margin: 0px 0px 0 0;
  491. }
  492.  
  493. *html .popup_block {
  494. position: absolute;
  495. }
  496.  
  497.  
  498. #fade { /*--Transparent background layer--*/
  499. display: none; /*--hidden by default--*/
  500. background: #000;
  501. position: fixed; left: 0; top: 0;
  502. width: 100%; height: 100%;
  503. opacity: .80;
  504. z-index: 9999;
  505. }
  506. .popup_block{
  507. display: none; /*--hidden by default--*/
  508. background: #fff;
  509. padding: 20px;
  510. border: 1px solid #000;
  511. float: left;
  512. font-size: 1.2em;
  513. position: fixed;
  514. top: 50%; left: 60%;
  515. z-index: 99999;
  516. /*--CSS3 Box Shadows--*/
  517. -webkit-box-shadow: 0px 0px 0px #000;
  518. -moz-box-shadow: 0px 0px 0px #000;
  519. box-shadow: 0px 0px 0px #000;
  520. /*--CSS3 Rounded Corners--*/
  521. -webkit-border-radius: 1px;
  522. -moz-border-radius: 1px;
  523. border-radius: 1px;
  524. }
  525. img.btn_close {
  526. float: right;
  527. margin: -5px -5px 0 0;
  528. }
  529. /*--Making IE6 Understand Fixed Positioning--*/
  530. *html #fade {
  531. position: absolute;
  532. }
  533. *html .popup_block {
  534. position: absolute;
  535. }
  536.  
  537.  
  538.  
  539.  
  540.  
  541. {block:iffancyhover}
  542. #s-m-t-tooltip {
  543. background: rgba(255,255,255,1);
  544. z-index: 99999999999999;
  545. color: {color:link};
  546. font-family: Arial;
  547. {block:ifpixelfont}font-family: bitxmap;{/block:ifpixelfont}
  548. font-size: 10px; letter-spacing: 0px;
  549. padding: 2px 5px 2px 5px;
  550. display: block;
  551. margin-left: 20px;
  552. margin-top: 10px;
  553. border: 1px solid {color:link};
  554. {block:ifroundedcorners}
  555. -webkit-border-radius: 4px;
  556. -moz-border-radius: 4px;
  557. border-radius: 4px;
  558. {/block:ifroundedcorners}
  559. }
  560. {/block:iffancyhover}
  561.  
  562. ::selection {
  563. background: {color:highlight color};
  564. }
  565.  
  566. ::moz-selection {
  567. background: {color:highlight color};
  568. }
  569.  
  570. @font-face {font-family:"bitxmap"; src: url("http://static.tumblr.com/ofgksh6/md0mkd9yd/bitxmap_font_tfb.ttf");}
  571.  
  572. body {
  573. background: {color:background} url('{image:background}') top left fixed repeat;
  574. {block:ifmaximizedbackground}
  575. background-repeat: no-repeat;
  576. background-size: 100%;
  577. background-size: cover;
  578. {/block:ifmaximizedbackground}
  579.  
  580. {block:ifgradientbackground}
  581. background: -moz-linear-gradient(top, rgba({RGBcolor:gradient 1},1) 0%, rgba({RGBcolor:gradient 2},1) 100%);
  582. background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba({RGBcolor:gradient 1},1)), color-stop(100%, rgba({RGBcolor:gradient 2},1)));
  583. background: -webkit-linear-gradient(top, rgba({RGBcolor:gradient 1},1) 0%, rgba({RGBcolor:gradient 2},1) 100%);
  584. background: -o-linear-gradient(top, rgba({RGBcolor:gradient 1},1) 0%, rgba({RGBcolor:gradient 2},1) 100%);
  585. background: -ms-linear-gradient(top, rgba({RGBcolor:gradient 1},1) 0%, rgba({RGBcolor:gradient 2},1) 100%);
  586. background: linear-gradient(to bottom, rgba({RGBcolor:gradient 1},1) 0%, rgba({RGBcolor:gradient 2},1) 100%);
  587. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{color:gradient 1}', endColorstr='{color:gradient 2', GradientType=1 );
  588. background-repeat: no-repeat;
  589. background-size: 300%;
  590. {/block:ifgradientbackground}
  591.  
  592. margin: 0;
  593. padding: 0;
  594. font-family: Arial;
  595. {block:ifpixelfont}font-family: bitxmap;{/block:ifpixelfont}
  596. }
  597.  
  598. {block:ifcustomcursor}
  599. body, a, a:hover {
  600. cursor: url({image:cursor}), auto !important;
  601. }
  602. {/block:ifcustomcursor}
  603.  
  604. {block:ifcustomscrollbar}
  605. ::-webkit-scrollbar {
  606. width: 9px;
  607. }
  608.  
  609. ::-webkit-scrollbar-track {
  610. border-radius: 10px;
  611. background-color: #fff;
  612. }
  613.  
  614. ::-webkit-scrollbar-thumb {
  615. border-radius: 10px;
  616. background: {color:background} url('{image:background}');
  617. }
  618.  
  619. ::webkit-scrollbar:horizontal {
  620. display: none;
  621. }
  622. {/block:ifcustomscrollbar}
  623.  
  624.  
  625. .clear {
  626. clear: both;
  627. height: 0px;
  628. overflow: hidden;
  629. }
  630.  
  631.  
  632.  
  633. a img {
  634. border: none;
  635. }
  636.  
  637. a {
  638. text-decoration: none !important;
  639. }
  640.  
  641. /* music player - this might look weird in customize, but it should look fine on your blog */
  642.  
  643. #musicplayer {
  644. overflow: hidden;
  645. width: 40px;
  646. height: 40px;
  647. background: #fff;
  648. position: fixed;
  649. top: 10px;
  650. left: 10px;
  651. {block:ifborder}border: 1px solid {color:border};{/block:ifborder}
  652. {block:ifdoubleborder}border: 3px double {color:border};{/block:ifdoubleborder}
  653. {block:ifdottedborder}border: 1px dotted {color:border};{/block:ifdottedborder}
  654. {block:ifroundedcorners}
  655. -moz-border-radius: 6px;
  656. -webkit-border-radius: 6px;
  657. border-radius: 6px;
  658. {/block:ifroundedcorners}
  659. /* glow options */
  660. {block:ifglow1}
  661. -webkit-box-shadow: 0px 0px 40px 1px rgba({RGBcolor:glow color}, .75);
  662. -moz-box-shadow: 0px 0px 40px 1px rgba({RGBcolor:glow color}, .75);
  663. box-shadow: 0px 0px 40px 1px rgba({RGBcolor:glow color}, .75);
  664. {/block:ifglow1}
  665. {block:ifglow2}
  666. -webkit-box-shadow: 0px 0px 20px 1px rgba({RGBcolor:glow color}, 1);
  667. -moz-box-shadow: 0px 0px 20px 1px rgba({RGBcolor:glow color}, 1);
  668. box-shadow: 0px 0px 20px 1px rgba({RGBcolor:glow color}, 1);
  669. {/block:ifglow2}
  670. {block:ifglow3}
  671. -webkit-box-shadow: 0px 0px 5px 3px rgba({RGBcolor:glow color}, .5);
  672. -moz-box-shadow: 0px 0px 5px 3px rgba({RGBcolor:glow color}, .5);
  673. box-shadow: 0px 0px 5px 3px rgba({RGBcolor:glow color}, .5);
  674. {/block:ifglow3}
  675.  
  676. /* shadow options */
  677. {block:ifshadow1}
  678. -webkit-box-shadow: 4px 4px 0px 0px rgba({RGBcolor:shadow color},.12);
  679. -moz-box-shadow: 4px 4px 0px 0px rgba({RGBcolor:shadow color},.12);
  680. box-shadow: 4px 4px 0px 0px rgba({RGBcolor:shadow color},.12);
  681. {/block:ifshadow1}
  682. {block:ifshadow2}
  683. -webkit-box-shadow: 5px 8px 3px rgba({RGBcolor:shadow color},1);
  684. -moz-box-shadow: 5px 8px 3px rgba({RGBcolor:shadow color},1);
  685. box-shadow: 5px 8px 3px rgba({RGBcolor:shadow color},1);
  686. {/block:ifshadow2}
  687. {block:ifshadow3}
  688. -webkit-box-shadow: -4px 4px 0px 0px rgba({RGBcolor:shadow color},.12);
  689. -moz-box-shadow: -4px 4px 0px 0px rgba({RGBcolor:shadow color},.12);
  690. box-shadow: -4px 4px 0px 0px rgba({RGBcolor:shadow color},.12);
  691. {/block:ifshadow3}
  692. -webkit-transition: all .5s ease-in-out;
  693. -moz-transition: all .5s ease-in-out;
  694. -ms-transition: all .5s ease-in-out;
  695. -o-transition: all .5s ease-in-out;
  696. transition: all .5s ease-in-out;
  697.  
  698.  
  699.  
  700. }
  701.  
  702. #musicplayer img {
  703. margin-top: 15px;
  704. }
  705.  
  706. #musicplayer:hover {
  707. width: 250px;
  708. height: 90px;
  709. -webkit-transition: all .5s ease-in-out;
  710. -moz-transition: all .5s ease-in-out;
  711. -ms-transition: all .5s ease-in-out;
  712. -o-transition: all .5ms ease-in-out;
  713. transition: all .5s ease-in-out;
  714. }
  715.  
  716. #musicplayer embed {
  717. -webkit-transition: all .5s ease-in-out;
  718. -moz-transition: all .5s ease-in-out;
  719. -ms-transition: all .5s ease-in-out;
  720. -o-transition: all .5ms ease-in-out;
  721. transition: all .5s ease-in-out;
  722. margin-left: 50px;
  723. }
  724.  
  725. #musicplayer:hover embed {
  726. margin-top: -20px;
  727. -webkit-transition: all .5s ease-in-out;
  728. -moz-transition: all .5s ease-in-out;
  729. -ms-transition: all .5s ease-in-out;
  730. -o-transition: all .5ms ease-in-out;
  731. transition: all .5s ease-in-out;
  732. }
  733.  
  734. #wrapper {
  735. width: 845px;
  736. margin: 0 auto;
  737. }
  738.  
  739. #wrapper #content {
  740. width: 425px;
  741. {block:if500pxposts}width: 525px;{/block:if500pxposts}
  742. {block:if250pxposts}width: 275px;{/block:if250pxposts}
  743. float: right;
  744. margin-right: 70px;
  745. {block:if250pxposts}margin-right: 300px;{/block:if250pxposts}
  746. {block:if500pxposts}margin-right: 50px;{/block:if500pxposts}
  747. margin-top: 15px;
  748. }
  749.  
  750. #wrapper #content .post {
  751. font-family: Arial;
  752. background: rgba({RGBcolor:post and sidebar background}, {text:post and sidebar opacity});
  753. padding: 10px;
  754. position: relative;
  755. font-family: Arial;
  756. font-size: 12px;
  757. {block:ifpixelfont}font-family: bitxmap; {/block:ifpixelfont}
  758. /* border options */
  759. {block:ifborder}border: 3px solid {color:border};{/block:ifborder}
  760. {block:ifdoubleborder}border: 3px double {color:border};{/block:ifdoubleborder}
  761. {block:ifdottedborder}border: 1px dotted {color:border};{/block:ifdottedborder}
  762.  
  763. {block:ifroundedcorners}
  764. -moz-border-radius: 6px;
  765. -webkit-border-radius: 6px;
  766. border-radius: 6px;
  767. {/block:ifroundedcorners}
  768.  
  769. /* glow options */
  770. {block:ifglow1}
  771. -webkit-box-shadow: 0px 0px 40px 1px rgba({RGBcolor:glow color}, .75);
  772. -moz-box-shadow: 0px 0px 40px 1px rgba({RGBcolor:glow color}, .75);
  773. box-shadow: 0px 0px 40px 1px rgba({RGBcolor:glow color}, .75);
  774. {/block:ifglow1}
  775. {block:ifglow2}
  776. -webkit-box-shadow: 0px 0px 20px 1px rgba({RGBcolor:glow color}, 1);
  777. -moz-box-shadow: 0px 0px 20px 1px rgba({RGBcolor:glow color}, 1);
  778. box-shadow: 0px 0px 20px 1px rgba({RGBcolor:glow color}, 1);
  779. {/block:ifglow2}
  780. {block:ifglow3}
  781. -webkit-box-shadow: 0px 0px 5px 3px rgba({RGBcolor:glow color}, .5);
  782. -moz-box-shadow: 0px 0px 5px 3px rgba({RGBcolor:glow color}, .5);
  783. box-shadow: 0px 0px 5px 3px rgba({RGBcolor:glow color}, .5);
  784. {/block:ifglow3}
  785.  
  786. /* shadow options */
  787. {block:ifshadow1}
  788. -webkit-box-shadow: 4px 4px 0px 0px rgba({RGBcolor:shadow color},.12);
  789. -moz-box-shadow: 4px 4px 0px 0px rgba({RGBcolor:shadow color},.12);
  790. box-shadow: 4px 4px 0px 0px rgba({RGBcolor:shadow color},.12);
  791. {/block:ifshadow1}
  792. {block:ifshadow2}
  793. -webkit-box-shadow: 5px 8px 3px rgba({RGBcolor:shadow color},1);
  794. -moz-box-shadow: 5px 8px 3px rgba({RGBcolor:shadow color},1);
  795. box-shadow: 5px 8px 3px rgba({RGBcolor:shadow color},1);
  796. {/block:ifshadow2}
  797. {block:ifshadow3}
  798. -webkit-box-shadow: -4px 4px 0px 0px rgba({RGBcolor:shadow color},.12);
  799. -moz-box-shadow: -4px 4px 0px 0px rgba({RGBcolor:shadow color},.12);
  800. box-shadow: -4px 4px 0px 0px rgba({RGBcolor:shadow color},.12);
  801. {/block:ifshadow3}
  802.  
  803. }
  804.  
  805.  
  806.  
  807. #wrapper #content .post .media {
  808. text-align: center;
  809. margin-bottom: 10px;
  810. max-width: 400px;
  811. {block:if500pxposts}max-width: 500px;{/block:if500pxposts}
  812. {block:if250pxposts}max-width: 250px;{/block:if250pxposts}
  813. }
  814.  
  815.  
  816. #wrapper #content .post .quote {
  817. color: {color:text};
  818. padding: 20px 20px 5px 20px;
  819. font-size: 20px;
  820. line-height: 20px;
  821. }
  822.  
  823. #wrapper #content .post .quote_source {
  824. text-align: right;
  825. }
  826.  
  827. #wrapper #content .post .quote_source *:first-child {
  828. margin-top: 0px;
  829. }
  830.  
  831. #wrapper #content .post .quote_source *:last-child {
  832. margin-bottom: 0px;
  833. }
  834.  
  835. #wrapper #content .post .quote *:first-child {
  836. margin-top: 0px;
  837. }
  838.  
  839. #wrapper #content .post .quote *:last-child {
  840. margin-bottom: 0px;
  841. }
  842.  
  843. #wrapper #content .post .copy {
  844. color: {color:text};
  845. padding: 12px;
  846. font-size: 10px;
  847. line-height: 15px;
  848. }
  849.  
  850. #wrapper #content .post .copy a {
  851. color: {color:link};
  852. text-decoration: none;
  853. -webkit-transition: all 300ms ease-in-out;
  854. -moz-transition: all 300ms ease-in-out;
  855. -ms-transition: all 300ms ease-in-out;
  856. -o-transition: all 300ms ease-in-out;
  857. transition: all 300ms ease-in-out;
  858. }
  859.  
  860. #wrapper #content .post .copy a:hover {
  861. color:{color:link hover};
  862. letter-spacing: 2px;
  863. -webkit-transition: all 300ms ease-in-out;
  864. -moz-transition: all 300ms ease-in-out;
  865. -ms-transition: all 300ms ease-in-out;
  866. -o-transition: all 300ms ease-in-out;
  867. transition: all 300ms ease-in-out;
  868. }
  869.  
  870. #wrapper #content .post .copy p {
  871. margin: 10px 0 0 0;
  872. padding: 0;
  873. }
  874.  
  875. #wrapper #content .post .copy pre {
  876. margin: 10px 0px 10px 0px;
  877. padding: 10px;
  878. background-color: #e6e6e6;
  879. font: normal 11px Courier, monospace;
  880. overflow: auto;
  881. }
  882.  
  883. #wrapper #content .post .copy > p:first-child {
  884. margin-top: 0;
  885. }
  886.  
  887. #wrapper #content .post .copy img {
  888. max-width: 100%;
  889. }
  890.  
  891. #wrapper #content .post .audio {
  892. margin-bottom: 10px;
  893. }
  894.  
  895. #wrapper #content .post .audio .player {
  896. text-align: center;
  897. width: 215px;
  898. {block:ifborder}border: 1px solid {color:border};{/block:ifborder}
  899. {block:ifdoubleborder}border: 3px double {color:border};{/block:ifdoubleborder}
  900. {block:ifdottedborder}border: 1px dotted {color:border};{/block:ifdottedborder}
  901. {block:ifroundedcorners}
  902. -moz-border-radius: 6px;
  903. -webkit-border-radius: 6px;
  904. border-radius: 6px;
  905. {/block:ifroundedcorners}
  906. }
  907.  
  908. #wrapper #content .post .audio .player .audio_player embed {
  909. border: 1px solid #c8c8c8;
  910. }
  911.  
  912.  
  913. #wrapper #content .post .album_art {
  914. text-align: center;
  915. }
  916.  
  917. #wrapper #content .post .question {
  918. color: #494949;
  919. font-size: 16px;
  920. font-weight: bold;
  921. background: #f1f1f1;
  922. {block:ifroundedcorners}
  923. -moz-border-radius: 8px;
  924. -webkit-border-radius: 8px;
  925. border-radius: 8px;
  926. {/block:ifroundedcorners}
  927. margin: 0 0 15px 0;
  928. padding: 15px 20px;
  929. position: relative;
  930. }
  931.  
  932.  
  933.  
  934. #wrapper #content .post .asker_container {
  935. margin: 0 0 20px 24px;
  936. }
  937.  
  938. #wrapper #content .post .asker_container img {
  939. margin: 0 12px -7px 0;
  940. }
  941.  
  942. #wrapper #content .post .asker_container a.asker {
  943. color: {color:text};
  944. }
  945.  
  946. #wrapper #content .post .title {
  947. color: {color:title};
  948. font-size: 16px;
  949. font-weight: bold;
  950. padding: 10px 10px 0 10px;
  951. text-align: center;
  952. }
  953.  
  954. #wrapper #content .post img {
  955. max-width: 400px;
  956. {block:if500pxposts}max-width: 500px;{/block:if500pxposts}
  957. {block:if250pxposts}max-width: 250px;{/block:if250pxposts}
  958. }
  959.  
  960. #wrapper #content .post .chat {
  961. margin: 10px 10px 0 10px;
  962. font-size: 12px;
  963. }
  964.  
  965. #wrapper #content .post .chat .lines {
  966. margin-left: 1px;
  967. }
  968.  
  969. #wrapper #content .post .chat .lines .line {
  970. color: {color:text};
  971. margin-bottom: 1px;
  972. padding: 3px 5px;
  973. }
  974.  
  975.  
  976. #wrapper #content .post .link {
  977. margin: 4px 0 2px 0;
  978. font-size: 16px;
  979. line-height: 25px;
  980. text-align: center;
  981. }
  982.  
  983. #wrapper #content .post .link a {
  984. color: {color:link};
  985. padding: 5px 7px;
  986. }
  987.  
  988. #wrapper #content .post .link a:hover {
  989. opacity: 0.9;
  990. filter: alpha(opacity=90);
  991. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  992. color:{color:link};
  993. }
  994.  
  995. #wrapper #content .post .footer {
  996. background: {color:footer};
  997. height: auto;
  998. {block:ifroundedcorners}
  999. -moz-border-radius: 6px;
  1000. -webkit-border-radius: 6px;
  1001. border-radius: 6px;
  1002. {/block:ifroundedcorners}
  1003. font-family: Arial;
  1004. {block:ifpixelfont}font-family: bitxmap;{/block:ifpixelfont}
  1005. font-size: 10px;
  1006. color: {color:footer text};
  1007. padding: 3px 4px 3px 4px;
  1008. margin-top: 1px;
  1009. {block:iffooterborder}
  1010. {block:ifborder}border: 1px solid {color:border};{/block:ifborder}
  1011. {block:ifdoubleborder}border: 3px double {color:border};{/block:ifdoubleborder}
  1012. {block:ifdottedborder}border: 1px dotted {color:border};{/block:ifdottedborder}
  1013. {/block:iffooterborder}
  1014. -webkit-transition: all .2s ease-in-out;
  1015. -moz-transition: all .2s ease-in-out;
  1016. -ms-transition: all .2s ease-in-out;
  1017. -o-transition: all .2s ease-in-out;
  1018. transition: all .2s ease-in-out;
  1019.  
  1020. }
  1021.  
  1022. #wrapper #content .post .footer a {
  1023. color:{color:footer text} !important;
  1024. }
  1025.  
  1026.  
  1027. #wrapper #content .post .footer:hover {
  1028. background:{color:footer hover};
  1029. -webkit-transition: all .2s ease-in-out;
  1030. -moz-transition: all .2s ease-in-out;
  1031. -ms-transition: all .2s ease-in-out;
  1032. -o-transition: all .2s ease-in-out;
  1033. transition: all .2s ease-in-out;
  1034. }
  1035.  
  1036. #wrapper #content .post .footer.for_permalink:hover {
  1037. opacity: 0.9;
  1038. filter: alpha(opacity=90);
  1039. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  1040. }
  1041.  
  1042. #wrapper #content .post .footer .date {
  1043. width: 67%;
  1044. color:{color:footer text};
  1045. float: left;
  1046. }
  1047.  
  1048. #wrapper #content .post .footer .notes {
  1049. width: 33%;
  1050. float: right;
  1051. text-align: right;
  1052. color: {color:footer text};
  1053. }
  1054.  
  1055. #wrapper #content .post .footer .notes a {
  1056. color: {color:footer text};
  1057. }
  1058.  
  1059. #wrapper #content .post .footer .tags a {
  1060. color: {color:footer text};
  1061. text-decoration: none;
  1062. }
  1063.  
  1064. #wrapper #content .post .footer .tags .tag-commas:last-child {
  1065. display: none;
  1066. }
  1067.  
  1068. #wrapper #content .post .footer.with_source_url .tags {
  1069. max-width: 330px;
  1070. float: left;
  1071. }
  1072.  
  1073. #wrapper #content .post .footer.with_source_url .source_url {
  1074. float: right;
  1075. max-width: 160px;
  1076. overflow: hidden;
  1077. white-space: nowrap;
  1078.  
  1079. }
  1080.  
  1081. .source_url {
  1082. float: right;
  1083. max-width: 160px;
  1084. overflow: hidden;
  1085. white-space: nowrap;
  1086.  
  1087. }
  1088.  
  1089. #wrapper #content .post .footer.with_source_url .source_url img {
  1090. vertical-align: top;
  1091. -moz-opacity: 0.5;
  1092. opacity: 0.5;
  1093. }
  1094.  
  1095. #wrapper #content .post .footer.with_source_url .source_url:hover img {
  1096. -moz-opacity: 0.7;
  1097. opacity: 0.7;
  1098. }
  1099.  
  1100. #wrapper #content .post a {
  1101. color: #6e7173;
  1102. text-decoration: none;
  1103. }
  1104.  
  1105. #wrapper #content .post .copy blockquote {
  1106. margin: 10px 0px 10px 10px;
  1107. padding-left: 15px;
  1108. border-left: solid 4px #dcdcdc;
  1109. }
  1110.  
  1111. #wrapper #content .post .copy blockquote blockquote {
  1112. border-left: solid 4px #cccccc;
  1113. }
  1114.  
  1115. #wrapper #content .post .copy blockquote blockquote blockquote {
  1116. border-left: solid 4px #bcbcbc;
  1117. }
  1118.  
  1119. #wrapper #content .post .copy blockquote blockquote blockquote blockquote {
  1120. border-left: solid 4px #acacac;
  1121. }
  1122.  
  1123. #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote {
  1124. border-left: solid 4px #9c9c9c;
  1125. }
  1126.  
  1127. #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote blockquote {
  1128. border-left: solid 4px #8c8c8c;
  1129. }
  1130.  
  1131. #wrapper #content .bottom {
  1132. width: 420px;
  1133. {block:if500pxposts}width: 520px;{/block:if500pxposts}
  1134. {block:if250pxposts}width: 270px;{/block:if250pxposts}
  1135. height: {text:space between posts}px;
  1136. margin: 0 auto;
  1137. }
  1138.  
  1139. #wrapper #content #navigation {
  1140. text-align: right;
  1141. padding-bottom: 35px;
  1142. text-transform: lowercase;
  1143. }
  1144.  
  1145. #wrapper #content #navigation a {
  1146. background-color: #fff;
  1147. color: {color:Background};
  1148. padding: 5px 10px;
  1149. text-decoration: none;
  1150. margin-left: 25px;
  1151. {block:ifroundedcorners}
  1152. -moz-border-radius: 4px;
  1153. -webkit-border-radius: 4px;
  1154. border-radius: 4px;
  1155. {/block:ifroundedcorners}
  1156. {block:ifborder}border: 1px solid {color:border};{/block:ifborder}
  1157. {block:ifdoubleborder}border: 3px double {color:border};{/block:ifdoubleborder}
  1158. {block:ifdottedborder}border: 1px dotted {color:border};{/block:ifdottedborder}
  1159. }
  1160.  
  1161. #wrapper #content #navigation a:hover {
  1162. opacity: 0.9;
  1163. filter: alpha(opacity=90);
  1164. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  1165. }
  1166.  
  1167. #wrapper #content #navigation.jump_pagination {}
  1168.  
  1169. #wrapper #content #navigation.jump_pagination a {
  1170. margin: 0 0 0 4px;
  1171. }
  1172.  
  1173. #wrapper #content #navigation.jump_pagination .current_page {
  1174. color: {color:link hover};
  1175. }
  1176.  
  1177. #wrapper #content #navigation.jump_pagination .jump_page {}
  1178.  
  1179. #wrapper #content .post .notecontainer {
  1180. background: #eaeaea;
  1181. {block:ifroundedcorners}
  1182. -moz-border-radius: 4px;
  1183. -webkit-border-radius: 4px;
  1184. border-radius: 4px;
  1185. {/block:ifroundedcorners}
  1186. font-family: {font:Accent};
  1187. font-size: 11px;
  1188. color: #666;
  1189. margin-top: 10px;
  1190. margin-bottom: -10px;
  1191. }
  1192.  
  1193. #wrapper #content .post .notecontainer a {
  1194. color: #666;
  1195. text-decoration: underline;
  1196. }
  1197.  
  1198. #wrapper #content .post .notecontainer ol.notes {
  1199. padding: 0px 0 10px 0;
  1200. list-style-type: none;
  1201. font-size: 11px;
  1202. }
  1203.  
  1204. #wrapper #content .post .notecontainer ol.notes li.note {
  1205. padding: 10px 10px 0 10px;
  1206. }
  1207.  
  1208. #wrapper #content .post .notecontainer ol.notes li.note img.avatar {
  1209. vertical-align: -4px;
  1210. margin-right: 10px;
  1211. width: 16px;
  1212. height: 16px;
  1213. }
  1214.  
  1215. #wrapper #content .post .notecontainer ol.notes li.note span.action {
  1216. font-weight: normal;
  1217. }
  1218.  
  1219. #wrapper #content .post .notecontainer ol.notes li.note .answer_content {
  1220. font-weight: normal;
  1221. }
  1222.  
  1223. #wrapper #content .post .notecontainer ol.notes li.note blockquote {
  1224. border-left: 2px solid #666;
  1225. padding: 4px 10px;
  1226. margin: 10px 0px 0px 25px;
  1227. }
  1228.  
  1229. #wrapper #content .post .notecontainer ol.notes li.note blockquote a {
  1230. text-decoration: none;
  1231. }
  1232.  
  1233.  
  1234. #wrapper #sidebar {
  1235. position: fixed;
  1236. float: left;
  1237. margin-top: {text:sidebar position top}px;
  1238. margin-left: {text:sidebar position side}px;
  1239. color: {color:text};
  1240. }
  1241.  
  1242. #wrapper #sidebar a {
  1243. color:{color:link} !important;
  1244. -webkit-transition: all 300ms ease-in-out;
  1245. -moz-transition: all 300ms ease-in-out;
  1246. -ms-transition: all 300ms ease-in-out;
  1247. -o-transition: all 300ms ease-in-out;
  1248. transition: all 300ms ease-in-out;
  1249. }
  1250.  
  1251. #wrapper #sidebar a:hover {
  1252. color: {color:link hover} !important;
  1253. letter-spacing: 2px;
  1254. -webkit-transition: all 300ms ease-in-out;
  1255. -moz-transition: all 300ms ease-in-out;
  1256. -ms-transition: all 300ms ease-in-out;
  1257. -o-transition: all 300ms ease-in-out;
  1258. transition: all 300ms ease-in-out;
  1259. }
  1260.  
  1261. #wrapper #sidebar #sidedesc {
  1262. width: 150px;
  1263. {block:if200pxsidebar}width: 200px;{/block:if200pxsidebar}
  1264. {block:if250pxsidebar}width: 250px;{/block:if250pxsidebar}
  1265. font-family: Arial;
  1266. background: rgba({RGBcolor:post and sidebar background}, {text:post and sidebar opacity});
  1267. padding: 10px;
  1268. font-family: Arial;
  1269. {block:ifpixelfont}font-family: bitxmap; {/block:ifpixelfont}
  1270. font-size: 10px;
  1271. {block:ifroundedcorners}
  1272. -moz-border-radius: 4px;
  1273. -webkit-border-radius: 4px;
  1274. border-radius: 4px;
  1275. {/block:ifroundedcorners}
  1276. {block:ifborder}
  1277. border: 3px solid {color:border};
  1278. {/block:ifborder}
  1279. {block:ifdoubleborder}
  1280. border: 3px double {color:border};
  1281. {/block:ifdoubleborder}
  1282. {block:ifdottedborder}
  1283. border: 1px dotted {color:border};
  1284. {/block:ifdottedborder}
  1285.  
  1286. /* glow options */
  1287. {block:ifglow1}
  1288. -webkit-box-shadow: 0px 0px 40px 1px rgba({RGBcolor:glow color}, .75);
  1289. -moz-box-shadow: 0px 0px 40px 1px rgba({RGBcolor:glow color}, .75);
  1290. box-shadow: 0px 0px 40px 1px rgba({RGBcolor:glow color}, .75);
  1291. {/block:ifglow1}
  1292. {block:ifglow2}
  1293. -webkit-box-shadow: 0px 0px 20px 1px rgba({RGBcolor:glow color}, 1);
  1294. -moz-box-shadow: 0px 0px 20px 1px rgba({RGBcolor:glow color}, 1);
  1295. box-shadow: 0px 0px 20px 1px rgba({RGBcolor:glow color}, 1);
  1296. {/block:ifglow2}
  1297. {block:ifglow3}
  1298. -webkit-box-shadow: 0px 0px 5px 3px rgba({RGBcolor:glow color}, .5);
  1299. -moz-box-shadow: 0px 0px 5px 3px rgba({RGBcolor:glow color}, .5);
  1300. box-shadow: 0px 0px 5px 3px rgba({RGBcolor:glow color}, .5);
  1301. {/block:ifglow3}
  1302.  
  1303. /* shadow options */
  1304. {block:ifshadow1}
  1305. -webkit-box-shadow: 4px 4px 0px 0px rgba({RGBcolor:shadow color},.12);
  1306. -moz-box-shadow: 4px 4px 0px 0px rgba({RGBcolor:shadow color},.12);
  1307. box-shadow: 4px 4px 0px 0px rgba({RGBcolor:shadow color},.12);
  1308. {/block:ifshadow1}
  1309. {block:ifshadow2}
  1310. -webkit-box-shadow: 5px 8px 3px rgba({RGBcolor:shadow color},1);
  1311. -moz-box-shadow: 5px 8px 3px rgba({RGBcolor:shadow color},1);
  1312. box-shadow: 5px 8px 3px rgba({RGBcolor:shadow color},1);
  1313. {/block:ifshadow2}
  1314. {block:ifshadow3}
  1315. -webkit-box-shadow: -4px 4px 0px 0px rgba({RGBcolor:shadow color},.12);
  1316. -moz-box-shadow: -4px 4px 0px 0px rgba({RGBcolor:shadow color},.12);
  1317. box-shadow: -4px 4px 0px 0px rgba({RGBcolor:shadow color},.12);
  1318. {/block:ifshadow3}
  1319. }
  1320.  
  1321.  
  1322. #wrapper #sidebar #sidedesc #innersbar img {
  1323. max-width: 150px;
  1324. {block:if200pxsidebar}max-width: 200px;{/block:if200pxsidebar}
  1325. {block:if250pxsidebar}max-width: 250px;{/block:if250pxsidebar}
  1326. padding-bottom: 5px;
  1327. }
  1328.  
  1329. #wrapper #sidebar .between {
  1330. width: 150px;
  1331. {block:if200pxsidebar}width: 200px;{/block:if200pxsidebar}
  1332. {block:if250pxsidebar}width: 250px;{/block:if250pxsidebar}
  1333. height: 12px;
  1334. display: inline-block;
  1335. }
  1336.  
  1337. #wrapper #sidebar .under {
  1338. width: 150px;
  1339. {block:if200pxsidebar}width: 200px;{/block:if200pxsidebar}
  1340. {block:if250pxsidebar}width: 250px;{/block:if250pxsidebar}
  1341. background: rgba({RGBcolor:post and sidebar background}, {text:post and sidebar opacity});
  1342. padding: 10px;
  1343. font-size: 10px;
  1344. font-family: Arial;
  1345. {block:ifpixelfont}font-family: bitxmap;{/block:ifpixelfont}
  1346. text-align: center;
  1347. {block:ifroundedcorners}
  1348. -moz-border-radius: 4px;
  1349. -webkit-border-radius: 4px;
  1350. border-radius: 4px;
  1351. {/block:ifroundedcorners}
  1352. {block:ifborder}border: 1px solid {color:border};{/block:ifborder}
  1353. {block:ifdoubleborder}border: 3px double {color:border};{/block:ifdoubleborder}
  1354. {block:ifdottedborder}border: 1px dotted {color:border};{/block:ifdottedborder}
  1355.  
  1356. /* glow options */
  1357. {block:ifglow1}
  1358. -webkit-box-shadow: 0px 0px 40px 1px rgba({RGBcolor:glow color}, .75);
  1359. -moz-box-shadow: 0px 0px 40px 1px rgba({RGBcolor:glow color}, .75);
  1360. box-shadow: 0px 0px 40px 1px rgba({RGBcolor:glow color}, .75);
  1361. {/block:ifglow1}
  1362. {block:ifglow2}
  1363. -webkit-box-shadow: 0px 0px 20px 1px rgba({RGBcolor:glow color}, 1);
  1364. -moz-box-shadow: 0px 0px 20px 1px rgba({RGBcolor:glow color}, 1);
  1365. box-shadow: 0px 0px 20px 1px rgba({RGBcolor:glow color}, 1);
  1366. {/block:ifglow2}
  1367. {block:ifglow3}
  1368. -webkit-box-shadow: 0px 0px 5px 3px rgba({RGBcolor:glow color}, .5);
  1369. -moz-box-shadow: 0px 0px 5px 3px rgba({RGBcolor:glow color}, .5);
  1370. box-shadow: 0px 0px 5px 3px rgba({RGBcolor:glow color}, .5);
  1371. {/block:ifglow3}
  1372.  
  1373. /* shadow options */
  1374. {block:ifshadow1}
  1375. -webkit-box-shadow: 4px 4px 0px 0px rgba({RGBcolor:shadow color},.12);
  1376. -moz-box-shadow: 4px 4px 0px 0px rgba({RGBcolor:shadow color},.12);
  1377. box-shadow: 4px 4px 0px 0px rgba({RGBcolor:shadow color},.12);
  1378. {/block:ifshadow1}
  1379. {block:ifshadow2}
  1380. -webkit-box-shadow: 5px 8px 3px rgba({RGBcolor:shadow color},1);
  1381. -moz-box-shadow: 5px 8px 3px rgba({RGBcolor:shadow color},1);
  1382. box-shadow: 5px 8px 3px rgba({RGBcolor:shadow color},1);
  1383. {/block:ifshadow2}
  1384. {block:ifshadow3}
  1385. -webkit-box-shadow: -4px 4px 0px 0px rgba({RGBcolor:shadow color},.12);
  1386. -moz-box-shadow: -4px 4px 0px 0px rgba({RGBcolor:shadow color},.12);
  1387. box-shadow: -4px 4px 0px 0px rgba({RGBcolor:shadow color},.12);
  1388. {/block:ifshadow3}
  1389. }
  1390.  
  1391. #wrapper #sidebar .under a {
  1392. color: {color:link};
  1393. text-decoration: none;
  1394. }
  1395.  
  1396. #wrapper #sidebar a {
  1397. color: {color:link} !important;
  1398. }
  1399.  
  1400. #wrapper #sidebar #description {
  1401. text-align: center;
  1402. }
  1403.  
  1404. #wrapper #sidebar #navbuttons {
  1405. width: 30px;
  1406. height: 60px;
  1407. padding-top: 5px;
  1408. padding-bottom: 5px;
  1409. margin-left: -50px;
  1410. display: inline-block;
  1411. float: left;
  1412. text-align: center;
  1413.  
  1414. }
  1415.  
  1416.  
  1417.  
  1418. #wrapper #sidebar #navbuttons .navbutton {
  1419. width: 30px;
  1420. height: 20px;
  1421. background: rgba({RGBcolor:post and sidebar background}, {text:post and sidebar opacity});
  1422. text-align: center;
  1423. margin-top: 5px;
  1424. {block:ifroundedcorners}
  1425. -moz-border-radius: 4px;
  1426. -webkit-border-radius: 4px;
  1427. border-radius: 4px;
  1428. {/block:ifroundedcorners}
  1429. {block:ifborder}border: 1px solid {color:border};{/block:ifborder}
  1430. {block:ifdoubleborder}border: 3px double {color:border};{/block:ifdoubleborder}
  1431. {block:ifdottedborder}border: 1px dotted {color:border};{/block:ifdottedborder}
  1432.  
  1433. /* glow options */
  1434. {block:ifglow1}
  1435. -webkit-box-shadow: 0px 0px 40px 1px rgba({RGBcolor:glow color}, .75);
  1436. -moz-box-shadow: 0px 0px 40px 1px rgba({RGBcolor:glow color}, .75);
  1437. box-shadow: 0px 0px 40px 1px rgba({RGBcolor:glow color}, .75);
  1438. {/block:ifglow1}
  1439. {block:ifglow2}
  1440. -webkit-box-shadow: 0px 0px 20px 1px rgba({RGBcolor:glow color}, 1);
  1441. -moz-box-shadow: 0px 0px 20px 1px rgba({RGBcolor:glow color}, 1);
  1442. box-shadow: 0px 0px 20px 1px rgba({RGBcolor:glow color}, 1);
  1443. {/block:ifglow2}
  1444. {block:ifglow3}
  1445. -webkit-box-shadow: 0px 0px 5px 3px rgba({RGBcolor:glow color}, .5);
  1446. -moz-box-shadow: 0px 0px 5px 3px rgba({RGBcolor:glow color}, .5);
  1447. box-shadow: 0px 0px 5px 3px rgba({RGBcolor:glow color}, .5);
  1448. {/block:ifglow3}
  1449.  
  1450. /* shadow options */
  1451. {block:ifshadow1}
  1452. -webkit-box-shadow: 4px 4px 0px 0px rgba({RGBcolor:shadow color},.12);
  1453. -moz-box-shadow: 4px 4px 0px 0px rgba({RGBcolor:shadow color},.12);
  1454. box-shadow: 4px 4px 0px 0px rgba({RGBcolor:shadow color},.12);
  1455. {/block:ifshadow1}
  1456. {block:ifshadow2}
  1457. -webkit-box-shadow: 5px 8px 3px rgba({RGBcolor:shadow color},1);
  1458. -moz-box-shadow: 5px 8px 3px rgba({RGBcolor:shadow color},1);
  1459. box-shadow: 5px 8px 3px rgba({RGBcolor:shadow color},1);
  1460. {/block:ifshadow2}
  1461. {block:ifshadow3}
  1462. -webkit-box-shadow: -4px 4px 0px 0px rgba({RGBcolor:shadow color},.12);
  1463. -moz-box-shadow: -4px 4px 0px 0px rgba({RGBcolor:shadow color},.12);
  1464. box-shadow: -4px 4px 0px 0px rgba({RGBcolor:shadow color},.12);
  1465. {/block:ifshadow3}
  1466. }
  1467.  
  1468. #wrapper #sidebar #navbuttons .navbutton a {
  1469. display: block;
  1470. }
  1471.  
  1472. #outerimg1 img {
  1473. margin-top: {text:outer img position top}px;
  1474. margin-left: {text:outer img position left}px;
  1475. position: fixed;
  1476. z-index: -5;
  1477. }
  1478.  
  1479.  
  1480. #outerimg1 img {
  1481. margin-top: {text:outer img position top}px;
  1482. margin-left: {text:outer img position left}px;
  1483. position: fixed;
  1484. z-index: -5;
  1485. }
  1486.  
  1487. #outerimg2 img {
  1488. margin-top: {text:outer img 2 position top}px;
  1489. margin-left: {text:outer img 2 position left}px;
  1490. position: fixed;
  1491. z-index: -5;
  1492. }
  1493.  
  1494. select {
  1495. height: 16px;
  1496. font-family: Arial;
  1497. {block:ifpixelfont}font-family: bitxmap;{/block:ifpixelfont}
  1498. font-size: 10px;
  1499. {block:ifroundedcorners}
  1500. border-radius: 5px;
  1501. -moz-border-radius: 5px;
  1502. -webkit-border-radius: 5px;
  1503. {/block:ifroundedcorners}
  1504. -webkit-appearance:none;
  1505. -moz-appearance:none;
  1506. appearance:none;
  1507. background:{color:dropdown background};
  1508. border: 1px solid {color:dropdown border};
  1509. color:{color:dropdown text};
  1510. }
  1511.  
  1512. #banner {
  1513. width:100%;
  1514. height:200px;
  1515. background: url({image:banner}) top fixed repeat-x;
  1516. position:fixed;
  1517. margin-top:-120px;
  1518. }
  1519.  
  1520. </style>
  1521. <!--[if lt IE 7.]>
  1522. <style type="text/css">
  1523. #wrapper #sidebar #bottom {
  1524. background: transparent;
  1525. }
  1526.  
  1527. #wrapper #sidebar #top #avatar {
  1528. background: none;
  1529. }
  1530.  
  1531. #wrapper #sidebar #top #avatar img {
  1532. border: 5px solid #f1f1f1;
  1533. }
  1534.  
  1535. #wrapper #sidebar #top .heading#followontumblr {
  1536. background-image: none;
  1537. text-indent: 0;
  1538. }
  1539.  
  1540. #wrapper #sidebar #top .heading#twitter {
  1541. background-image: none;
  1542. }
  1543.  
  1544. #wrapper #sidebar #top .heading#following {
  1545. background-image: none;
  1546. }
  1547.  
  1548. #wrapper #content .post .audio .player {
  1549. float: none;
  1550. }
  1551.  
  1552. #wrapper #content .post .audio .meta {
  1553. display: none;
  1554. float: none;
  1555. }
  1556. </style>
  1557. <![endif]-->
  1558.  
  1559. <!--[if lt IE 8.]>
  1560. <style type="text/css">
  1561. #wrapper #content .bottom {
  1562. background: transparent;
  1563. }
  1564.  
  1565. #wrapper #content .post .footer {
  1566. background: transparent;
  1567. color: #000;
  1568. }
  1569.  
  1570. #wrapper #content .post .audio {
  1571. float: none;
  1572. background: transparent;
  1573. }
  1574.  
  1575. #wrapper #content .post .notecontainer .notes {
  1576. padding: 0;
  1577. margin: 0;
  1578. }
  1579. </style>
  1580. <![endif]-->
  1581. <style type="text/css">{CustomCSS}</style>
  1582. {block:ifinfinitescrolling}<script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescrolling}
  1583.  
  1584.  
  1585.  
  1586.  
  1587. <a id="cornify" class="btn" title="Unicorns" <a href="http://www.cornify.com" onclick="cornify_add();return false;"><img src="http://static.tumblr.com/6e1f11060ca0bd51f2971fc4aecd7046/zymkljv/yWInd67tp/tumblr_static_469oesb72dwk4cwcw0ss0sc40.png" width="61" height="16" border="0" alt="Cornify" /></a><script type="text/javascript" src="http://www.cornify.com/js/cornify.js"></script>
  1588.  
  1589.  
  1590. <a id="lollify" class="btn" title="Lollipops" <a href="http://www.ranamallah.tumblr.com" onclick="lollify_add();return false;"><img src="https://38.media.tumblr.com/8bf8365394200e6025c02efea0acb9c9/tumblr_mk9balTzzK1rni86yo1_500.gif" width="61" height="16" border="0" alt="Lollify" /></a><script type="text/javascript" src="http://lollify.webs.com/c.js"></script>
  1591.  
  1592. <!--
  1593.  
  1594. sparkles code source:
  1595.  
  1596. http://www.snazzyspace.com/tumblr/mouse-sparkles.php
  1597.  
  1598. -->
  1599.  
  1600. {block:ifmousesparkles}
  1601. <script type="text/javascript">
  1602.  
  1603. // <![CDATA[
  1604. var colour="{color:mouse sparkles}";
  1605. var sparkles=120;
  1606.  
  1607. /****************************
  1608. * Tinkerbell Magic Sparkle *
  1609. * (c) 2005 mf2fm web-design *
  1610. * http://www.mf2fm.com/rv *
  1611. * DON'T EDIT BELOW THIS BOX *
  1612. ****************************/
  1613. var x=ox=400;
  1614. var y=oy=300;
  1615. var swide=800;
  1616. var shigh=600;
  1617. var sleft=sdown=0;
  1618. var tiny=new Array();
  1619. var star=new Array();
  1620. var starv=new Array();
  1621. var starx=new Array();
  1622. var stary=new Array();
  1623. var tinyx=new Array();
  1624. var tinyy=new Array();
  1625. var tinyv=new Array();
  1626.  
  1627. window.onload=function() { if (document.getElementById) {
  1628. var i, rats, rlef, rdow;
  1629. for (var i=0; i<sparkles; i++) {
  1630. var rats=createDiv(3, 3);
  1631. rats.style.visibility="hidden";
  1632. document.body.appendChild(tiny[i]=rats);
  1633. starv[i]=0;
  1634. tinyv[i]=0;
  1635. var rats=createDiv(5, 5);
  1636. rats.style.backgroundColor="transparent";
  1637. rats.style.visibility="hidden";
  1638. var rlef=createDiv(1, 5);
  1639. var rdow=createDiv(5, 1);
  1640. rats.appendChild(rlef);
  1641. rats.appendChild(rdow);
  1642. rlef.style.top="2px";
  1643. rlef.style.left="0px";
  1644. rdow.style.top="0px";
  1645. rdow.style.left="2px";
  1646. document.body.appendChild(star[i]=rats);
  1647. }
  1648. set_width();
  1649. sparkle();
  1650. }}
  1651.  
  1652. function sparkle() {
  1653. var c;
  1654. if (x!=ox || y!=oy) {
  1655. ox=x;
  1656. oy=y;
  1657. for (c=0; c<sparkles; c++) if (!starv[c]) {
  1658. star[c].style.left=(starx[c]=x)+"px";
  1659. star[c].style.top=(stary[c]=y)+"px";
  1660. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  1661. star[c].style.visibility="visible";
  1662. starv[c]=50;
  1663. break;
  1664. }
  1665. }
  1666. for (c=0; c<sparkles; c++) {
  1667. if (starv[c]) update_star(c);
  1668. if (tinyv[c]) update_tiny(c);
  1669. }
  1670. setTimeout("sparkle()", 40);
  1671. }
  1672.  
  1673. function update_star(i) {
  1674. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  1675. if (starv[i]) {
  1676. stary[i]+=1+Math.random()*3;
  1677. if (stary[i]<shigh+sdown) {
  1678. star[i].style.top=stary[i]+"px";
  1679. starx[i]+=(i%5-2)/5;
  1680. star[i].style.left=starx[i]+"px";
  1681. }
  1682. else {
  1683. star[i].style.visibility="hidden";
  1684. starv[i]=0;
  1685. return;
  1686. }
  1687. }
  1688. else {
  1689. tinyv[i]=50;
  1690. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  1691. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  1692. tiny[i].style.width="2px";
  1693. tiny[i].style.height="2px";
  1694. star[i].style.visibility="hidden";
  1695. tiny[i].style.visibility="visible"
  1696. }
  1697. }
  1698.  
  1699. function update_tiny(i) {
  1700. if (--tinyv[i]==25) {
  1701. tiny[i].style.width="1px";
  1702. tiny[i].style.height="1px";
  1703. }
  1704. if (tinyv[i]) {
  1705. tinyy[i]+=1+Math.random()*3;
  1706. if (tinyy[i]<shigh+sdown) {
  1707. tiny[i].style.top=tinyy[i]+"px";
  1708. tinyx[i]+=(i%5-2)/5;
  1709. tiny[i].style.left=tinyx[i]+"px";
  1710. }
  1711. else {
  1712. tiny[i].style.visibility="hidden";
  1713. tinyv[i]=0;
  1714. return;
  1715. }
  1716. }
  1717. else tiny[i].style.visibility="hidden";
  1718. }
  1719.  
  1720. document.onmousemove=mouse;
  1721. function mouse(e) {
  1722. set_scroll();
  1723. y=(e)?e.pageY:event.y+sdown;
  1724. x=(e)?e.pageX:event.x+sleft;
  1725. }
  1726.  
  1727. function set_scroll() {
  1728. if (typeof(self.pageYOffset)=="number") {
  1729. sdown=self.pageYOffset;
  1730. sleft=self.pageXOffset;
  1731. }
  1732. else if (document.body.scrollTop || document.body.scrollLeft) {
  1733. sdown=document.body.scrollTop;
  1734. sleft=document.body.scrollLeft;
  1735. }
  1736. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  1737. sleft=document.documentElement.scrollLeft;
  1738. sdown=document.documentElement.scrollTop;
  1739. }
  1740. else {
  1741. sdown=0;
  1742. sleft=0;
  1743. }
  1744. }
  1745.  
  1746. window.onresize=set_width;
  1747. function set_width() {
  1748. if (typeof(self.innerWidth)=="number") {
  1749. swide=self.innerWidth;
  1750. shigh=self.innerHeight;
  1751. }
  1752. else if (document.documentElement && document.documentElement.clientWidth) {
  1753. swide=document.documentElement.clientWidth;
  1754. shigh=document.documentElement.clientHeight;
  1755. }
  1756. else if (document.body.clientWidth) {
  1757. swide=document.body.clientWidth;
  1758. shigh=document.body.clientHeight;
  1759. }
  1760. }
  1761.  
  1762. function createDiv(height, width) {
  1763. var div=document.createElement("div");
  1764. div.style.position="absolute";
  1765. div.style.height=height+"px";
  1766. div.style.width=width+"px";
  1767. div.style.overflow="hidden";
  1768. div.style.backgroundColor=colour;
  1769. return (div);
  1770. }
  1771. // ]]>
  1772. </script>
  1773. {/block:ifmousesparkles}
  1774.  
  1775.  
  1776.  
  1777.  
  1778.  
  1779.  
  1780.  
  1781.  
  1782.  
  1783. </head>
  1784.  
  1785.  
  1786.  
  1787.  
  1788. <script type="text/javascript"
  1789. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  1790. <script>
  1791. $(document).ready(function() {
  1792. //
  1793. $('a.poplight[href^=#]').click(function() {
  1794. var popID = $(this).attr('rel'); //Get Popup Name
  1795. var popURL = $(this).attr('href'); //Get Popup href to define size
  1796. var query= popURL.split('?');
  1797. var dim= query[1].split('&');
  1798. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  1799. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://png.findicons.com/files/icons/1714/dropline_neu/24/dialog_close.png" class="btn_close" title="Close" alt="Close" /></a>');
  1800. var popMargTop = ($('#' + popID).height() + 80) / 2;
  1801. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  1802. //Apply Margin to Popup
  1803. $('#' + popID).css({
  1804. 'margin-top' : -popMargTop,
  1805. 'margin-left' : -popMargLeft
  1806. });
  1807. $('body').append('<div id="fade"></div>');
  1808. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  1809. return false;
  1810. });
  1811. $('a.close, #fade').live('click', function() {
  1812. $('#fade , .popup_block').fadeOut(function() {
  1813. $('#fade, a.close').remove(); //fade them both out
  1814. });
  1815. return false;
  1816. });
  1817. });
  1818. </script>
  1819. </div></div></a></div></div>
  1820.  
  1821.  
  1822.  
  1823.  
  1824.  
  1825.  
  1826.  
  1827.  
  1828. <a href="#?w=500" style="top:119px;right:3px; float:right; position:fixed;" rel="03" id="g_button" title="pacman" class="poplight btn">Play Pacman</a></div>
  1829.  
  1830.  
  1831. <a href="#?w=500" style="top:142px;right:3px; float:right; position:fixed;" rel="05" id="g_button" title="super mario" class="poplight btn">Play Sonic</a></div>
  1832.  
  1833. <a href="#?w=600" style="top:96px;right:3px; float:right; position:fixed;" rel="06" id="g_button" title="world's hardest game" class="poplight btn">Play Angry Birds</a></div>
  1834.  
  1835. <div id="03" class="popup_block">
  1836. <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="500" height="455">
  1837. <param name="movie" value="http://www.pacmanflash.com/swf/pacman-original.swf">
  1838. <param name="quality" value="high">
  1839. <embed src="http://www.pacmanflash.com/swf/pacman-original.swf" width="500" height="455" align="center" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
  1840. </object><br />
  1841. <a href="http://www.pacmanflash.com/"></a></div>
  1842.  
  1843.  
  1844. <div id="05" class="popup_block">
  1845. <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="650" height="500">
  1846. <param name="movie" value="http://www.embeddablegames.net/embedgames/superflashmariobros.swf">
  1847. <param name="quality" value="high">
  1848. <embed src="http://www.freegaming.de/components/flash/sonic.swf" width="650" height="500" align="center" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
  1849. </object><br />
  1850. <a href=""></a></div>
  1851.  
  1852. <div id="06" class="popup_block">
  1853. <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="650" height="500">
  1854. <param name="movie" value="http://armorgames.com/files/games/the-worlds-hardest-g-1043.swf">
  1855. <param name="quality" value="high">
  1856. <embed src="http://www.gamesforblog.com/gamesforyou/angrybirds.swf" width="650" height="500" align="center" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
  1857. </object><br />
  1858. <a href=""></a></div>
  1859.  
  1860. </span></div>
  1861.  
  1862.  
  1863.  
  1864.  
  1865.  
  1866.  
  1867.  
  1868.  
  1869. <body>
  1870.  
  1871.  
  1872.  
  1873.  
  1874.  
  1875.  
  1876. <div style="position:absolute; top:5px; left:5px;">
  1877. <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  1878. <!-- my new ads -->
  1879. <ins class="adsbygoogle"
  1880. style="display:inline-block;width:180px;height:150px"
  1881. data-ad-client="ca-pub-7885890019848245"
  1882. data-ad-slot="5077846813"></ins>
  1883. <script>
  1884. (adsbygoogle = window.adsbygoogle || []).push({});
  1885. </script>
  1886. </div>
  1887.  
  1888.  
  1889.  
  1890.  
  1891. <div id="ocehans">
  1892. <center>
  1893.  
  1894. <div id="ocehans2">
  1895. <div style="font-size:8px;">social</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:center; color:#b9b9b9;">
  1896.  
  1897. <a href="http://instagram.com/unpopuler" title="follow me" >Instagram</a>
  1898. <a href="https://www.facebook.com/luismxo" title="add me" >Facebook</a>
  1899. </div></div>
  1900.  
  1901. <div id="ocehans3">
  1902. <div style="font-size:8px;">networks</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:center; color:#b9b9b9;">
  1903.  
  1904.  
  1905. <div style="z-index:99999999999999999999;"><a href="http://ryders-network.tumblr.com/" target="blank" title="ryders network"><img src="http://static.tumblr.com/niibsc9/Rm3n320w1/30be3qd.png" width="25"></a></div>
  1906.  
  1907.  
  1908. <div style="z-index:99999999999999999999; "><a href="http://wall-flowers-group.tumblr.com"><img src="http://i61.tinypic.com/ay534w.png" title="wallflowers" height="30"></a></div>
  1909.  
  1910. <br><br>
  1911. </div>
  1912. </div>
  1913.  
  1914. <div id="ocehans4">
  1915. <div style="font-size:8px;">friends</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:center; color:#fff;">
  1916.  
  1917. <a href="http://lindsaylohoean.com/" title="lindsaylohoean" >Adrian</a>
  1918. <br>
  1919. <a href="http://plagal.tumblr.com/" title="plagal" >Mia</a>
  1920. <br>
  1921. <a href="http://tensioned.tumblr.com/" title="tensioned" >Corey</a>
  1922. <br>
  1923. <a href="http://pendents.tumblr.com/" title="cutie" >Daniel</a>
  1924. <br>
  1925. <a href="http://untexting.tumblr.com/" title="dyldo" >Dylan</a>
  1926.  
  1927. </div></div>
  1928. </div></div></div></div>
  1929.  
  1930.  
  1931.  
  1932.  
  1933.  
  1934.  
  1935. <div id="banner"></div>
  1936. {block:ifmusicplayer}<div id="musicplayer">
  1937. <center><img src="{image:music icon}"/></center>
  1938. <p>{text:music player code}</p>
  1939. </div>
  1940. {/block:ifmusicplayer}
  1941. <div id="wrapper">
  1942.  
  1943. <div id="content">
  1944. {block:ifinfinitescrolling}<div class="autopagerize_page_element">{/block:ifinfinitescrolling}
  1945. {block:Posts}
  1946. <div class="post {block:IndexPage}nopo {TagsAsClasses}{/block:IndexPage}">
  1947.  
  1948.  
  1949. {block:Photo}
  1950. <div class="media">{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}</div>
  1951. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  1952. {/block:Photo}
  1953.  
  1954. {block:Photoset} <div class="media"><div class="photo" style="max-width:100%">{LinkOpenTag}{Photoset}{LinkCloseTag}</div></div> {block:Caption}<div class="copy">{Caption}</div>{/block:Caption} {/block:Photoset}
  1955.  
  1956. {block:Video}
  1957. <div class="media">{Video-500}</div>
  1958. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  1959. {/block:Video}
  1960.  
  1961. {block:Audio}
  1962.  
  1963. {block:AudioEmbed}
  1964. {AudioEmbed}
  1965. {/block:AudioEmbed}
  1966.  
  1967. {block:AudioPlayer}
  1968. {block:AlbumArt}
  1969. <div class="album_art">
  1970. <img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom:10px;" />
  1971. </div>
  1972. {/block:AlbumArt}
  1973.  
  1974. <div class="audio">
  1975. <div class="player">{AudioPlayerWhite}</div>
  1976.  
  1977. <div class="clear"></div>
  1978. </div>
  1979. {/block:AudioPlayer}
  1980.  
  1981. <div class="clear"></div>
  1982.  
  1983. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  1984.  
  1985. {/block:Audio}
  1986.  
  1987. {block:Quote}
  1988. <div class="quote">{Quote}</div>
  1989. <div class="copy">
  1990. {block:Source}
  1991. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  1992. <tr>
  1993.  
  1994. <td valign="top" class="quote_source">
  1995. &mdash; {Source}
  1996. </td>
  1997. </tr>
  1998. </table>
  1999. {/block:Source}
  2000. </div>
  2001. {/block:Quote}
  2002.  
  2003. {block:Text}
  2004. {block:Title}<div class="title">{Title}</div>{/block:Title}
  2005. <div class="copy">{Body}</div>
  2006. {/block:Text}
  2007.  
  2008. {block:Answer}
  2009.  
  2010. {/block:Answer}
  2011.  
  2012. {block:Chat}
  2013. {block:Title}<div class="title">{Title}</div>{/block:Title}
  2014. <div class="chat">
  2015. <div class="lines">
  2016. {block:Lines}
  2017. <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
  2018. {/block:Lines}
  2019. </div>
  2020. </div>
  2021. <div class="clear"></div>
  2022. <div style="height:10px;"></div>
  2023. {/block:Chat}
  2024.  
  2025. {block:Link}
  2026. <div class="link"><a href="{URL}" {Target}>{Name} &rarr;</a></div>
  2027. {block:Description}<div class="copy">{Description}</div>{/block:Description}
  2028. {/block:Link}
  2029.  
  2030. {block:Date}
  2031. <a href="{Permalink}">
  2032. <div class="footer for_permalink">
  2033. <div class="date">
  2034. {TimeAgo}
  2035. </div>
  2036. <div class="notes">{block:NoteCount}{NoteCount}&hearts;{/block:NoteCount}</div>
  2037.  
  2038. <div class="clear"></div>
  2039. </div>
  2040. </a>
  2041. {/block:Date}
  2042.  
  2043. <div class="footer {block:ContentSource}with_source_url{/block:ContentSource}" style="display:none;
  2044. {block:HasTags}display:block;{/block:HasTags}
  2045. {block:ContentSource}display:block;{/block:ContentSource}
  2046. ">
  2047.  
  2048. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a> </span>{/block:Tags}</div>{/block:HasTags}
  2049.  
  2050.  
  2051. <div class="source_url">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a> /{/block:RebloggedFrom}{block:ContentSource} <a href="{SourceURL}" style="font-family: Arial;">©</a>
  2052. {/block:ContentSource}</div>
  2053.  
  2054.  
  2055. <div class="clear"></div>
  2056. </div>
  2057.  
  2058. {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
  2059.  
  2060. </div>
  2061. <div class="bottom"></div>
  2062. {/block:Posts}
  2063. {block:ifinfinitescrolling}</div>{/block:ifinfinitescrolling}
  2064.  
  2065. {block:Pagination}
  2066. <div id="navigation" {block:ifnextpagebuttonundersidebar}style="display:none;"{/block:ifnextpagebuttonundersidebar}{block:ifinfinitescrolling}style="display:none;"{/block:ifinfinitescrolling}>
  2067. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}"> &rarr;</a>{/block:NextPage}
  2068. </div>
  2069. {/block:Pagination}
  2070.  
  2071. </div>
  2072. <div id="outerimg1"><img src="{image:outer img}" /></div>
  2073. <div id="outerimg2"><img src="{image:outer img 2}" /></div>
  2074. <div id="sidebar">
  2075. {block:ifsidebuttons}<div id="navbuttons">
  2076. <div class="navbutton"><a href="/" title="home"><img style="margin-top: 5px;"src="http://static.tumblr.com/utqap6x/h6rmp3d91/tumblr_inline_mn2m1bdric1qz4rgp.png" /></a></div>
  2077. <div class="navbutton"><a href="/ask" title="ask"><img style="margin-top: 2px;" src="http://media.tumblr.com/649f94f2f210bc510d0b67756f861eb9/tumblr_inline_mn2m2bLZts1qz4rgp.png" /></a></div>
  2078.  
  2079. </div>{/block:ifsidebuttons}
  2080. <div id="sidedesc">
  2081. {block:ifinnersidebarimg}<div id="innersbar"><a href="/"><img src="{image:inner sidebar img}"/></a></div>{/block:ifinnersidebarimg}
  2082. <div id="description">{Description}
  2083.  
  2084.  
  2085. <div class="adtr">
  2086.  
  2087.  
  2088. {block:iflink1}<a href="{text:link 1 url}" title="home" >{text:link 1}</a> {block:iflink1}
  2089. {block:iflink2}<a href="{text:link 2 url}" title="ask" >{text:link 2}</a> {block:iflink2}
  2090. {block:iflink3}<a href="{text:link 3 url}" title="frequently asked questions" >{text:link 3}</a> {block:iflink3} </br>
  2091. {block:iflink4}<a href="{text:link 4 url}" title="my post" >{text:link 4}</a>{block:iflink4}
  2092. {block:iflink5}<a href="{text:link 5 url}" title="appearance" >{text:link 5}</a> {block:iflink5} </br> </br>
  2093. {block:iflink6}<a href="{text:link 6 url}" title="king" >{text:link 6}</a>{block:iflink6}
  2094. {block:iflink7}<a href="{text:link 7 url}" title="the supreme" >{text:link 7}</a> {block:iflink7} </br>
  2095. {block:iflink8}<a href="{text:link 8 url}" title="king" >{text:link 8}</a>{/block:iflink8}
  2096. </div>
  2097.  
  2098.  
  2099.  
  2100.  
  2101.  
  2102.  
  2103.  
  2104. <!-- credit - remove if (and only if) you're moving it somewhere else -->
  2105.  
  2106.  
  2107.  
  2108.  
  2109.  
  2110.  
  2111.  
  2112.  
  2113.  
  2114.  
  2115. </select>
  2116. </div>
  2117. {/block:ifnavundersidebar}
  2118. <div class="between"></div>
  2119. <div class="under" style="display:none; {block:ifnextpagebuttonundersidebar}display:block;{/block:ifnextpagebuttonundersidebar}{block:ifinfinitescrolling}display:none;{/block:ifinfinitescrolling} {block:PermalinkPage}display: none;{/block:PermalinkPage}">
  2120. {block:Pagination}
  2121. {block:PreviousPage}
  2122. <a href="{PreviousPage}">&larr;</a>
  2123. {/block:PreviousPage}
  2124.  
  2125. {block:JumpPagination length="5"}
  2126. {block:CurrentPage}
  2127. <span style="color: {color:link hover};">{PageNumber}</span>
  2128. {/block:CurrentPage}
  2129.  
  2130. {block:JumpPage}
  2131. <a href="{URL}">{PageNumber}</a>
  2132. {/block:JumpPage}
  2133. {/block:JumpPagination}
  2134.  
  2135. {block:NextPage}
  2136. <a href="{NextPage}">&rarr;</a>
  2137. {/block:NextPage}
  2138. {/block:Pagination}
  2139. </div>
  2140.  
  2141. </div>
  2142.  
  2143. </div>
  2144.  
  2145.  
  2146. <div id="bottom"></div>
  2147.  
  2148. <div class="clear"></div>
  2149. </div>
  2150.  
  2151.  
  2152. <!-- Start of StatCounter Code for Tumblr -->
  2153. <script type="text/javascript">
  2154. var sc_project=9950676;
  2155. var sc_invisible=1;
  2156. var sc_security="a98cca8c";
  2157. var scJsHost = (("https:" == document.location.protocol) ?
  2158. "https://secure." : "http://www.");
  2159. document.write("<sc"+"ript type='text/javascript' src='" +
  2160. scJsHost+
  2161. "statcounter.com/counter/counter.js'></"+"script>");
  2162. </script>
  2163. <noscript><div class="statcounter"><a title="tumblr visit
  2164. counter" href="http://statcounter.com/tumblr/"
  2165. target="_blank"><img class="statcounter"
  2166. src="http://c.statcounter.com/9950676/0/a98cca8c/1/"
  2167. alt="tumblr visit counter"></a></div></noscript>
  2168. <!-- End of StatCounter Code for Tumblr -->
  2169.  
  2170.  
  2171. </script>
  2172.  
  2173.  
  2174. </body>
  2175.  
  2176.  
  2177.  
  2178.  
  2179.  
  2180. </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!