☰

AppleLinks

Brings back glorious System 7.

  1. // ==UserScript==
  2. // @name           AppleLinks
  3. // @namespace      pendevin
  4. // @description    Brings back glorious System 7.
  5. // @include        http://endoftheinter.net/*
  6. // @include        http://boards.endoftheinter.net/*
  7. // @include        http://archives.endoftheinter.net/*
  8. // @include        https://endoftheinter.net/*
  9. // @include        https://boards.endoftheinter.net/*
  10. // @include        http://archives.endoftheinter.net/*
  11. // @version        1
  12. // ==/UserScript==
  13.  
  14. var css="\
  15. 		body {\
  16. 			font-size: 8pt\
  17. 		}\
  18. 		\
  19. 		table.classic tr td {\
  20. 			background: #CFCFCF;\
  21. 			color: #000000;\
  22. 			font-size: 8pt;\
  23. 		}\
  24. 		\
  25. 		textarea {\
  26. 			font-size: 9pt;\
  27. 		}\
  28. 		\
  29. 		textarea.locked {\
  30. 			background: #CFCFCF;\
  31. 		}\
  32. 		\
  33. 		/* other body styles */\
  34. 		body.regular,\
  35. 		body.classic {\
  36. 			margin: 0px;\
  37. 		}\
  38. 		\
  39. 		body.regular .body {\
  40. 			padding: 9px;\
  41. 		}\
  42. 		\
  43. 		img {\
  44. 			border: 0px;\
  45. 		}\
  46. 		\
  47. 		a {\
  48. 			color: #000000;\
  49. 		}\
  50. 		\
  51. 		a:visited {\
  52. 			color: #000099;\
  53. 		}\
  54. 		\
  55. 		a span.m {\
  56. 			position: relative;\
  57. 			top: -3px!important;\
  58. 			top: 0px;\
  59. 			height: 10px;\
  60. 			font-size: 6pt;\
  61. 			margin: 0px 1px;\
  62. 			padding-left: 10px;\
  63. 			border-bottom: 2px dotted #000000;\
  64. 		}\
  65. 		\
  66. 		a:visited span.m {\
  67. 			border-bottom: 2px dotted #000099;\
  68. 		}\
  69. 		\
  70. 		a span.m span {\
  71. 			font-size: 0px;\
  72. 		}\
  73. 		\
  74. 		ins {\
  75. 			background-color: #ddffdd;\
  76. 			border: 1px solid green;\
  77. 			text-decoration: none;\
  78. 		}\
  79. 		ins.pair {\
  80. 			border-left: 0px solid red;\
  81. 		}\
  82. 		ins img {\
  83. 			border: 3px solid green;\
  84. 		}\
  85. 		\
  86. 		del {\
  87. 			background-color: #ffdddd;\
  88. 			border: 1px solid red;\
  89. 			text-decoration: none;\
  90. 		}\
  91. 		del.pair {\
  92. 			border-right: 0px solid red;\
  93. 		}\
  94. 		del img {\
  95. 			border: 3px solid red;\
  96. 		}\
  97. 		\
  98. 		#register label {\
  99. 			font-weight: bold;\
  100. 		}\
  101. 		\
  102. 		em {\
  103. 			color: #FF0000;\
  104. 			font-style: normal;\
  105. 		}\
  106. 		\
  107. 		input [type='text'] {\
  108. 			border: 1px solid;\
  109. 			padding: 4px 1px;\
  110. 		}\
  111. 		\
  112. 		h1, h2, h3 {\
  113. 			background-color: white;\
  114. 			font-weight: bold;\
  115. 			margin: 3px 0px;\
  116. 			text-align: center;\
  117. 		}\
  118. 		\
  119. 		h1 {\
  120. 			font-size: 24pt;\
  121. 			font-style: italic;\
  122. 			margin-top: 12px;\
  123. 		}\
  124. 		\
  125. 		h2 {\
  126. 			font-size: 12pt;\
  127. 		}\
  128. 		\
  129. 		h3 {\
  130. 			font-size: 12pt;\
  131. 			text-align: left;\
  132. 			margin: 0px;\
  133. 		}\
  134. 		\
  135. 		small {\
  136. 			font-size: 8pt;\
  137. 		}\
  138. 		\
  139. 		.message, div.message-top {\
  140. 			padding: 0px 3px;\
  141. 			font-size: 9pt;\
  142. 		}\
  143. 		\
  144. 		table.message-body tr td.message, div.message, table.message-body tr td.userpic {\
  145. 			background: white;\
  146. 			overflow: visible;\
  147. 		}\
  148. 		\
  149. 		div.message-top {\
  150. 			background: #eee;\
  151. 		}\
  152. 		\
  153. 		.spoiler_closed .caption {\
  154. 			white-space: nowrap;\
  155. 		}\
  156. 		.spoiler_closed .spoiler_on_open {\
  157. 			display: none;\
  158. 		}\
  159. 		.spoiler_opened .spoiler_on_close {\
  160. 			display: none;\
  161. 		}\
  162. 		\
  163. 		table.classic {\
  164. 			border-collapse: collapse;\
  165. 			width: 100%;\
  166. 		}\
  167. 		\
  168. 		table.classic tr td {\
  169. 			padding: 2px;\
  170. 		}\
  171. 		\
  172. 		table.classic tr th {\
  173. 			padding: 1px!important;\
  174. 			background: #4B73AA;\
  175. 			color: black;\
  176. 			margin-bottom: 2px;\
  177. 			text-align: left;\
  178. 			font-weight: bold;\
  179. 			font-size: 11.5pt;\
  180. 		}\
  181. 		\
  182. 		table.classic tr th.title {\
  183. 			color: #000000;\
  184. 			font-size: 24pt;\
  185. 			font-style: italic;\
  186. 		}\
  187. 		\
  188. 		div.userbar a, div.infobar a, div.pager a table.classic tr th a, table.grid tr th a {\
  189. 			color: black;\
  190. 			text-decoration: none;\
  191. 		}\
  192. 		\
  193. 		div.userbar a:visited, div.infobar a:visited, div.pager a:visited, table.classic tr th a:visited, table.grid tr th a:visited {\
  194. 			color: black;\
  195. 			text-decoration: none;\
  196. 		}\
  197. 		\
  198. 		div.userbar a:hover, div.infobar a:hover, div.pager a:hover, table.classic tr th a:hover, table.grid tr th a:hover {\
  199. 			color: white;\
  200. 			background-color: black;\
  201. 			text-decoration: none;\
  202. 		}\
  203. 		\
  204. 		div.userbar a:active, div.infobar a:active, div.pager a:hover, table.classic tr th a:active, table.grid tr th a:active {\
  205. 			color: black;\
  206. 			text-decoration: none;\
  207. 		}\
  208. 		\
  209. 		table.grid {\
  210. 			width: 100%;\
  211. 			border-collapse: collapse;\
  212. 			border: hidden;\
  213. 			margin: 0px;\
  214. 		}\
  215. 		/*\
  216. 		table.grid tr td, table.grid tr th {\
  217. 			border: 2px solid #CFCFCF;\
  218. 			border-width: 0px 2px 2px 0px;\
  219. 		}\
  220. 		*/\
  221. 		\
  222. 		table.grid tr td {\
  223. 			font-size: 12px;\
  224. 			padding: 0px 3px 1px 3px;\
  225. 		}\
  226. 		\
  227. 		table.grid tr th {\
  228. 			background: #ddd;\
  229. 			font-size: 12px;\
  230. 			text-align: center;\
  231. 			font-weight: bold;\
  232. 		}\
  233. 		\
  234. 		table.grid tr td.sticky {\
  235. 			font-weight: bold;\
  236. 		}\
  237. 		\
  238. 		table.grid tr td.closed, span.closed {\
  239. 			background-image: url('data:image/gif;base64,R0lGODlhCwANALMAANDQ/4SEhAAAAEJC/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAAALAAAAAALAA0AAAQmEEhBqbx2igs29xPXfSJYnZYQrCxLue8aB6oq2/Q8tzeKdiANIAIAOw==')!important;\
  240. 			background-position: 3px center;\
  241. 			background-repeat: no-repeat;\
  242. 			padding-left: 18px;\
  243. 		}\
  244. 		\
  245. 		table.grid tr td.devil, span.devil {\
  246. 			background-image: url('data:image/gif;base64,R0lGODlhFQASAMQAAAAAAP////7+2f7+3srGesK+ds7Kfv76nv76pv76qv76sv76uv76vvryluDahvLqkv72nf76xf76yv76zubeitbOgsK6dv760v8AAHkAAP7+/gICAv///wAAAAAAAAAAACH5BAEAABwALAAAAAAVABIAAAWXICeOpAiUaGqeassBGKvK3GbbdAmfwDYIF0nENsPEBj/BJLJQIDYzwEVAXTI2CEgDmtpMg0xF4tB4cEubiES4ESPINsd5tGHYm4m3TbOp3DB0CoJiNxp8GwQbW0YiWAmFhnsbBThGgBsQEBuGh5wbFlwZgI1bnZGfc6KNFHKekxagJaJGfQY3sLBzIxm8GTa4ubotN0QoIQA7')!important;\
  247. 			background-position: 3px center;\
  248. 			background-repeat: no-repeat;\
  249. 			padding-left: 27px;\
  250. 		}\
  251. 		\
  252. 		span.title-modicon {\
  253. 			background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAC7mlDQ1BJQ0MgUHJvZmlsZQAAeAGFVM9rE0EU/jZuqdAiCFprDrJ4kCJJWatoRdQ2/RFiawzbH7ZFkGQzSdZuNuvuJrWliOTi0SreRe2hB/+AHnrwZC9KhVpFKN6rKGKhFy3xzW5MtqXqwM5+8943731vdt8ADXLSNPWABOQNx1KiEWlsfEJq/IgAjqIJQTQlVdvsTiQGQYNz+Xvn2HoPgVtWw3v7d7J3rZrStpoHhP1A4Eea2Sqw7xdxClkSAog836Epx3QI3+PY8uyPOU55eMG1Dys9xFkifEA1Lc5/TbhTzSXTQINIOJT1cVI+nNeLlNcdB2luZsbIEL1PkKa7zO6rYqGcTvYOkL2d9H5Os94+wiHCCxmtP0a4jZ71jNU/4mHhpObEhj0cGDX0+GAVtxqp+DXCFF8QTSeiVHHZLg3xmK79VvJKgnCQOMpkYYBzWkhP10xu+LqHBX0m1xOv4ndWUeF5jxNn3tTd70XaAq8wDh0MGgyaDUhQEEUEYZiwUECGPBoxNLJyPyOrBhuTezJ1JGq7dGJEsUF7Ntw9t1Gk3Tz+KCJxlEO1CJL8Qf4qr8lP5Xn5y1yw2Fb3lK2bmrry4DvF5Zm5Gh7X08jjc01efJXUdpNXR5aseXq8muwaP+xXlzHmgjWPxHOw+/EtX5XMlymMFMXjVfPqS4R1WjE3359sfzs94i7PLrXWc62JizdWm5dn/WpI++6qvJPmVflPXvXx/GfNxGPiKTEmdornIYmXxS7xkthLqwviYG3HCJ2VhinSbZH6JNVgYJq89S9dP1t4vUZ/DPVRlBnM0lSJ93/CKmQ0nbkOb/qP28f8F+T3iuefKAIvbODImbptU3HvEKFlpW5zrgIXv9F98LZua6N+OPwEWDyrFq1SNZ8gvAEcdod6HugpmNOWls05Uocsn5O66cpiUsxQ20NSUtcl12VLFrOZVWLpdtiZ0x1uHKE5QvfEp0plk/qv8RGw/bBS+fmsUtl+ThrWgZf6b8C8/UXAeIuJAAAACXBIWXMAAAsTAAALEwEAmpwYAAABpUlEQVQoFWP8//8/AykgOdp7588fn93+MEoyMJGiMT3OfbmEOJ9bU0sXw7179xhYiNEcF+aYIC4qmMvIwGCkJCcG18KylJHxLJBnBBcBMrYH2cK5TExMDOJiggwy0hIM8rIiDC9evWVgZmYGy4NsNopOqIArBjFcmmIZmFhQHfX390+GXz+/Mjy4c42BFSrHogBSvWAfiISDK778cDY64+XLtwwq6gZgYZICDN0glgdAEWs00TfvPjKgRyEzIyMDEzMTw89fv+CqQR47t5ThFGqAbWeHK0AEmCQ4wH7++cPw+89fsDxL9P//xuF+Tv9jw+3gGj4s2MUQsef4rZj//9VBgqCoYmBgzL1+466RqZEGw9+/EM1g54Gc6Oli+//GxYP/c5O9gdz/DEsYGPaDaGScFuu2vKow4v/da8f/mxqa/McIMH4+brALgC5yBDOQiJmLdka+ePlpV11NGYOSkhID3GSQzS8eXf2/cErx/9wk77PINuJiw21mY2Vh+PD+DYO5rR/Qe6gpDslyFCY8GQHTbXpra9vMn99/MYiLcp1DUYWDAwCFZbkwsxyT5gAAAABJRU5ErkJggg==')!important;\
  254. 			background-position: 0px center;\
  255. 			background-repeat: no-repeat;\
  256. 			padding-left: 18px;\
  257. 		}\
  258. 		\
  259. 		table.search {\
  260. 			border: solid 2px #DDE3Eb;\
  261. 			width: 100%;\
  262. 			border-collapse: collapse;\
  263. 			border: hidden;\
  264. 		}\
  265. 		\
  266. 		table.search tr th, table.search tr td {\
  267. 			background: #DDE3Eb;\
  268. 			font-size: 9.5pt;\
  269. 			font-weight: normal;\
  270. 			padding: 2px 5px;\
  271. 			text-align: left;\
  272. 			border-width: expression(((this.parentNode.rowIndex==0)?'0px ':'2px ')+\
  273. 															 ((this.parentNode.cells.length==(this.cellIndex+1))?'0px ':'2px ')+\
  274. 															 ((this.parentNode.rowIndex==this.parentNode.parentNode.rows.length-1)?'0px ':'2px ')+\
  275. 															 ((this.cellIndex==0)?'0px':'2px'));\
  276. 		}\
  277. 		\
  278. 		table.search tr td {\
  279. 			background: transparent;\
  280. 		}\
  281. 		\
  282. 		.pr {\
  283. 			font-family: monospace;\
  284. 			white-space: pre;\
  285. 		}\
  286. 		\
  287. 		.pr br {\
  288. 			display: none;\
  289. 		}\
  290. 		\
  291. 		div.poll {\
  292. 			padding: 0px 6px;\
  293. 		}\
  294. 		\
  295. 		table.poll {\
  296. 			padding: 0px 6px;\
  297. 			border: 0px;\
  298. 			width: 100%;\
  299. 			font-size: 12pt;\
  300. 		}\
  301. 		\
  302. 		table.poll div {\
  303. 			height: 20px;\
  304. 			background: #2E5A7F;\
  305. 		}\
  306. 		\
  307. 		div.graph {\
  308. 			border: 1px solid #000000;\
  309. 			background: #2E5A7F;\
  310. 			height: 150px;\
  311. 			width: 540px;\
  312. 			overflow: visible;\
  313. 		}\
  314. 		\
  315. 		div.graph span {\
  316. 			background: #DDE3Eb;\
  317. 			float: left;\
  318. 		}\
  319. 		\
  320. 		div.mysql {\
  321. 			background-image: url('data:image/gif;base64,R0lGODlhEAAQAOYAAAAAAP///7q6u6ipq8bJzX+Fi4+SlaSmqJ2focjKzKqrrHiCiZWYmmWCknOHkm9+h1N9k1yKomCInXmit32itpG2yYaouWmBjqfI2W+FkFmZuEZ4kGGNoYOxxm+UpoOrvW2LmYaqu4equ1Or0FKZtV+NoIvI4KTS5qvO3SCHryyVukaqzUqhwGW31FymwHTB3HK50na71Hi81X7F3nm91ZLL4KjY6YOhrCCMsCOJrC2Rsy2QsjWVtkGcu0WlxUWfvlClwlmtyVWivFajvVumwGKwymi1z3bE33G91XK603mww4nH3I3M4Y3L4I/K3pDL35nW6pXQ5JzS5JXJ2ZLE1JPE1KfY6Lbm9brAwkyet2W61G2ZppLD0pPE05/Q37Hi8XmapMXv+7K8v6ewssHHyHuJifDx8e3u7sTKybrHusLaucfdvv39/fr6+vn5+ff39+/v7+vr6+Xl5dnZ2cPDw7+/v////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAHYALAAAAAAQABAAAAebgAGCggkUIiGIFh8gb4ODYFNdVVRcXh4HjoJoWUJDRC5GEQOZgiU4OTs8PxACpAEEKTo9QEEaZWlqa22OHCosRTAyMUhaIxeOZD4tSTRLNU5MJg9yjmMNDh1NUlZfJwtxmW1xc0pRNmEoBXCuAVgzT1cYBrvsNy9QFQxs7AFnJEcTEPATJGaFBAUDBW3ZUCdhADMZ6DgM4AZcwkAAOw==');\
  322. 			background-position: 0px center;\
  323. 			background-repeat: no-repeat;\
  324. 			font-family: monospace;\
  325. 			margin: 1em 0px;\
  326. 			padding-left: 18px;\
  327. 		}\
  328. 		\
  329. 		iframe.upload_form {\
  330. 			border: none;\
  331. 			height: 100%;\
  332. 			width: 100%;\
  333. 		}\
  334. 		\
  335. 		div.upload_form {\
  336. 			height: 300px;\
  337. 			width: 600px;\
  338. 		}\
  339. 		\
  340. 		div.imgs {\
  341. 			overflow: visible;\
  342. 		}\
  343. 		\
  344. 		div.img {\
  345. 			float: left;\
  346. 			margin-right: 10px;\
  347. 		}\
  348. 		\
  349. 		div.img span {\
  350. 			display: block;\
  351. 			padding-top: 3px;\
  352. 			overflow: hidden;\
  353. 			text-align: center;\
  354. 			width: 150px;\
  355. 		}\
  356. 		\
  357. 		div.img div {\
  358. 			height: 150px;\
  359. 			line-height: 150px;\
  360. 			text-align: center;\
  361. 			width: 160px;\
  362. 		}\
  363. 		\
  364. 		div.img div * {\
  365. 			border: none;\
  366. 			vertical-align: middle;\
  367. 		}\
  368. 		\
  369. 		.image_grid .grid_block {\
  370. 			float: left;\
  371. 			width: 220px;\
  372. 			height: 200px;\
  373. 			margin: 0px 5px;\
  374. 			padding: 5px 0px;\
  375. 			text-align: center;\
  376. 			position: relative;\
  377. 		}\
  378. 		\
  379. 		.image_grid .grid_block .block_desc {\
  380. 			width: 220px;\
  381. 			overflow: hidden;\
  382. 			background: #eee;\
  383. 			position: absolute;\
  384. 			bottom: 0px;\
  385. 			padding: 3px;\
  386. 		}\
  387. 		\
  388. 		.filter-container {\
  389. 			overflow: hidden;\
  390. 			width: 600px;\
  391. 		}\
  392. 		\
  393. 		.filter-column {\
  394. 			float: left;\
  395. 			text-align: center;\
  396. 			width: 200px;\
  397. 		}\
  398. 		\
  399. 		.filter-column .input {\
  400. 			width: 180px;\
  401. 		}\
  402. 		\
  403. 		.img-placeholder {\
  404. 			background-image: url(data:image/gif;base64,R0lGODlhEAAQAIABAMzMzP///yH5BAEAAAEALAAAAAAQABAAAAIfhG+hq4jM3IFLJhoswNly/XkcBpIiVaInlLJr9FZWAQA7);\
  405. 			display: -moz-inline-block;\
  406. 			display: inline-block;\
  407. 		}\
  408. 		* html .img-placeholder {\
  409. 			background-image: url('/images/placeholder.gif');\
  410. 		}\
  411. 		.img-loaded {\
  412. 			display: -moz-inline-block;\
  413. 			display: inline-block;\
  414. 		}\
  415. 		.quoted-message {\
  416. 			margin-left: 0px;\
  417. 			padding-left: 6px;\
  418. 			border-left: 2px solid #6896D5;\
  419. 		}\
  420. 		.message .message-top {\
  421. 			background-color: transparent;\
  422. 			padding-left: 0px;\
  423. 		}\
  424. 		\
  425. 		table.message-body {\
  426. 			border-collapse: collapse;\
  427. 			margin: 0px;\
  428. 		}\
  429. 		table.message-body td.message {\
  430. 			vertical-align: top;\
  431. 			width: 100%;\
  432. 		}\
  433. 		table.message-body td.userpic {\
  434. 			border-left: 2px solid #CFCFCF;\
  435. 			padding: 2px;\
  436. 			vertical-align: top;\
  437. 		}\
  438. 		table.message-body td.userpic div.userpic-holder {\
  439. 			width: 150px;\
  440. 			overflow: hidden;\
  441. 			text-align: center;\
  442. 		}\
  443. 		\
  444. 		/* quickpost nub */\
  445. 		.quickpost {\
  446. 			background: #CFCFCF;\
  447. 			position: fixed;\
  448. 			bottom: 0px;\
  449. 			right: 1px;\
  450. 			z-index: 10;\
  451. 		}\
  452. 		* html .quickpost {\
  453. 			display: none;\
  454. 		}\
  455. 		\
  456. 		.quickpost input {\
  457. 			margin-bottom: 0px;\
  458. 		}\
  459. 		\
  460. 		.quickpost-expanded .quickpost {\
  461. 			background-image: url('data:image/gif;base64,R0lGODlhBwAHAIABAJ2dnf///yH5BAEAAAEALAAAAAAHAAcAAAILTGCnhsj5oEszwgIAOw==');\
  462. 			background-position: 3px 2px;\
  463. 			background-repeat: no-repeat;\
  464. 			border-top: 1px solid #2E5A7F;\
  465. 			width: 100%;\
  466. 		}\
  467. 		\
  468. 		.quickpost-preview .message-container {\
  469. 			padding: 3px 0px;\
  470. 		}\
  471. 		\
  472. 		.quickpost-preview .quickpost-buttons {\
  473. 			padding-bottom: 12px;\
  474. 		}\
  475. 		\
  476. 		.quickpost .quickpost-nub {\
  477. 			position: absolute;\
  478. 			bottom: 0px;\
  479. 			right: 0px;\
  480. 			background: #DDE3Eb;\
  481. 			border: 1px solid #2E5A7F;\
  482. 			border-width: 1px 0px 0px 1px;\
  483. 			display: block;\
  484. 			text-align: center;\
  485. 			font-size: 15pt;\
  486. 			text-decoration: none;\
  487. 			line-height: 1em;\
  488. 			height: 1em;\
  489. 			width: 1em;\
  490. 		}\
  491. 		\
  492. 		.quickpost .quickpost-grip {\
  493. 			position: absolute;\
  494. 			left: 0px;\
  495. 			top: 0px;\
  496. 			width: 15px;\
  497. 			height: 15px;\
  498. 			text-decoration: none;\
  499. 		}\
  500. 		\
  501. 		.quickpost .quickpost-canvas {\
  502. 			height: 100%;\
  503. 			padding: 4px 10px 8px 10px;\
  504. 			overflow: auto;\
  505. 		}\
  506. 		\
  507. 		.quickpost .quickpost-body {\
  508. 			margin-right: 170px;\
  509. 		}\
  510. 		\
  511. 		.quickpost .has-upload-form .quickpost-body {\
  512. 			margin-right: 350px;\
  513. 		}\
  514. 		\
  515. 		.quickpost .quickpost-canvas textarea {\
  516. 			height: 280px;\
  517. 			margin: 4px 0px;\
  518. 			width: 100%;\
  519. 			resize: none;\
  520. 		}\
  521. 		\
  522. 		.quickpost .quickpost-canvas div.upload_form {\
  523. 			float: right;\
  524. 			margin-top: 10px;\
  525. 			width: 350px;\
  526. 		}\
  527. 		\
  528. 		.quickpost .quickpost-nub .close,\
  529. 		.quickpost .quickpost-canvas,\
  530. 		.quickpost .quickpost-grip,\
  531. 		.quickpost-preview .quickpost-body,\
  532. 		.quickpost-expanded .quickpost-nub .open {\
  533. 			display: none;\
  534. 		}\
  535. 		\
  536. 		.quickpost-expanded .quickpost-nub .close {\
  537. 			display: inline;\
  538. 		}\
  539. 		.quickpost-expanded .quickpost-canvas,\
  540. 		.quickpost-expanded .quickpost-grip {\
  541. 			display: block;\
  542. 		}\
  543. 		\
  544. 		/* pretty shadows */\
  545. 		.quoter-bottom {\
  546. 			height: 16px;\
  547. 			padding-left: 16px;\
  548. 			position: absolute;\
  549. 		}\
  550. 		\
  551. 		.quoter-bottom .quoter-hl {\
  552. 			background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAN5JREFUeNqEk90OgjAMhbuVERJJ/LnzAbgyvv+joYDOMynkWDEu+UK39Zx1XQgicgYduICrfTtb/zsCiKACNWjADrRgDw7gBI42b22/sfykZqRkVOJEpjWtl5xsPMGkVEW0JDVBonjJExNPxrBssIk3Y3E59WHiscAVeJNAsHg07uCmLpHJVPKTTh2K0Oi5PH4ZFmc6faDTCz2XqHT3pXE1vUii9fXqbBB+NLByc+6bhJyzBAwzia6pSpVFt//WewNxCd7Qv8xsMEdhq5n+ihzLeoUP1bfR1v+zjpcAAwD8CTQVcp++VQAAAABJRU5ErkJggg==') no-repeat;\
  553. 			position: absolute;\
  554. 			left: 0px;\
  555. 			top: 2px;\
  556. 			height: 14px;\
  557. 			width: 16px;\
  558. 		}\
  559. 		\
  560. 		.quoter-bottom .quoter-hr {\
  561. 			background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAYAAADwMZRfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPVJREFUeNp8VAEOgyAQw8X/f2Af2N+M2Wa2oCLeTlNIU3WXNAho6ZU7GzMLHE3TbAt3xxvoHR3GF9a+juiYHOkWzmNxZBpXh2EMeK6ntzhZYwYSiAoZE9VoHQ9sJnw4AjOhkDBRVdMivxUvFpIIjKQoCVHJwDaSgTbLyZHMG2HgcuJRVfLEZJGUotzCTGoOJD0mmVK6ImIlKxvbkVkLKZoA9ifJTR2UGHmTSNUkt5UlpepJoMVMqSXxim8nMMlAi0qUpXLzlScfZpUSL7gsNO+9vU6ikJhA+2blvilKJmkFO2ky06YrKvbOd5x1soU/YfL/+AkwAHjI1Km7v+MrAAAAAElFTkSuQmCC') no-repeat;\
  562. 			position: absolute;\
  563. 			right: -17px;\
  564. 			top: 0px;\
  565. 			height: 14px;\
  566. 			width: 17px;\
  567. 		}\
  568. 		\
  569. 		.quoter-bottom .quoter-hc {\
  570. 			background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAOCAYAAAD0f5bSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEdJREFUeNpiZGBg+M9AImAE4uVQmmjAAsRfSbUJpOkTOZrek6PpLTkBEUqOJidyNBmSo0mZHE3i5GjiI0cTOzmamEjVBBBgAF2DBp6DHQgQAAAAAElFTkSuQmCC') repeat-x;\
  571. 			height: 14px;\
  572. 			margin-top: 2px;\
  573. 			width: 100%;\
  574. 		}\
  575. 		\
  576. 		.quoter-right {\
  577. 			width: 13px;\
  578. 			padding-top: 13px;\
  579. 			position: absolute;\
  580. 		}\
  581. 		\
  582. 		.quoter-right .quoter-vt {\
  583. 			background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAQCAYAAADNo/U5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAOpJREFUeNp8kkkSgjAQRZMwCGo5rN27ce8B9EKe2isgYIgd+R2/lNhVr5KCft2ZjDHmINh/hBAME+MqlEIh5CAT3Jwc4yashKVQCwsU0QJuKsaPR6ESBsKDsew4Dpi/pRM6eOKJDh55AzoFG0Mmd+GCxJ7Gjgp4WsFoC2f8jImt8MC8oyIqhhztd0hucXLWfEL3ExSV9qjeQDKUxEuzehAxtjhmFfRAerqzdDAqbSZCi/0UGPmukrQmocMFNzOvI0k1CQ06FBAyFuLoMKmwp5KeEAtfnVQqZx6tpZwUjp5T9mMP+p+XZ14CDABXdFkIys3DVgAAAABJRU5ErkJggg==') no-repeat;\
  584. 			position: absolute;\
  585. 			left: 0px;\
  586. 			top: 0px;\
  587. 			height: 13px;\
  588. 			width: 16px;\
  589. 		}\
  590. 		\
  591. 		.quoter-right .quoter-vc {\
  592. 			background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAOCAYAAAD0f5bSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADVJREFUeNpiZGBg+A/Ec4H4ExC/B+K3QPwaSr+Hin8B4u9A/BOIfzMxkAFGNY1qGihNAAEGAKNpDB7LfXRNAAAAAElFTkSuQmCC') repeat-y;\
  593. 			height: 100%;\
  594. 			width: 13px;\
  595. 		}\
  596. 		\
  597. 		.quoter-button {\
  598. 			position: absolute;\
  599. 			right: 12px;\
  600. 			display: block;\
  601. 			background: #4B73AA;\
  602. 			border: 1px solid #2E5A7F;\
  603. 			border-width: 0px 1px 1px 1px;\
  604. 			color: #DDE3EB;\
  605. 			text-align: center;\
  606. 			font-family: 'Times New Roman';\
  607. 			font-size: 18px;\
  608. 			text-decoration: none;\
  609. 			line-height: 1.25em;\
  610. 			height: 1.2em;\
  611. 			width: 1.2em;\
  612. 			opacity: 0.75;\
  613. 			filter:alpha(opacity=75);\
  614. 		}\
  615. 		\
  616. 		.quoter-button:hover {\
  617. 			opacity: 100;\
  618. 			filter: none;\
  619. 		}\
  620. 		\
  621. 		a.quoter-button:visited {\
  622. 			color: #DDE3EB}\
  623. 		\
  624. 		.quoter-button sub,\
  625. 		.quoter-button sup {\
  626. 			position: relative;\
  627. 			vertical-align: middle;\
  628. 		}\
  629. 		\
  630. 		.quoter-button sub {\
  631. 			top: 1px;\
  632. 		}\
  633. 		.quoter-button sup {\
  634. 			top: -1px;\
  635. 		}\
  636. 		\
  637. 		/* new stuff below here */\
  638. 		/* Mac system fonts */\
  639. 		@font-face {\
  640. 			font-family: Chicago;\
  641. 			src: url('http://static.endoftheinter.net/style/chicago.ttf');\
  642. 		}\
  643. 		\
  644. 		@font-face {\
  645. 				font-family: 'Chicago Bold';\
  646. 				src: url('http://static.endoftheinter.net/style/chicaco-bold.ttf');\
  647. 		}\
  648. 		\
  649. 		* {\
  650. 				font-family: 'Chicago', 'Monaco', 'Consolas', 'Courier', Monospace !important;\
  651. 		}\
  652. 		\
  653. 		textarea, input[type='text'], .message, .quoted-message {\
  654. 				font-family: 'Monaco', 'Consolas', 'Courier', Monospace !important;\
  655. 		}\
  656. 		\
  657. 		\
  658. 		div.scanline-overlay {\
  659. 			position: fixed;\
  660. 			top: 0px;\
  661. 			left: 0px;\
  662. 			width: 100%;\
  663. 			height: 100%;\
  664. 			pointer-events: none;\
  665. 			background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.05) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100% );\
  666. 			background-size: 100% 2px;\
  667. 		}\
  668. 		\
  669. 		body {\
  670. 			background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAUSURBVBhXY2BgYPj//z8ICwsLAwAqVgY0vYzMYAAAAABJRU5ErkJggg==);\
  671. 			background-repeat: repeat;\
  672. 		}\
  673. 		\
  674. 		div.menubar {\
  675. 			position: fixed;\
  676. 			top: 0;\
  677. 			left: 0;\
  678. 			right: 0;\
  679. 			margin: 0;\
  680. 			z-index: 10;\
  681. 			padding: 0;\
  682. 			border-top-left-radius: 5px;\
  683. 			border-top-right-radius: 5px;\
  684. 			border-bottom: 1px solid black;\
  685. 			background-color: white;\
  686. 			overflow: hidden;\
  687. 			height: 19px;\
  688. 		}\
  689. 		\
  690. 		div.menubar a {\
  691. 			float: left;\
  692. 			border-style: none;\
  693. 			font-size: 12px;\
  694. 			margin-left: 4px;\
  695. 			padding: 2px 6px;\
  696. 			text-decoration: none;\
  697. 		}\
  698. 		\
  699. 		div.menubar a.menu-user {\
  700. 			float: right;\
  701. 			margin-right: 12px;\
  702. 		}\
  703. 		\
  704. 		div.menubar a:hover {\
  705. 			color: white;\
  706. 			background-color: black;\
  707. 		}\
  708. 		\
  709. 		div.menubar a.menu-home {\
  710. 			background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAABsSURBVDhPpVIBCgAhCGv9/8/dGQSel26RECS0tU0x3moX1S+wE0oJADQ7WZUEC1i5pApYRIgherkGjn208lEQvbJeCnH9aGp2dmgGbMwyQTZOmUDaAzYyKQP/KLt7Nb89YKGVe3AKPtqDjPwBUWotD1ZOYeoAAAAASUVORK5CYII=);\
  711. 			background-position: 8px 2px;\
  712. 			background-repeat: no-repeat;\
  713. 			margin-left: 12px;\
  714. 			width: 20px;\
  715. 			height: 16px;\
  716. 		}\
  717. 		div.menubar-background {\
  718. 			background-color: black;\
  719. 			position: fixed;\
  720. 			top: 0px;\
  721. 			left: 0px;\
  722. 			right: 0px;\
  723. 			height: 7px;\
  724. 		}\
  725. 		\
  726. 		div.menubar a:hover.menu-home {\
  727. 			background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAABvSURBVDhPrZOBCsAgCER1///PNmPBZalLCoSi3nVqMRHJG+XxlMkPTAVEhDS8EQoMkJlrAkpFcN+3RUS7Ctu1tTIJRLkO0DpKi4jgLp3fAqUuIOS1866DtGWb97A4QBFvjqkt7+D0b9ytwenter4Bm6kcJcjtzaAAAAAASUVORK5CYII=);\
  728. 			background-color: black;\
  729. 		}\
  730. 		\
  731. 		div.userbar, div.pager {\
  732. 			margin: 0px;\
  733. 			background: white;\
  734. 			padding: 8px 0px 4px 0px;\
  735. 			text-align: center;\
  736. 		}\
  737. 		\
  738. 		div.userbar {\
  739. 			font-weight: bold;\
  740. 			font-size: 14px;\
  741. 		}\
  742. 		\
  743. 		div.pager {\
  744. 			font-size: 10px;\
  745. 		}\
  746. 		\
  747. 		div.window-header {\
  748. 			background-color: white;\
  749. 			background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAACgAAAAARCAYAAAARrvWoAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAAOQSURBVHhe7d1BDoQwCABA8f9/7rYeNzG2GmMI0zMiHTwSjNbP5hAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQKpBPZU1SqWAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQOAQMAPoQCBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIBAQoHoNZ/+Anj8HThihMyd1fi5rKIIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgACBf4HoQ3unA4AjeAwAXoQcOWfjtIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBB4LjC1AXBlAHBlY+Dz8mUgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQI1BWwArNl3tyZAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgACB5AI2ACZvoPIJECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAoKaADYA1++7WBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIJBcwAbA5A1UPgECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAjUFLABsGbf3ZoAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIEkgvYAJi8gconQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAgZoCNgDW7LtbEyBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgEBygakNgLN3bK1tESOlQ4AAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECLwpcLkB8M2Xy02AAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAjcE9jvPeYpAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBA4EsBA4Bf6ns3AQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBC4KfADiC1v9Gjs11oAAAAASUVORK5CYII=);\
  750. 			background-position: 0px 1px;\
  751. 			background-repeat: no-repeat;\
  752. 			border-top: 1px solid black;\
  753. 			border-bottom: 1px solid black;\
  754. 			font-size: 12px;\
  755. 			margin-top: 24px;\
  756. 			padding: 0px;\
  757. 			text-align: center;\
  758. 			height: 19px;\
  759. 		}\
  760. 		div.window-header span.window-header-title {\
  761. 			display: inline-block;\
  762. 			background-color: white;\
  763. 			font-size: 12px;\
  764. 			padding: 0px 7px;\
  765. 			margin-top: 1px;\
  766. 		}\
  767. 		div.window-header div.window-header-right {\
  768. 			background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAALCAYAAACd1bY6AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAABXSURBVDhPY/wPBIyMjAzEAqByBlzqGWGGgRShA5AmZHF0Prp6JmJdhKwOZCg2TJZhINdiw2QZRheXwSMAV9hhiwCyYpNQ7NI0NvGmM1JdRjDM0A3ElwMAgq5dFPt3n/8AAAAASUVORK5CYII=);\
  769. 			background-repeat: no-repeat;\
  770. 			background-position: 100% 4px;\
  771. 			width: 20px;\
  772. 			height: 17px;\
  773. 			float: right;\
  774. 		}\
  775. 		\
  776. 		div.userbar, div.infobar, .message-container, div.pager, table.grid {\
  777. 			border-top: 1px solid black;\
  778. 			border-bottom: 1px solid black;\
  779. 			margin-top: 2px;\
  780. 		}\
  781. 		\
  782. 		div.window-shadow {\
  783. 			border-left: 1px solid black;\
  784. 			border-right: 1px solid black;\
  785. 			box-shadow: black 1px 1px 0px 0px;\
  786. 			margin-bottom: 4px;\
  787. 			background-color: white;\
  788. 		}\
  789. 		\
  790. 		.userbar a {\
  791. 			border-radius: 4px;\
  792. 			border: 1px solid black;\
  793. 			padding: 2px 8px 0px 8px;\
  794. 			text-decoration: none;\
  795. 			font-size: 11px;\
  796. 			margin: 2px 6px;\
  797. 		}\
  798. 		\
  799. 		.userbar a:active {\
  800. 			background-color: black;\
  801. 			color: white;\
  802. 		}\
  803. 		\
  804. 		.infobar {\
  805. 			border-top: 1px solid black;\
  806. 			font-family: Geneva, sans-serif;\
  807. 			font-size: 11px;\
  808. 			margin: 0;\
  809. 			padding-left: 8px;\
  810. 			background: white;\
  811. 		}\
  812. 		\
  813. 		tr.zebra_0 {\
  814. 			background-color: white;\
  815. 		}\
  816. 		tr.zebra_1 {\
  817. 			background-color: #eee;\
  818. 		}\
  819. 		.memcache, .mysql {\
  820. 			background-color: white;\
  821. 		}\
  822. 		\
  823. 		div.stats {\
  824. 			background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAATCAAAAAC8DNITAAAC92lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAACjPY2BgnuDo4uTKJMDAUFBUUuQe5BgZERmlwH6egY2BmQEMEpOLCxwDAnxA7Lz8vFQGVMDIwPDtGohkYLisCzKLgTTAmgy0GEgfAGKjlNTiZCD9BYjTy0sKgOKMMUC2SFI2mF0AYmeHBDkD2S0MDEw8JakVIL0MzvkFlUWZ6RklCoaWlpYKjin5SakKwZXFJam5xQqeecn5RQX5RYklqSlAtVA7QIDXJb9EwT0xM0/ByECVgcoAFI4QFiJ8EGIIkFxaVAYPSgYGAQYFBgMGB4YAhkSGeoYFDEcZ3jCKM7owljKuYLzHJMYUxDSB6QKzMHMk80LmNyyWLB0st1j1WFtZ77FZsk1j+8Yezr6bQ4mji+MLZyLnBS5Hri3cmtwLeKR4pvIK8U7iE+abxi/Dv1hAR2CHoKvgFaFUoR/CvSIqIntFw0W/iE0SNxK/IlEhKSd5TCpfWlr6hEyZrLrsLbk+eRf5PwpbFQuV9JTeKq9VKVA1Uf2pdlC9SyNUU0nzg9YB7Uk6qbpWeoJ6r/SPGCwwrDWKMbY1kTdlNn1pdsF8p8USywlWdda5NnG2gXau9tYOxo46TmrOSi4KrvJuCu7KHuqeul4m3jY+7r7Bfgn++QH1gRODlgbvCrkY+jKcKUIu0ioqIroiZmbsnrgHCWyJuklhyQ0pa1JvpnNkWGRmZs3NvpjLnmefX1GwqfBdsXZJVumqsjcV+pUlVbtqGGu96qbWP2zUa6ppPtsq11bYfrRTuquo+3Sval9j/92JNpNmT/47NX7a4RkaM/tnfZ+TMPf0fPMFSxeJLG5d8m1Z5vJ7K0NWnV7jsnbfessN2zaZbN6y1WTb9h1WO/fvdt1zdl/Y/gcHcw79PNJ+TPz4ipPWp86dST776/yki9qXjl5JvPrv+pybNrfu3qm/p3z/xMO8x2JP9j/LfCHy8uDr/Lfy7y58aPpk+vnV1wXfw38K/Dr1p/Wf4///AA0ADzRT2wXrAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAJcEhZcwAADsIAAA7CARUoSoAAAABFSURBVBjTvZAxDgAgCAPPQYn+/781UYiRxc1uHC0JBeTCpQvozNrbBXgC/QFUaLcDKwkwsqPvR4kT1f8+EfMIqZ1oKAAT5R+8gmgbHMwAAAAASUVORK5CYII=');\
  825. 			background-repeat: no-repeat;\
  826. 			border: 1px solid black;\
  827. 			border-radius: 4px;\
  828. 			background-color: white;\
  829. 			height: 19px;\
  830. 			padding-left: 20px;\
  831. 			padding-right: 8px;\
  832. 			display: inline-block;\
  833. 		}\
  834. 		div.stats small {\
  835. 			position: relative;\
  836. 			top: 2px;\
  837. 		}\
  838. 		\
  839. 		div.sticky {\
  840. 			background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAATCAAAAAC8DNITAAAC92lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAACjPY2BgnuDo4uTKJMDAUFBUUuQe5BgZERmlwH6egY2BmQEMEpOLCxwDAnxA7Lz8vFQGVMDIwPDtGohkYLisCzKLgTTAmgy0GEgfAGKjlNTiZCD9BYjTy0sKgOKMMUC2SFI2mF0AYmeHBDkD2S0MDEw8JakVIL0MzvkFlUWZ6RklCoaWlpYKjin5SakKwZXFJam5xQqeecn5RQX5RYklqSlAtVA7QIDXJb9EwT0xM0/ByECVgcoAFI4QFiJ8EGIIkFxaVAYPSgYGAQYFBgMGB4YAhkSGeoYFDEcZ3jCKM7owljKuYLzHJMYUxDSB6QKzMHMk80LmNyyWLB0st1j1WFtZ77FZsk1j+8Yezr6bQ4mji+MLZyLnBS5Hri3cmtwLeKR4pvIK8U7iE+abxi/Dv1hAR2CHoKvgFaFUoR/CvSIqIntFw0W/iE0SNxK/IlEhKSd5TCpfWlr6hEyZrLrsLbk+eRf5PwpbFQuV9JTeKq9VKVA1Uf2pdlC9SyNUU0nzg9YB7Uk6qbpWeoJ6r/SPGCwwrDWKMbY1kTdlNn1pdsF8p8USywlWdda5NnG2gXau9tYOxo46TmrOSi4KrvJuCu7KHuqeul4m3jY+7r7Bfgn++QH1gRODlgbvCrkY+jKcKUIu0ioqIroiZmbsnrgHCWyJuklhyQ0pa1JvpnNkWGRmZs3NvpjLnmefX1GwqfBdsXZJVumqsjcV+pUlVbtqGGu96qbWP2zUa6ppPtsq11bYfrRTuquo+3Sval9j/92JNpNmT/47NX7a4RkaM/tnfZ+TMPf0fPMFSxeJLG5d8m1Z5vJ7K0NWnV7jsnbfessN2zaZbN6y1WTb9h1WO/fvdt1zdl/Y/gcHcw79PNJ+TPz4ipPWp86dST776/yki9qXjl5JvPrv+pybNrfu3qm/p3z/xMO8x2JP9j/LfCHy8uDr/Lfy7y58aPpk+vnV1wXfw38K/Dr1p/Wf4///AA0ADzRT2wXrAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAJcEhZcwAADsIAAA7CARUoSoAAAABFSURBVBjTvZAxDgAgCAPPQYn+/781UYiRxc1uHC0JBeTCpQvozNrbBXgC/QFUaLcDKwkwsqPvR4kT1f8+EfMIqZ1oKAAT5R+8gmgbHMwAAAAASUVORK5CYII=');\
  841. 			background-repeat: no-repeat;\
  842. 			background-position: 0px -1px;\
  843. 			border-radius: 4px;\
  844. 			border: 1px solid black;\
  845. 			height: 17px;\
  846. 			padding-left: 20px;\
  847. 			padding-right: 8px;\
  848. 			display: inline-block;\
  849. 		}\
  850. 	";
  851. GM_addStyle(css);
  852.  
  853. //reads a cookie registered for the local domain
  854. function readCookie(name){
  855. 	var	nameEQ=name+"=";
  856. 	var	ca=document.cookie.split(';');
  857. 	for(var i=0;i<ca.length;i++){
  858. 		var	c=ca[i];
  859. 		if(c.indexOf(" ")==0)c=c.substring(1);
  860. 		if(c.indexOf(nameEQ)==0)return c.substring(nameEQ.length,c.length);
  861. 	}
  862. 	return null;
  863. }
  864.  
  865. //disable luelinks stylesheet
  866. for(var i=0;(l=document.getElementsByTagName("link")[i]);i++)
  867. 	if(l.getAttribute("rel").indexOf("style")>=0)
  868. 		l.disabled=true;
  869.  
  870. //turn infobars into pagers
  871. var infobars=document.getElementsByClassName('infobar');
  872. for(var i=infobars.length-1;i>=0;i--)
  873. 	if(!infobars[i].textContent.match(/There (is|are) currently \d+/))
  874. 		infobars[i].className='pager';
  875.  
  876. //do shit with the menubar There is currently 1 person reading this board
  877. var menubar=document.getElementsByClassName('menubar')[0];
  878. var menubarBackground=document.createElement('div');
  879. menubarBackground.className='menubar-background';
  880. menubarBackground.textContent='\n';
  881. menubar.parentNode.insertBefore(menubarBackground,menubar);
  882. var menubarItems=[];
  883. var menuLinks=menubar.getElementsByTagName('a');
  884. for(var i=0;i<menuLinks.length;i++){
  885. 	if(menuLinks[i].textContent=='Home'){
  886. 		menubarItems[0]=menuLinks[i];
  887. 		menubarItems[0].className='menu-home';
  888. 		menubarItems[0].innerHTML='';
  889. 	}
  890. 	else if(menuLinks[i].textContent=='Boards')
  891. 		menubarItems[1]=menuLinks[i];
  892. 	else if(menuLinks[i].textContent=='Archives')
  893. 		menubarItems[2]=menuLinks[i];
  894. 	else if(menuLinks[i].textContent=='Wiki')
  895. 		menubarItems[3]=menuLinks[i];
  896. 	else if(menuLinks[i].textContent=='Stats')
  897. 		menubarItems[4]=menuLinks[i];
  898. 	else if(menuLinks[i].textContent=='User List')
  899. 		menubarItems[5]=menuLinks[i];
  900. 	else if(menuLinks[i].textContent=='Logout')
  901. 		menubarItems[6]=menuLinks[i];
  902. 	else if(menuLinks[i].textContent=='Help')
  903. 		menubarItems[8]=menuLinks[i];
  904. }
  905. menubarItems[7]=document.getElementById('userbar_pms');
  906. if(menubarItems[7])
  907. 	menubarItems[9]=menubarItems[7].previousElementSibling;
  908. else{
  909. 	menubarItems[9]=document.createElement('a');
  910. 	menubarItems[9].href='//endoftheinter.net/profile.php?user='+readCookie('userid');
  911. 	menubarItems[9].textContent=GM_getValue('username','Profile');
  912. 	if(menubarItems[9].textContent=='Profile'&&document.getElementById('userbar_pms'))
  913. 		menubarItems[9].textContent=menubarItems[7].previousElementSibling.textContent;
  914. }
  915. GM_setValue('username',menubarItems[9].textContent);
  916. menubarItems[9].className='menu-user';
  917. for(var i=0;i<menubarItems.length;i++)
  918. 	if(menubarItems[i]&&menubarItems[i].parentNode)
  919. 		menubarItems[i].parentNode.removeChild(menubarItems[i]);
  920. menubar.innerHTML='';
  921. for(var i=0;i<menubarItems.length;i++)
  922. 	if(menubarItems[i])
  923. 		menubar.appendChild(menubarItems[i]);
  924.  
  925. //do shit with page stats
  926. var smalls=document.getElementsByTagName('small');
  927. for(var i=0;i<smalls.length;i++)
  928. 	if(smalls[i].textContent.match(/Time Taken: [\d\.]+s sqlly stuff: /))
  929. 		stats=smalls[i];
  930. if(stats){
  931. 	var statsWrapper=document.createElement('div');
  932. 	statsWrapper.className='stats';
  933. 	stats.parentNode.insertBefore(statsWrapper,stats);
  934. 	stats.parentNode.removeChild(stats);
  935. 	statsWrapper.appendChild(stats);
  936. }
  937.  
  938. //do shit with the page title/window
  939. var h1=document.getElementsByTagName('h1')[0];
  940. var h2=document.getElementsByTagName('h2')[0]?document.getElementsByTagName('h2')[0]:h1;
  941. var title=(h1?h1.textContent:'')+(h2!==h1?' > '+h2.textContent:'');
  942. var shadow=document.createElement('div');
  943. shadow.className='window-shadow';
  944. var header=document.createElement('div');
  945. header.className='window-header';
  946. header.innerHTML='<span class="window-header-title">'+title+'</span><div class="window-header-right"></div>';
  947. var body=h1.parentNode;
  948. body.insertBefore(shadow,h1);
  949. shadow.appendChild(header);
  950. while(!(h2.nextSibling.tagName=='BR'&&h2.nextSibling.nextSibling.tagName=='BR'&&(h2.nextSibling.nextSibling.nextSibling==statsWrapper||h2.nextSibling.nextSibling.nextSibling.tagName=='SMALL'))){
  951. 	var child=h2.nextSibling;
  952. 	body.removeChild(child);
  953. 	shadow.appendChild(child);
  954. }
  955. body.removeChild(h1);
  956. if(h2!==h1)
  957. 	body.removeChild(h2);
  958.  
  959. //do shit with stickys
  960. if(location.pathname=='/showtopics.php'){
  961. 	rows=document.getElementsByClassName('grid')[0].rows;
  962. 	for(var i=1;i<rows.length;i++){
  963. 		if(rows[i].cells[0].lastChild.firstChild&&rows[i].cells[0].lastChild.firstChild.firstChild.tagName=='B'){
  964. 			unsafeWindow.console.log(rows[i]);
  965. 			var sticky=document.createElement('div');
  966. 			sticky.className='sticky';
  967. 			var b=rows[i].cells[0].lastChild.firstChild.firstChild;
  968. 			b.parentNode.insertBefore(sticky,b);
  969. 			b.parentNode.removeChild(b);
  970. 			sticky.appendChild(b);
  971. 		}
  972. 	}
  973. }
  974.  
  975. //fix shit on the userbar
  976. var userbar=document.getElementsByClassName('userbar')[0];
  977. if(userbar){
  978. 	for(var i=userbar.childNodes.length-1;i>=0;i--)
  979. 		if(!userbar.childNodes[i].tagName||userbar.childNodes[i].textContent=='Help')
  980. 			userbar.removeChild(userbar.childNodes[i]);
  981. 	if(userbar.childNodes.length==0)
  982. 	userbar.parentNode.removeChild(userbar);
  983. }
  984.  
  985. //zebra time
  986. if(document.getElementsByClassName('grid')){
  987. 	var rows=document.getElementsByClassName('grid')[0].rows;
  988. 	for(var i=1;i<rows.length;i++){
  989. 		if(i%2==1)
  990. 			rows[i].className='zebra_0';
  991. 		else
  992. 			rows[i].className='zebra_1';
  993. 	}
  994. }
  995.  
  996.  
  997. //-----Improved version
  998. //fuck with scrollbar
  999. //transparency for the icon images
  1000. //figure out how to have the textured background while still using a background color
  1001. //allow the use of theme colors with applelinks
  1002. //make text in the pager bigger
  1003.  
  1004. //MODULES
  1005. //topic title on message top
  1006. //dramalinks
  1007. //better profile link
  1008. //a bunch of links for the menubar
  1009. //applelinks color scheme