Advertisement
btwilysfm

newgh

Jun 16th, 2017
151
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 132.94 KB | None | 0 0
  1. <style>
  2. td a img, .sf, .smallfont, .mbn {
  3. display: none;
  4. }
  5. table {
  6. background: none;
  7. }
  8. #main {
  9. background: 0px;
  10. border: none;
  11. margin-left: 0px;
  12. margin-top: -150px;
  13. width: 139px;
  14. height: 600px;
  15. }
  16. .sidebar, #header, #footer, .contentheader, .bt, center font b {
  17. display: none;
  18. }
  19. body {
  20. background: url("http://i.imgur.com/hXObaqN.png");
  21. }
  22. body, div, table {
  23. font: 8.6pt arial;
  24. line-height: 13pt;
  25. letter-spacing: 1px;
  26. color: #f8f8fa;
  27. text-align: justify;
  28. overflow: hidden;
  29. }
  30. a:link, a:active, a:visited {
  31. text-decoration: none;
  32. color: #638460;
  33. font-weight: bold;
  34. }
  35. a:hover {
  36. color: #656f48;
  37. }
  38. a.nav:link, a.nav:visited, a.nav:active {
  39. color: #fff;
  40. font-size: 18pt;
  41. font-weight: bold;
  42. margin-left: 10px;
  43. margin-right: 10px;
  44. letter-spacing: -2px;
  45. text-transform: uppercase;
  46. }
  47. a.nav:hover {
  48. color: #367587;
  49. font-style: italic;
  50. }
  51. i {
  52. color: #8bab66;
  53. }
  54. b {
  55. color: #97bbea;
  56. }
  57. #links {
  58. background: url("http://i.imgur.com/OCXvJTz.png");
  59. width: 100%;
  60. top: 0px;
  61. left: 0px;
  62. height: auto;
  63. padding: 8px;
  64. }
  65. #whole {
  66. overflow: hidden;
  67. left: 280px;
  68. top: 100px;
  69. width: 100%;
  70. height: 600px;
  71. }
  72. #top {
  73. background: url("http://i.imgur.com/Nko6N7C.png");
  74. background-repeat: no-repeat;
  75. width: 900px;
  76. height: 600px;
  77. overflow: hidden;
  78. margin-bottom: 1000px;
  79. }
  80. #blog {
  81. background: url("http://i.imgur.com/OCXvJTz.png");
  82. width: 860px;
  83. height: 570px;
  84. overflow: auto;
  85. margin-bottom: 1000px;
  86. padding: 5px;
  87. border: 10px solid #367587;
  88. }
  89. h1 {
  90. font-family: arial;
  91. font-size: 14px;
  92. color: #367587;
  93. text-transform: uppercase;
  94. font-weight: normal;
  95. text-align: center;
  96. letter-spacing: -1px;
  97. }
  98. h2 {
  99. color: #367587;
  100. font-family: helvetica;
  101. font-size: 9pt;
  102. text-align: left;
  103. font-weight: bold;
  104. letter-spacing: 3px;
  105. text-transform: uppercase;
  106. padding-right: 15px;
  107. padding-left: 15px;
  108. padding-top: 3px;
  109. padding-bottom: 2px;
  110. border-left: 5px #3a59b5 solid;
  111. }
  112. h3 {
  113. color: #367587;
  114. font-family: helvetica;
  115. font-size: 15pt;
  116. text-align: left;
  117. font-weight: bold;
  118. letter-spacing: 3px;
  119. text-transform: uppercase;
  120. padding-right: 15px;
  121. padding-left: 15px;
  122. padding-top: 3px;
  123. padding-bottom: 2px;
  124. border-left: 10px #fff solid;
  125. }
  126. h4 {
  127. color: #367587;
  128. font-family: helvetica;
  129. font-size: 15pt;
  130. background: #fff;
  131. text-align: right;
  132. font-weight: bold;
  133. letter-spacing: 5px;
  134. text-transform: lowercase;
  135. padding-right: 25px;
  136. padding-left: 25px;
  137. padding-top: 5px;
  138. padding-bottom: 2px;
  139. border-bottom: 4px #367587 solid;
  140. }
  141. h5 {
  142. color: #367587;
  143. font-family: helvetica;
  144. font-size: 15pt;
  145. text-align: center;
  146. font-weight: bold;
  147. letter-spacing: 3px;
  148. text-transform: uppercase;
  149. padding-right: 15px;
  150. padding-left: 15px;
  151. padding-top: 3px;
  152. padding-bottom: 2px;
  153. }
  154. blockquote {
  155. color: #323232;
  156. background-color: #fff;
  157. padding: 10px;
  158. font-family: tahoma;
  159. font-size: 11px;
  160. text-transform: none;
  161. font-weight: normal;
  162. border: 2px #367587 solid;
  163. }
  164. .hoh {
  165. color: #323232;
  166. float: left;
  167. width: 185px;
  168. padding: 5px;
  169. background-color: #fff;
  170. margin: 5px;
  171. height: 450px;
  172. display: inline-block;
  173. overflow: hidden;
  174. border: #fff 2px solid;
  175. }
  176. .updates {
  177. color: #323232;
  178. width: 430px;
  179. padding: 5px;
  180. display: inline-block;
  181. overflow: auto;
  182. }
  183. .challenge {
  184. color: #323232;
  185. float: right;
  186. width: 185px;
  187. padding: 5px;
  188. background-color: #fff;
  189. margin: 5px;
  190. height: 450px;
  191. display: inline-block;
  192. overflow: hidden;
  193. border: #ecc320 2px solid;
  194. }
  195. .activity {
  196. color: #f8f8fa;
  197. background-color: #29476c;
  198. padding: 1px;
  199. text-align: center;
  200. border-top: 1px #f8f8fa solid;
  201. border-bottom: 1px #97bbea solid;
  202. }
  203. .buttons {
  204. width: 100%;
  205. text-align: center;
  206. }
  207. .banners {
  208. width: 100%;
  209. text-align: center;
  210. }
  211. .fonts {
  212. width: 100%;
  213. text-align: center;
  214. }
  215. textarea {
  216. color: #151515;
  217. background-color: #3a59b5;
  218. width: 88px;
  219. height: 25px;
  220. font-size: 10px;
  221. overflow: hidden;
  222. border: 1px solid -blocked-;
  223. }
  224. .petpages textarea, .petpages td img, .userlookups textarea, .userlookups td img {
  225. width: 415px;
  226. height: 190px;
  227. }
  228. </style><div id="links" style="position: fixed;">
  229. <a href="#one" class="nav">Calendar</a> <a href="#two" class="nav">Activites</a> <a href="#three" class="nav">Graphics</a> <a href="#four" class="nav">Fonts</a> <a href="/" class="nav">Liquid Luck</a> <a href="/" class="nav">Express</a> <div style="float: right; margin-right: 20px;"><a href="#clear" class="nav">x</a></div>
  230. </div>
  231.  
  232. <div id="whole" style="position: absolute;"><a name="clear"></a><div id="top"></div>
  233.  
  234. <a name="one"></a><div id="blog" style="margin-top: 150px;">
  235.  
  236. <div class="hoh"><h2>July Events in Liquid Luck</h2> <b>July 10-16</b><br>
  237. Wizard Game Reaping!<br><b>July 17-23</b><br>The first task!<br><b>July 24-30</b><br>The Yule Ball<br>
  238.  
  239. <h2>August Events in Liquid Luck</h2> <b>July 31-August 6</b><br>The second task!<br><b>August 7-13</b><br>The final task!<br><b>August 26</b><br>Max Out Day!</div>
  240.  
  241. <div class="updates"><h3>Recent Guild Mailers</h3>
  242.  
  243. <blockquote><b>06/14</b>: Hello everyone! I know a lot of you are having fun and playing games for the Altador Cup, but I just wanted to be sure to remind you that next week starting on June 21st, House Pride Days are going to start. Gryffindor is the 21st, Hufflepuff is the 22nd, Ravenclaw is the 23rd, and Slytherin will be the 24th.
  244. Get on during your day to check out your new common room AND message us on the guild board for a special surprise ranging from a boatload of house points and sickles to Elle drawing your neopet for you, with a healthy dash of Auto-Seeker in between!!!<br>
  245. Hope you have a wonderful week!</blockquote>
  246.  
  247. </div>
  248.  
  249. <div class="challenge"><h2>Our July Birthdays</h2>
  250. <a href="http://www.neopets.com/randomfriend.phtml?user=tamiramcduck">Char - 20th</a>, <a href="http://www.neopets.com/randomfriend.phtml?user=anime_crazzzed">Mary - 22nd</a>, <a href="http://www.neopets.com/randomfriend.phtml?user=abcsnowfall">Lark - 22nd</a>, and <a href="http://www.neopets.com/randomfriend.phtml?user=lordvoldemort">Ashley - 29th</a>
  251.  
  252. <h2>5 month anniversaries</h2>
  253. <a href="http://www.neopets.com/randomfriend.phtml?user=hemiparesis">Deckland</a> and <a href="http://www.neopets.com/randomfriend.phtml?user=crystal_6_6_6">Tasma</a>
  254.  
  255. <h2>1 year anniversaries</h2>
  256. None this month!
  257.  
  258. <h2>2 year anniversaries</h2>
  259. <a href="http://www.neopets.com/randomfriend.phtml?user=urawolff">Erin</a>
  260.  
  261. <h2>3 year anniversaries</h2>
  262. <a href="http://www.neopets.com/randomfriend.phtml?user=pandorah630">Tasha</a>, <a href="http://www.neopets.com/randomfriend.phtml?user=_redbull">Sara</a>, <a href="http://www.neopets.com/randomfriend.phtml?user=great_great_nate">Nate (nugget)</a>, and <a href="http://www.neopets.com/randomfriend.phtml?user=xharryxpotterxluverx">Bloom</a>
  263. </div></div>
  264.  
  265. <a name="two"></a><div id="blog">
  266. <center><div style="width: 700px; text-align: justify;">
  267. <h4>Great Hall Activities</h4>
  268. Here you'll find all of our guild-wide activities! Anything can be submitted to <a href="http://www.neopets.com/userlookup.phtml?user=lakingga">Mae Marie</a>.
  269. Activities on this page can be done by any member of the guild besides the council and suc-council. And can be done every day. You can put multiple submissions in one neomail.<br><br>
  270.  
  271. <h2>Dueling Decks</h2>
  272. <div style="width: 100px; height: 120px; overflow: hidden; text-align: left; float: left;">
  273. <a id="decks" class="nav2" href="#monday">Monday</a>
  274. <a class="nav2" href="#tuesday">Tuesday</a>
  275. <a class="nav2" href="#wednesday">Wednesday</a>
  276. <a class="nav2" href="#thursday">Thursday</a>
  277. <a class="nav2" href="#friday">Friday</a><br>
  278. <a class="nav2" href="#saturday">Saturday</a>
  279. <a class="nav2" href="#sunday">Sunday</a><br><br><br><a href="#decks"><img id="monday" src="http://i.imgur.com/iRlruEZ.png" border="0"></a><br><br><a href="#decks"><img id="tuesday" src="http://i.imgur.com/UTCuoOj.png" border="0"></a><br><br><a href="#decks"><img id="wednesday" src="http://i.imgur.com/Hkdba9y.png" border="0"></a><br><br><a href="#decks"><img id="thursday" src="http://i.imgur.com/0Ydx9Ws.png" border="0"></a><br><br><a href="#decks"><img id="friday" src="http://i.imgur.com/SiMt4IR.png" border="0"></a><br><br><a href="#decks"><img id="saturday" src="http://i.imgur.com/GyV9gbP.png" border="0"></a><br><br><a href="#decks"><img id="sunday" src="http://i.imgur.com/VgKHQpL.png" border="0"></a>
  280. </div>
  281. To the left, click the day today is. You'll be given a card featuring a Harry Potter character. We also have a card, which changes each day (but not on the same schedule as yours - we can't tell you which card we're using). Our card will never be the same one as yours. Your job is to choose a quality - courage, diligence, wisdom, or cunning - to battle against our card with. You may do this activity once per week. If the number on the quality you chose on your card is higher than the one of the same quality on our card, you win the duel! You will earn <b>15 house points and 10 sickles</b> for playing a card. Winning will give you a <b>bonus of the difference in quality points.</b> So, if you play Snape's 7 cunning against Lupin's 5, you'll earn a bonus of 2HP on top of the first 15 points.
  282.  
  283. <br><h2>Gobstones!</h2>
  284. You're playing a game of Gobstones with some other members and there are seven Gobstones left in the circle. You have a one-in-seven chance of hitting one outside of the circle, so choose wisely. Do you wish to choose a Gobstone? You may submit your choice for <b>10 house points and 10 sickles</b> - choosing the correct one will earn you <b>10 extra house points!</b><br><div class="activity">red, orange, yellow, green, blue, purple, or pink?</div>
  285.  
  286.  
  287. <br><h2>Wizard's Chess!</h2>
  288. Simply click any of the following Wizard's Chess pieces and send in the neomail with the set subject. The message can say anything (perhaps your other activity submissions?). We'll respond telling you how many points you've earned from this activity. <b>You will receive 10 house point sand 10 sickles for guessing, if you guess correctly, you will receive 10 extra house points.</b><br><center>
  289. <br><table width="100%"><tr><th><a href="/neomessages.phtml?type=send&recipient=lakingga&subject=McGonagall" class="chess">♔</a></th>
  290. <th><a href="/neomessages.phtml?type=send&recipient=lakingga&subject=Hagrid" class="chess">♕</a></th>
  291. <th><a href="/neomessages.phtml?type=send&recipient=lakingga&subject=Flitwick" class="chess">♖</a></th>
  292. <th><a href="/neomessages.phtml?type=send&recipient=lakingga&subject=Snape" class="chess">♗</a></th>
  293. <th><a href="/neomessages.phtml?type=send&recipient=lakingga&subject=Slughorn" class="chess">♘</a></th>
  294. <th><a href="/neomessages.phtml?type=send&recipient=lakingga&subject=Lupin" class="chess">♙</a></th><th><a href="/neomessages.phtml?type=send&recipient=lakingga&subject=Binns" class="chess">♚</a></th>
  295. <th><a href="/neomessages.phtml?type=send&recipient=lakingga&subject=Lockhart" class="chess">♛</a></th>
  296. <th><a href="/neomessages.phtml?type=send&recipient=lakingga&subject=Trelawney" class="chess">♜</a></th>
  297. <th><a href="/neomessages.phtml?type=send&recipient=lakingga&subject=Hooch" class="chess">♝</a></th>
  298. <th><a href="/neomessages.phtml?type=send&recipient=lakingga&subject=Sprout" class="chess">♞</a></th>
  299. <th><a href="/neomessages.phtml?type=send&recipient=lakingga&subject=Sinistra" class="chess">♟</a></th>
  300. </tr></table></center>
  301.  
  302. <br><h2>bertie bott's every flavour beans</h2> Of course Ron Weasley would go for the Bertie Bott's Every Flavor Beans. You can tel by the look on his face exactly which bean he ate. <b>You will receive 10 house points and 10 sickles for guessing, if you guess correctly, you will receive 10 extra house points.</b> Pick one out of the following seven options:<br><div class="activity">Horseradish, Phlegm, Strawberry and Peanut-Butter Ice-Cream, Ketchup, Garlic Powder, Envelope glue, or Lobster.</div>
  303.  
  304. <br><h2>Hagrid's Pet Problem</h2> We all know Hagrid loves his pets. The only problem with that is trying to decide which one he should pay attention to first. <b>You will receive 10 house points and 10 sickles for guessing, if you guess correctly, you will receive 10 extra house points. Select one out of the following seven options:</b><br><div class="activity">Fang, Fluffy, Norberta, Aragog, Mosag, Buckbeak, or Tammy the Liquid Luck Testral.</div>
  305.  
  306. <br>Study Session</h2> Exams are just around the corner and you have a lot to cover in a very short amount of time. <b>You will receive 10 house points and 10 sickles for guessing, if you guess correctly, you will receive 10 extra house points.</b> Select one out of the seven subjects to study first:<br><div class="activity"> Transfiguration, Divination, Potions, Arithmancy, Muggle Studies, Ancient Runes, Defense Against the Dark Arts</div><p></p>
  307. </div></center>
  308. </div>
  309.  
  310. <a name="three"></a><div id="blog">
  311. <h2 id="upsie">Liquid Luck graphics</h2>
  312. Interested in submitting a graphic for the entire guild to use? You're more than welcome to do so! Just put your content up on a petpage and send a neomail to <a href="http://www.neopets.com/userlookup.phtml?user=lordvoldemort">Ashley</a>.
  313. <i>Earnings:</i> avatar holders, banners, and buttons are worth <b>15 House Points and 25 Sickles</b> - fonts are worth <b>20 House Points and 25 Sickles</b> - any larger graphics are worth <b>30 House Points and 40 sickles</b>.
  314. <i>Requirements:</i> banners can be any size - buttons must be 88x31 - holders, petpages, and userlookups must be coded - we code all guild layouts (unless you really want to do it yourself). <i>Restrictions</i> You will receive house points and sickles for up to 5 banners, 5 fonts, 5 buttons, 2 guild layouts, 2 petpages, and 2 userlookups per month. Heads of House and Staff do not get house points for graphics made, they do earn sickles. The only exception to this rule will be during an event in which specifics that differ from these restrictions are explained.
  315. <b>Note:</b> all of our guild layouts feature a picture of Felix Felicis on them. You can use the one at the top of this page or one you find somewhere!<br><br>
  316.  
  317. Some previews of graphics may not be full-size.<br>Drag the images to your URL bar to view the actual size.
  318. <br><br><center><h5>
  319. <a class="nav2" href="#buttons">buttons</a>
  320. <a class="nav2" href="#banners">banners</a>
  321. <a class="nav2" href="#petpages">petpages</a>
  322. <a class="nav2" href="#userlookups">lookups</a></h5>
  323. </center><br><h2 id="buttons">88x31 buttons <a href="#upsie">back to the top</a></h2><br><center>
  324. <table class="buttons"><tr><th>
  325. <img src="http://i.imgur.com/AyTspPc.gif"><br><textarea><a href="/~nomajes"><img src="http://i.imgur.com/AyTspPc.gif" border="0"></a></textarea></th>
  326. <th>
  327. <img src="http://i62.tinypic.com/10zwduw.gif"><br><textarea><a href="/~nomajes"><img src="http://i62.tinypic.com/10zwduw.gif" border="0"></a></textarea></th>
  328. <th>
  329. <img src="http://oi57.tinypic.com/212vfic.jpg"><br><textarea><a href="/~nomajes"><img src="http://oi57.tinypic.com/212vfic.jpg" border="0"></a></textarea></th>
  330. <th>
  331. <img src="http://i.imgur.com/abuRNCr.gif"><br><textarea><a href="/~nomajes"><img src="http://i.imgur.com/abuRNCr.gif" border="0"></a></textarea></th>
  332. <th>
  333. <img src="http://i67.tinypic.com/ev6ezs.jpg"><br><textarea><a href="/~nomajes"><img src="http://i67.tinypic.com/ev6ezs.jpg" border="0"></a></textarea></th>
  334. <th>
  335. <img src="http://i67.tinypic.com/2hnqsyw.jpg"><br><textarea><a href="/~nomajes"><img src="http://i67.tinypic.com/2hnqsyw.jpg" border="0"></a></textarea></th></tr><tr><th>
  336. <img src="http://i68.tinypic.com/33at7qw.jpg"><br><textarea><a href="/~nomajes"><img src="http://i68.tinypic.com/33at7qw.jpg" border="0"></a></textarea></th>
  337. <th>
  338. <img src="http://i66.tinypic.com/29wkgn5.jpg"><br><textarea><a href="/~nomajes"><img src="http://i66.tinypic.com/29wkgn5.jpg" border="0"></a></textarea></th>
  339. <th>
  340. <img src="http://i68.tinypic.com/29kyxp1.jpg"><br><textarea><a href="/~nomajes"><img src="http://i68.tinypic.com/29kyxp1.jpg" border="0"></a></textarea></th>
  341. <th>
  342. <img src="http://i.imgur.com/2bLtr4k.png"><br><textarea>code here</textarea></th>
  343. <th>
  344. <img src="http://i.imgur.com/2bLtr4k.png"><br><textarea>code here</textarea></th>
  345. <th>
  346. <img src="http://i.imgur.com/2bLtr4k.png"><br><textarea>code here</textarea></th>
  347. </tr></table></center>
  348.  
  349.  
  350. <h2 id="banners"> banners <a href="#upsie">back to the top</a></h2> <center>(not full size; drag &amp; drop to view)</center><br><br><center>
  351. <table class="banners"><tr><td><img src="http://i.imgur.com/8BOinOH.gif" width="300" height="150"><br><textarea><a href="/~nomajes"><img src="http://i.imgur.com/8BOinOH.gif" border="0"></a></textarea></td>
  352. <td><img src="http://i62.tinypic.com/if0bp3.jpg" width="300" height="150"><br><textarea><a href="/~nomajes"><img src="http://i62.tinypic.com/if0bp3.jpg" border="0"></a></textarea></td>
  353. </tr><tr><td><img src="http://i62.tinypic.com/vpkc9s.png" width="300" height="150"><br><textarea><a href="/~nomajes"><img src="http://i62.tinypic.com/vpkc9s.png" border="0"></a></textarea></td>
  354. <td><img src="http://i61.tinypic.com/2ik8ghd.jpg" width="300" height="150"><br><textarea><a href="/~nomajes"><img src="http://i61.tinypic.com/2ik8ghd.jpg" border="0"></a></textarea></td>
  355. </tr><tr><td><img src="http://i57.tinypic.com/xvgj5.jpg" width="300" height="150"><br><textarea><a href="/~nomajes"><img src="http://i57.tinypic.com/xvgj5.jpg" border="0"></a></textarea></td>
  356. <td><img src="http://i58.tinypic.com/29e3rkl.jpg" width="300" height="150"><br><textarea><a href="/~nomajes"><img src="http://i58.tinypic.com/29e3rkl.jpg" border="0"></a></textarea></td>
  357. </tr><tr><td><img src="http://i61.tinypic.com/2mweb1f.jpg" width="300" height="150"><br><textarea><a href="/~nomajes"><img src="http://i61.tinypic.com/2mweb1f.jpg" border="0"></a></textarea></td>
  358. <td><img src="http://i58.tinypic.com/331poap.jpg" width="300" height="150"><br><textarea><a href="/~nomajes"><img src="http://i58.tinypic.com/331poap.jpg" border="0"></a></textarea></td>
  359. </tr><tr><td><img src="http://i62.tinypic.com/29elljp.jpg" width="300" height="150"><br><textarea><a href="/~nomajes"><img src="http://i62.tinypic.com/29elljp.jpg" border="0"></a></textarea></td>
  360. <td><img src="http://i60.tinypic.com/w7n28m.jpg" width="300" height="150"><br><textarea><a href="/~nomajes"><img src="http://i60.tinypic.com/w7n28m.jpg" border="0"></a></textarea></td>
  361. </tr></table></center>
  362.  
  363.  
  364.  
  365. <br><br><h2 id="petpages">petpage layouts <a href="#upsie">back to the top</a></h2>
  366. <table class="petpages"><tr><td><img src="http://i.imgur.com/gMi1XvF.jpg" width="300" height="300"></td>
  367. <td><textarea><img src="http://imgur.com/oDrph2j.png" style="position: absolute; top: 0px; left: 0px;"><style>
  368. td a img, .sf, .smallfont, .mbn {
  369. display: none;
  370. }
  371. table {
  372. background: none;
  373. }
  374. body {
  375. overflow: auto;
  376. background-color: #fdf9ee;
  377. }
  378. #main {
  379. top: 0px;
  380. left: 490px;
  381. height: 1100px;
  382. width: 500px;
  383. font: 9pt arial;
  384. color: #353535;
  385. line-height: 13pt;
  386. overflow: hidden;
  387. background-color: #fff;
  388. border-right: 35px solid #a6b65c;
  389. padding-top: 20px;
  390. padding-left: 20px;
  391. padding-right: 20px;
  392. }
  393. #change {
  394. margin-bottom: 700px;
  395. height: auto;
  396. width: 500px;
  397. overflow: auto;
  398. }
  399. h1 {
  400. font: 20px cambria;
  401. color: #fff;
  402. text-align: center;
  403. font-weight: bold;
  404. letter-spacing: -1px;
  405. background-color: #c47a6e;
  406. }
  407. #navi {
  408. top: 30px;
  409. left: 1064px;
  410. height: auto;
  411. width: 200px;
  412. font: 10pt verdana;
  413. color: #353535;
  414. line-height: 13pt;
  415. overflow: auto;
  416. }
  417. b {
  418. color: #d09781;
  419. }
  420. a:link, a:visited, a:active {
  421. color: #c1d46f;
  422. text-decoration: none;
  423. }
  424. a:hover {
  425. color: #fff;
  426. }
  427. a.nav {
  428. background-color: #a6b65c;
  429. display: block;
  430. width: auto;
  431. padding: 5px;
  432. color: #fff;
  433. text-transform: lowercase;
  434. font: 9pt arial;
  435. font-weight: normal;
  436. text-align: center;
  437. text-decoration: none;
  438. font-style: italic;
  439. margin: 1px;
  440. }
  441. a.nav:hover {
  442. color: #fff;
  443. background-color: #e2e5c7;
  444. }
  445. </style><div id="main" style="position: absolute;">
  446. <a name="clear"></a><div id="change">
  447. <h1>Welcome</h1>
  448. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vehicula consectetur turpis vel ornare. Phasellus vel sollicitudin ante. Duis vulputate sagittis tellus vel mattis. Donec maximus, est eu porta gravida, lectus sem aliquam ligula, quis ultricies mauris enim quis ante. Aenean eu scelerisque sapien. Nullam eu massa nec ligula viverra volutpat. Ut pharetra efficitur lacus, vitae vestibulum augue suscipit eu. Nunc pharetra nunc facilisis nunc suscipit, vitae tristique odio tristique. Vestibulum viverra dui sit amet diam aliquam aliquam. Aenean ornare congue quam nec sagittis.</p>
  449.  
  450. <p>Suspendisse auctor feugiat varius. Nulla vel nunc convallis, rutrum urna congue, congue magna. Aliquam nisl dolor, blandit nec purus eget, vulputate gravida nisl. Donec accomsan arcu eget ipsum scelerisque, id tincidunt justo lacinia. Vestibulum nec felis non orci aliquam faucibus. Nunc tortor felis, egestas eu ex vitae, bibendum laoreet justo. Curabitur cursus, arcu vitae euismod elementum, sem ipsum blandit erat, non sagittis elit lacus in mi. Nulla facilisi. Integer in sollicitudin est. Sed in dictum augue. Mauris felis nulla, eleifend id tortor at, blandit mattis tellus. Nunc vitae arcu eros. Sed at nulla vitae tortor aliquet varius id et augue.</p>
  451.  
  452. <p>Sed sed orci scelerisque elit tempus semper. Nunc libero leo, sollicitudin non tincidunt ut, varius non risus. Nam sit amet magna sed felis aliquet commodo sed vitae nulla. Duis sodales lectus ut neque auctor, sed vehicula nunc congue. Vestibulum metus turpis, auctor a pharetra ut, commodo a lectus. Curabitur condimentum pellentesque libero gravida pellentesque. Nullam bibendum nec nisi eu rutrum. Sed id tellus consequat, porta metus ut, commodo neque. Fusce vestibulum nisl libero, non maximus diam cursus sed. Pellentesque sed elementum lorem. Nam non fringilla mauris. Nulla sagittis nec est nec tempor. Phasellus eu metus leo.</p></div>
  453.  
  454.  
  455. <a name="one"></a><div id="change">
  456. <h1>One</h1>
  457. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vehicula consectetur turpis vel ornare. Phasellus vel sollicitudin ante. Duis vulputate sagittis tellus vel mattis. Donec maximus, est eu porta gravida, lectus sem aliquam ligula, quis ultricies mauris enim quis ante. Aenean eu scelerisque sapien. Nullam eu massa nec ligula viverra volutpat. Ut pharetra efficitur lacus, vitae vestibulum augue suscipit eu. Nunc pharetra nunc facilisis nunc suscipit, vitae tristique odio tristique. Vestibulum viverra dui sit amet diam aliquam aliquam. Aenean ornare congue quam nec sagittis.</p>
  458.  
  459. <p>Suspendisse auctor feugiat varius. Nulla vel nunc convallis, rutrum urna congue, congue magna. Aliquam nisl dolor, blandit nec purus eget, vulputate gravida nisl. Donec accomsan arcu eget ipsum scelerisque, id tincidunt justo lacinia. Vestibulum nec felis non orci aliquam faucibus. Nunc tortor felis, egestas eu ex vitae, bibendum laoreet justo. Curabitur cursus, arcu vitae euismod elementum, sem ipsum blandit erat, non sagittis elit lacus in mi. Nulla facilisi. Integer in sollicitudin est. Sed in dictum augue. Mauris felis nulla, eleifend id tortor at, blandit mattis tellus. Nunc vitae arcu eros. Sed at nulla vitae tortor aliquet varius id et augue.</p>
  460.  
  461. <p>Sed sed orci scelerisque elit tempus semper. Nunc libero leo, sollicitudin non tincidunt ut, varius non risus. Nam sit amet magna sed felis aliquet commodo sed vitae nulla. Duis sodales lectus ut neque auctor, sed vehicula nunc congue. Vestibulum metus turpis, auctor a pharetra ut, commodo a lectus. Curabitur condimentum pellentesque libero gravida pellentesque. Nullam bibendum nec nisi eu rutrum. Sed id tellus consequat, porta metus ut, commodo neque. Fusce vestibulum nisl libero, non maximus diam cursus sed. Pellentesque sed elementum lorem. Nam non fringilla mauris. Nulla sagittis nec est nec tempor. Phasellus eu metus leo.</p></div>
  462.  
  463. <a name="two"></a><div id="change">
  464. <h1>Two</h1>
  465. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vehicula consectetur turpis vel ornare. Phasellus vel sollicitudin ante. Duis vulputate sagittis tellus vel mattis. Donec maximus, est eu porta gravida, lectus sem aliquam ligula, quis ultricies mauris enim quis ante. Aenean eu scelerisque sapien. Nullam eu massa nec ligula viverra volutpat. Ut pharetra efficitur lacus, vitae vestibulum augue suscipit eu. Nunc pharetra nunc facilisis nunc suscipit, vitae tristique odio tristique. Vestibulum viverra dui sit amet diam aliquam aliquam. Aenean ornare congue quam nec sagittis.</p>
  466.  
  467. <p>Suspendisse auctor feugiat varius. Nulla vel nunc convallis, rutrum urna congue, congue magna. Aliquam nisl dolor, blandit nec purus eget, vulputate gravida nisl. Donec accomsan arcu eget ipsum scelerisque, id tincidunt justo lacinia. Vestibulum nec felis non orci aliquam faucibus. Nunc tortor felis, egestas eu ex vitae, bibendum laoreet justo. Curabitur cursus, arcu vitae euismod elementum, sem ipsum blandit erat, non sagittis elit lacus in mi. Nulla facilisi. Integer in sollicitudin est. Sed in dictum augue. Mauris felis nulla, eleifend id tortor at, blandit mattis tellus. Nunc vitae arcu eros. Sed at nulla vitae tortor aliquet varius id et augue.</p>
  468.  
  469. <p>Sed sed orci scelerisque elit tempus semper. Nunc libero leo, sollicitudin non tincidunt ut, varius non risus. Nam sit amet magna sed felis aliquet commodo sed vitae nulla. Duis sodales lectus ut neque auctor, sed vehicula nunc congue. Vestibulum metus turpis, auctor a pharetra ut, commodo a lectus. Curabitur condimentum pellentesque libero gravida pellentesque. Nullam bibendum nec nisi eu rutrum. Sed id tellus consequat, porta metus ut, commodo neque. Fusce vestibulum nisl libero, non maximus diam cursus sed. Pellentesque sed elementum lorem. Nam non fringilla mauris. Nulla sagittis nec est nec tempor. Phasellus eu metus leo.</p></div>
  470.  
  471. <a name="three"></a><div id="change">
  472. <h1>Three</h1>
  473. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vehicula consectetur turpis vel ornare. Phasellus vel sollicitudin ante. Duis vulputate sagittis tellus vel mattis. Donec maximus, est eu porta gravida, lectus sem aliquam ligula, quis ultricies mauris enim quis ante. Aenean eu scelerisque sapien. Nullam eu massa nec ligula viverra volutpat. Ut pharetra efficitur lacus, vitae vestibulum augue suscipit eu. Nunc pharetra nunc facilisis nunc suscipit, vitae tristique odio tristique. Vestibulum viverra dui sit amet diam aliquam aliquam. Aenean ornare congue quam nec sagittis.</p>
  474.  
  475. <p>Suspendisse auctor feugiat varius. Nulla vel nunc convallis, rutrum urna congue, congue magna. Aliquam nisl dolor, blandit nec purus eget, vulputate gravida nisl. Donec accomsan arcu eget ipsum scelerisque, id tincidunt justo lacinia. Vestibulum nec felis non orci aliquam faucibus. Nunc tortor felis, egestas eu ex vitae, bibendum laoreet justo. Curabitur cursus, arcu vitae euismod elementum, sem ipsum blandit erat, non sagittis elit lacus in mi. Nulla facilisi. Integer in sollicitudin est. Sed in dictum augue. Mauris felis nulla, eleifend id tortor at, blandit mattis tellus. Nunc vitae arcu eros. Sed at nulla vitae tortor aliquet varius id et augue.</p>
  476.  
  477. <p>Sed sed orci scelerisque elit tempus semper. Nunc libero leo, sollicitudin non tincidunt ut, varius non risus. Nam sit amet magna sed felis aliquet commodo sed vitae nulla. Duis sodales lectus ut neque auctor, sed vehicula nunc congue. Vestibulum metus turpis, auctor a pharetra ut, commodo a lectus. Curabitur condimentum pellentesque libero gravida pellentesque. Nullam bibendum nec nisi eu rutrum. Sed id tellus consequat, porta metus ut, commodo neque. Fusce vestibulum nisl libero, non maximus diam cursus sed. Pellentesque sed elementum lorem. Nam non fringilla mauris. Nulla sagittis nec est nec tempor. Phasellus eu metus leo.</p></div></div>
  478.  
  479. <div id="navi" style="position: absolute;">
  480. <a href="#clear" class="nav">Clear</a><a href="#one" class="nav">One</a><a href="#two" class="nav">Two</a><a href="#three" class="nav">Three</a><a href="/guilds/guild.phtml?id=4174717" class="nav">Liquid Luck</a></div>
  481. </textarea></td></tr><tr><td><img src="http://i68.tinypic.com/5bckqs.jpg" width="300" height="300"></td>
  482. <td><textarea><style>
  483. table {
  484. background-color: transparent;
  485. }
  486. table a img {
  487. display: none;
  488. }
  489. font.sf {
  490. display: none;
  491. }
  492. body {
  493. background-color: #e6e6e6;
  494. }
  495. .line {
  496. width: 1px;
  497. height: 80%;
  498. top: 80px;
  499. left: 390px;
  500. background-color: #545454;
  501. }
  502. .sideimg {
  503. top: 0px;
  504. left: 0px;
  505. }
  506. .sideimg2 {
  507. top: 360px;
  508. left: 40px;
  509. }
  510. .sidequote {
  511. top: 370px;
  512. left: 55px;
  513. font-family: Lucida Sans;
  514. font-size: 10px;
  515. letter-spacing: 6px;
  516. line-height: 26px;
  517. font-variant: small-caps;
  518. color: #545454;
  519. width: 300px;
  520. text-align: justify;
  521. }
  522. h3 {
  523. text-align: right;
  524. font-weight: normal;
  525. font-size: 14px;
  526. letter-spacing: 6px;
  527. }
  528. h1 {
  529. text-align: left;
  530. font-family: "Lucida Console",Monaco,monospace;
  531. font-weight: normal;
  532. font-variant: small-caps;
  533. font-size: 20px;
  534. letter-spacing: 6px;
  535. margin-bottom: -8px;
  536. }
  537. h2 {
  538. text-align: left;
  539. font-family: "Lucida Console",Monaco,monospace;
  540. font-weight: normal;
  541. font-variant: normal;
  542. text-transform: uppercase;
  543. font-size: 10px;
  544. letter-spacing: 6px;
  545. margin-bottom: 5px;
  546. background-color: #dfdfdf;
  547. padding-left: 30px;
  548. border-top: solid 1px white;
  549. border-bottom: solid 1px #ababab;
  550. }
  551. h4 {
  552. text-align: center;
  553. font-weight: normal;
  554. font-size: 9px;
  555. font-variant: normal;
  556. }
  557. #blog {
  558. font-family: Lucida Sans;
  559. font-size: 13px;
  560. font-variant: small-caps;
  561. overflow: auto;
  562. color: #545454;
  563. line-height: 180%;
  564. letter-spacing: 1px;
  565. top: 75px;
  566. left: 405px;
  567. width: 400px;
  568. text-align: justify;
  569. }
  570. #links {
  571. font-family: Lucida Sans;
  572. font-size: 10px;
  573. font-variant: small-caps;
  574. line-height: 180%;
  575. letter-spacing: 1px;
  576. top: 75px;
  577. left: 265px;
  578. width: 120px;
  579. text-align: right;
  580. }
  581. #links a, a:link, a:visited {
  582. color: #545454;
  583. text-decoration: none;
  584. display: block !important;
  585. }
  586. #links a:hover {
  587. color: #b36de6;
  588. text-decoration: none;
  589. display: block !important;
  590. }
  591. blockquote {
  592. background-color: #d1d1d1;
  593. padding: 10px;
  594. font-family: "Lucida Console",Monaco,monospace;
  595. font-size: 11px;
  596. line-height: 120%;
  597. text-transform: none;
  598. font-variant: normal;
  599. border-top: solid 1px white;
  600. border-bottom: solid 1px #ababab;
  601. }
  602. textarea {
  603. background-color: #dfdfdf;
  604. height: 50px;
  605. width: 150px;
  606. font-family: "Lucida Console",Monaco,monospace;
  607. font-size: 8px;
  608. color: #b4b4b4;
  609. border: solid 1px #ababab;
  610. }
  611. </style><div class="line" style="position: fixed;">
  612. </div>
  613.  
  614. <div class="sidequote" style="position: fixed;">
  615. We've all got both
  616. <br><b>Light</b> and <b>dark</b> inside us.
  617. <br>
  618. What matters is the part
  619. <br>
  620. We choose to act on.
  621. <br>
  622. That's who we <b>really</b> are.
  623.  
  624. <h3>
  625. <i>-Sirius Black</i></h3>
  626.  
  627. </div>
  628.  
  629. <div class="sideimg" style="position: fixed;">
  630. <img src="http://i64.tinypic.com/2e1sy7r.jpg"></div>
  631.  
  632. <div class="sideimg2" style="position: fixed;">
  633. <img src="http://i67.tinypic.com/2eocfaf.jpg"></div>
  634.  
  635. <div id="links" style="position: fixed;">
  636. <a href="/">Link One</a>
  637. <a href="/">Link Two</a>
  638. <a href="/">Link Three</a>
  639. <a href="http://www.neopets.com/guilds/guild.phtml?id=4174717">Liquid Luck</a>
  640. </div>
  641.  
  642. <div id="blog" style="position: absolute;">
  643. <h1>Header Here</h1>
  644. <h2 style="border-radius: 20px;">Sunday / June 12 / 2016</h2>
  645. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
  646.  
  647. <blockquote style="border-radius: 20px;">
  648. This is a blockquote, which can be used to separate more noticeable, important text. <b>Bold.</b> <i>Italic.</i> Underline.</blockquote>
  649.  
  650.  
  651. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. xoxo Liquid Luck
  652.  
  653. <h1>Other Header</h1>
  654. <h2 style="border-radius: 20px;">Saturday / June 11 / 2016</h2>
  655. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
  656.  
  657. <blockquote style="border-radius: 20px;">
  658. This is a blockquote, which can be used to separate more noticeable, important text. <b>Bold.</b> <i>Italic.</i> Underline.</blockquote>
  659.  
  660. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. xoxo Liquid Luck
  661.  
  662. <h4>Content by YOUR USERNAME for Liquid Luck</h4>
  663.  
  664. </div>
  665.  
  666. </textarea></td></tr><tr><td><img src="http://i68.tinypic.com/14dftie.jpg" width="300" height="300"></td>
  667. <td><textarea><style>
  668. table {
  669. background-color: transparent;
  670. }
  671. table a img {
  672. display: none;
  673. }
  674. font.sf {
  675. display: none;
  676. }
  677. body {
  678. background: #a3b1ab url("http://i.imgur.com/VaL6Wl7.jpg") center no-repeat fixed;
  679. text-align: center;
  680. margin: 0;
  681. padding: 0;
  682. }
  683. div {
  684. font-family: arial;
  685. font-size: 10pt;
  686. color: #888;
  687. line-height: 160%;
  688. }
  689. blockquote {
  690. color: #3a5f68;
  691. width: 66%;
  692. padding: 5px 5px 5px 30px;
  693. font-family: 'Open Sans',sans-serif;
  694. font-size: 18pt;
  695. border-left: 1px solid #c7dfd7;
  696. font-weight: 300;
  697. font-style: italic;
  698. }
  699. a:link, a:active, a:visited {
  700. color: #666;
  701. text-decoration: none;
  702. }
  703. a:hover {
  704. color: #222;
  705. text-decoration: none;
  706. }
  707. #navi a:link, #navi a:active, #navi a:visited {
  708. font-family: 'Open Sans',sans-serif;
  709. color: #aaa;
  710. padding: 0 20px;
  711. font-size: 7pt;
  712. letter-spacing: 2px;
  713. float: left;
  714. text-transform: uppercase;
  715. line-height: 50px;
  716. border-right: 1px solid #f1f1f1;
  717. border-bottom: 0px;
  718. }
  719. #navi a:hover {
  720. background: #dce4e6;
  721. color: #fff;
  722. border-bottom: 0px;
  723. }
  724. #footer a:link, #footer a:active, #footer a:visited {
  725. color: #eee;
  726. font-size: 8pt;
  727. }
  728. h1 {
  729. font-family: 'Open Sans',sans-serif;
  730. font-size: 13pt;
  731. font-weight: 400;
  732. margin: 0;
  733. color: #3a5f68;
  734. }
  735. h1 i {
  736. color: #c7dfd7;
  737. font-family: 'Open Sans',sans-serif;
  738. font-size: 13pt;
  739. font-weight: 300;
  740. font-style: normal;
  741. }
  742. #container {
  743. margin: 100px auto 0 auto;
  744. width: 851px;
  745. padding: 0 0 50px 0;
  746. background: #fff;
  747. }
  748. #liquidluck {
  749. width: 851px;
  750. margin: 1em auto;
  751. z-index: 3;
  752. text-align: left;
  753. }
  754. #header {
  755. font-family: 'didot',garamond,georgia,times,serif;
  756. font-size: 20pt;
  757. font-weight: normal;
  758. color: #222;
  759. margin: 0;
  760. padding: 0;
  761. }
  762. #content {
  763. margin: 50px;
  764. }
  765. #navi {
  766. width: 851px;
  767. height: 50px;
  768. line-height: 50px;
  769. margin: 0;
  770. }
  771. #footer {
  772. width: 851px;
  773. margin: 50px auto;
  774. text-align: center;
  775. }
  776. #column {
  777. }
  778. textarea {
  779. background-color: #c7dfd7;
  780. height: 50px;
  781. width: 150px;
  782. font-family: "Lucida Console",Monaco,monospace;
  783. font-size: 8px;
  784. color: #b4b4b4;
  785. border: solid 1px #ababab;
  786. }
  787. </style><div id="liquidluck" style="position: relative;">
  788.  
  789. <div id="container">
  790. <div id="navi">
  791. <a href="/">Link One</a>
  792. <a href="/">Link One</a>
  793. <a href="/">Link One</a>
  794. <a href="http://www.neopets.com/guilds/guild.phtml?id=4174717">Liquid Luck</a>
  795. </div>
  796.  
  797. <div id="header">
  798. <img src="http://i65.tinypic.com/v7z7ts.jpg"></div>
  799.  
  800. <div id="content">
  801.  
  802. <h1><i>06/12/16</i> Header Here</h1>
  803. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
  804. <p>
  805. </p><blockquote>
  806. This is a blockquote. You can put more noticeable, important information here if you wish.
  807. </blockquote>
  808. <p>
  809. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
  810.  
  811. <br><br></p><h1><i>06/11/16</i> Header Here</h1>
  812. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
  813.  
  814.  
  815. </div>
  816. </div></div>
  817.  
  818. <div id="footer">Content by <a href="/">YOUR USERNAME</a> for Liquid Luck</div>
  819.  
  820. </textarea></td></tr><tr><td><img src="http://i.imgur.com/27KqDds.png" width="300" height="300"></td>
  821. <td><textarea><style>
  822. table {
  823. background: none;
  824. }
  825. table a img, .sf {
  826. display: none;
  827. }
  828. body, font, td, p, .medText {
  829. font-family: tahoma;
  830. font-size: 9pt;
  831. color: #ffffff;
  832. cursor: default;
  833. }
  834. body {
  835. background-color: #bdd0d7;
  836. background-image: url("http://i.imgur.com/CH3H5Ug.png");
  837. background-repeat: repeat-y;
  838. }
  839. h1 {
  840. color: #deebed;
  841. font: 22px arial;
  842. margin-top: 0px;
  843. margin-bottom: -1px;
  844. padding: 1px;
  845. text-align: left;
  846. text-transform: lowercase;
  847. }
  848. h1:hover {
  849. color: #ffffff;
  850. }
  851. b {
  852. color: #d3e6ee;
  853. font-weight: bold;
  854. }
  855. i {
  856. color: #d3e6ee;
  857. font-family: times new roman;
  858. font-size: 14px;
  859. font-style: italic;
  860. text-transform: lowercase;
  861. }
  862. textarea {
  863. border: 1px solid #000000;
  864. background-color: #3b5052;
  865. font-family: tahoma;
  866. font-size: 7.5pt;
  867. color: #b0b7c0;
  868. height: 40px;
  869. width: 300px;
  870. cursor: default;
  871. }
  872. a:link, a:active, a:visited {
  873. color: #d3e6ee;
  874. font: 9pt tahoma;
  875. text-decoration: none;
  876. font-weight: bold;
  877. cursor: default;
  878. }
  879. a:hover {
  880. color: #ffffff;
  881. text-decoration: none;
  882. cursor: default;
  883. }
  884. .nav:link, .nav:active, .nav:visited {
  885. color: #68493f;
  886. font: 8pt courier new;
  887. display: inline-block;
  888. padding: 6px;
  889. letter-spacing: 2px;
  890. font-weight: bold;
  891. background-image: url("http://i.imgur.com/mlcMmpM.png");
  892. background-repeat: repeat;
  893. text-transform: uppercase;
  894. }
  895. .nav:hover {
  896. color: #aca191;
  897. }
  898. img {
  899. margin: 3px;
  900. background: transparent;
  901. padding: 2px;
  902. border: 1px transparent solid;
  903. }
  904. #links {
  905. top: 0px;
  906. left: 0px;
  907. width: 100%;
  908. overflow: auto;
  909. padding: 6px;
  910. background-image: url("http://i.imgur.com/mlcMmpM.png");
  911. background-repeat: repeat;
  912. }
  913. #header {
  914. background-image: url("http://i.imgur.com/7oi97xB.png");
  915. width: 806px;
  916. height: 676px;
  917. top: 0px;
  918. left: 0px;
  919. }
  920. #main {
  921. top: 390px;
  922. left: 37px;
  923. width: 600px;
  924. overflow: auto;
  925. padding: 6px;
  926. }
  927. </style><div id="header" style="position: absolute;"></div>
  928. <div id="main" style="position: absolute;">
  929. <h1>header here</h1>
  930. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas auctor magna justo, sit amet pharetra velit placerat sed. Quisque egestas fermentum nisi id posuere. Aenean volutpat, augue sed elementum eleifend, metus est congue libero, sit amet accamsan augue arcu nec sem. Suspendisse ac interdum urna. Aliquam scelerisque id mi volutpat commodo. Nullam pretium neque vel venenatis feugiat. Nulla eros turpis, elementum quis commodo sed, consequat nec massa. Sed varius dolor quis orci dictum, nec venenatis nunc semper. Etiam commodo porta urna sit amet commodo. Aliquam leo nulla, iaculis non leo quis, porttitor scelerisque velit. Duis in scelerisque mauris. Maecenas varius facilisis risus, id vehicula sapien molestie non. Vivamus id sem viverra, sollicitudin diam sed, luctus leo.<br><br><center>To start a textarea, replace the parenthesis around the textarea word with brackets.<br>
  931. (textarea)Oooo fancy(/textarea)</center>
  932. <br><br><h1>header here</h1>
  933. Aenean sollicitudin eleifend mattis. Nunc vel posuere velit. Proin tellus nunc, vulputate non leo pulvinar, eleifend commodo dolor. Nam non tellus diam. Vivamus nisl lectus, imperdiet quis leo at, convallis commodo tortor. Etiam dui ante, mollis at iaculis ut, aliquam ac quam. Duis blandit augue in ultricies tempor. In volutpat dolor non iaculis cursus.<br><br>
  934.  
  935. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam varius congue nisi quis sollicitudin. Morbi mattis, erat non egestas dictum, erat odio fermentum tellus, eu bibendum nibh leo id mi. Morbi imperdiet erat neque, eu lacinia turpis rhoncus in. In quis tellus adipiscing, tincidunt orci in, sagittis ante. Fusce pretium non massa sed ultricies. Aenean ac quam et libero egestas sagittis in ac mauris. Fusce laoreet nulla sed ipsum molestie, et consequat risus congue. Aliquam quis vestibulum ligula. Aliquam gravida quam velit, id varius felis ornare id. Curabitur non metus sed ante pharetra vulputate at ac eros. Sed mauris tortor, facilisis semper sem accamsan, facilisis accamsan urna. Ut vestibulum nisl at leo convallis fringilla. Pellentesque convallis suscipit neque, et congue metus egestas vel. Sed at nisl eget dui lacinia iaculis.<br><br><h1>credits</h1>
  936. Layout made by Taylor (vampirewithfangs) for <a href="/~nomajes">Liquid Luck</a> members only.
  937. </div>
  938. </textarea></td>
  939. </tr><tr><td><img src="http://i1164.photobucket.com/albums/q577/urawolff/llpp_zpskqfa3rpm.jpg" width="300" height="300"></td>
  940. <td>
  941. <textarea><style>
  942. .sf, .object, p, table {
  943. display: none;
  944. }
  945. body {
  946. font-size: 11px;
  947. line-height: 20px;
  948. color: #111;
  949. background: #555;
  950. font-family: Arial;
  951. text-align: justify;
  952. margin: 0;
  953. }
  954. #container {
  955. margin: 0 auto 0px;
  956. width: 368px;
  957. }
  958. #header {
  959. height: 428px;
  960. width: 428px;
  961. }
  962. #navi {
  963. width: 120px;
  964. margin-left: 428px;
  965. margin-top: 400px;
  966. background: #333;
  967. }
  968. #navi ul {
  969. list-style: none;
  970. padding: 5px;
  971. margin: 0 0 0 12px;
  972. }
  973. #navi li {
  974. list-style: none;
  975. margin: 0;
  976. }
  977. #navi a:link, #navi a:visited, #navi a:hover, #navi a:active {
  978. padding: 1px;
  979. color: #777;
  980. font-size: 10px;
  981. letter-spacing: 0px;
  982. font-family: Times new Roman;
  983. }
  984. #navi a:hover {
  985. color: #fbfbfb;
  986. text-decoration: none;
  987. }
  988. #content {
  989. width: 368px;
  990. padding: 2px 30px 10px 30px;
  991. background: #999;
  992. font-family: Arial,Helvetica,sans-serif;
  993. }
  994. blockquote {
  995. margin: 10px;
  996. color: #cdcdcd;
  997. background-image: url("http://i1164.photobucket.com/albums/q577/urawolff/s2_zps9fiyevob.jpg");
  998. font-style: italic;
  999. padding: 10px;
  1000. font-size: 11px;
  1001. line-height: 20px;
  1002. }
  1003. h1 {
  1004. color: #333;
  1005. text-decoration: none;
  1006. font-family: "Times New Roman",Times,serif;
  1007. font-size: 25px;
  1008. text-align: left;
  1009. padding: 5px;
  1010. letter-spacing: -2px;
  1011. font-style: italic;
  1012. text-transform: uppercase;
  1013. }
  1014. a:active, a:visited, a:link {
  1015. text-decoration: none;
  1016. font-family: Helvetica;
  1017. font-size: 11px;
  1018. color: #000;
  1019. text-transform: uppercase;
  1020. letter-spacing: 1px;
  1021. }
  1022. a:hover {
  1023. color: #fbfbfb;
  1024. }
  1025. b {
  1026. color: #000;
  1027. font-size: 10px;
  1028. }
  1029. i {
  1030. color: -blocked-;
  1031. font-size: 10px;
  1032. }
  1033. #footer {
  1034. width: 428px;
  1035. height: 20px;
  1036. margin: 0 0 0 0;
  1037. background: #222;
  1038. }
  1039. #footer ul {
  1040. text-align: center;
  1041. padding: 0px;
  1042. margin: 0px;
  1043. margin-bottom: 10px;
  1044. font-size: 10px;
  1045. color: #ececec;
  1046. text-transform: uppercase;
  1047. }
  1048. #footer li {
  1049. margin: 6px;
  1050. padding: 0px;
  1051. display: inline;
  1052. list-style-position: -blocked-;
  1053. }
  1054. .newsicon {
  1055. background-image: url("http://i1164.photobucket.com/albums/q577/urawolff/ll2_zpsjoxhrizg.png");
  1056. padding: 0px;
  1057. float: left;
  1058. border: 4px solid #333;
  1059. width: 80px;
  1060. height: 80px;
  1061. margin: 0px 10px 3px 0px;
  1062. }
  1063. </style><div id="container" style="position: relative;">
  1064.  
  1065. <div id="navi" style="position: fixed;">
  1066.  
  1067. <ul><li>
  1068. <a href="/">LINK ONE</a></li>
  1069. <li>
  1070. <a href="/">LINK TWO</a></li>
  1071. <li>
  1072. <a href="/">LINK THREE</a></li>
  1073. <li>
  1074. <a href="/guilds/guild.phtml?id=4174717">Liquid Luck</a></li>
  1075. </ul></div>
  1076.  
  1077. <div id="header">
  1078. <img src="http://i1164.photobucket.com/albums/q577/urawolff/ll_zpseflhoxx6.png"></div>
  1079.  
  1080. <div id="content">
  1081. <h1>welcome to my page</h1>
  1082. <div class="newsicon"></div>
  1083. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  1084.  
  1085. <h1>header 2</h1>
  1086.  
  1087. <blockquote>
  1088. put important information or assignments in blockquotes! put important information or assignments in blockquotes! put important information or assignments in blockquotes!
  1089. </blockquote>
  1090.  
  1091. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  1092.  
  1093.  
  1094.  
  1095. </div>
  1096. <div id="footer">
  1097. <ul><li>Content by YOUR USERNAME HERE for Liquid Luck</li>
  1098.  
  1099. </ul></div>
  1100.  
  1101.  
  1102. </div>
  1103. </textarea></td>
  1104. </tr><tr><td><img src="http://i.imgur.com/6xpERer.png" width="300" height="300"></td>
  1105. <td><textarea><style>
  1106. td a img, .sf, .smallfont, .mbn {
  1107. display: none;
  1108. }
  1109. #text td a img {
  1110. display: inline;
  1111. }
  1112. table, td {
  1113. background: none;
  1114. }
  1115. #main {
  1116. background: 0px;
  1117. border: none;
  1118. margin-left: 0px;
  1119. margin-top: -200px;
  1120. width: 139px;
  1121. height: 600px;
  1122. }
  1123. .sidebar, #header, #footer, .contentheader, .bt, center font b {
  1124. display: none;
  1125. }
  1126. body {
  1127. background-color: #fff;
  1128. }
  1129. body, div, table {
  1130. font: 8pt arial;
  1131. color: #000;
  1132. text-align: justify;
  1133. }
  1134. a:link, a:visited, a:active {
  1135. color: #fff;
  1136. text-decoration: none;
  1137. font-weight: bold;
  1138. text-transform: uppercase;
  1139. }
  1140. a:hover {
  1141. color: #000;
  1142. }
  1143. a.nav {
  1144. color: #fff;
  1145. font-family: verdana;
  1146. text-decoration: none;
  1147. margin: 1px;
  1148. padding: 5px;
  1149. float: left;
  1150. width: 248px;
  1151. background-color: #6a9e9a;
  1152. text-align: right;
  1153. }
  1154. a.nav:hover {
  1155. background-color: #768e6b;
  1156. color: #c5d2c2;
  1157. }
  1158. .top {
  1159. top: 0px;
  1160. left: 200px;
  1161. }
  1162. #blogchange {
  1163. top: 470px;
  1164. left: 200px;
  1165. height: 500px;
  1166. width: 600px;
  1167. padding: 7px;
  1168. overflow: hidden;
  1169. background-color: #85bcba;
  1170. }
  1171. #blog {
  1172. margin-bottom: 1000px;
  1173. overflow: auto;
  1174. height: 495px;
  1175. }
  1176. #side {
  1177. top: 470px;
  1178. left: 825px;
  1179. height: 500px;
  1180. width: 262px;
  1181. padding: 7px;
  1182. overflow: auto;
  1183. background-color: #85bcba;
  1184. }
  1185. b {
  1186. color: #c5d2c2;
  1187. }
  1188. i {
  1189. font-family: georgia;
  1190. color: #c5d2c2;
  1191. }
  1192. h1 {
  1193. color: #57817d;
  1194. font-family: times;
  1195. font-size: 13pt;
  1196. text-align: left;
  1197. text-transform: uppercase;
  1198. font-style: italic;
  1199. letter-spacing: 1px;
  1200. padding: 3px;
  1201. }
  1202. </style><img src="http://i.imgur.com/mBiM5va.png" class="top" style="position: absolute;"><div id="blogchange" style="position: absolute;">
  1203. <a name="blog"></a><div id="blog">
  1204. <h1>Welcome</h1>
  1205.  
  1206. <b>bold</b> <i>italics</i> <a href="/">link</a> hello everyone
  1207. </div>
  1208.  
  1209.  
  1210. <a name="one"></a><div id="blog">
  1211. <h1>PageOne</h1>
  1212.  
  1213. text here
  1214. </div>
  1215.  
  1216. <a name="two"></a><div id="blog">
  1217. <h1>PageTwo</h1>
  1218.  
  1219. text here
  1220. </div>
  1221.  
  1222. <a name="three"></a><div id="blog">
  1223. <h1>PageThree</h1>
  1224.  
  1225. text here
  1226. </div>
  1227.  
  1228. </div>
  1229.  
  1230. <div id="side" style="position: absolute;">
  1231. <h1>Navigate</h1>
  1232. <a href="#one" class="nav">One</a>
  1233. <a href="#two" class="nav">Two</a>
  1234. <a href="#three" class="nav">Three</a>
  1235. <a href="#blog" class="nav">Clear</a>
  1236. <a href="/" class="nav">Liquid Luck</a>
  1237. </div></textarea></td>
  1238.  
  1239. </tr><tr><td><img src="http://i.imgur.com/3vgAWYw.png" width="300" height="300"></td>
  1240. <td><textarea>*NOTE: THIS PETPAGE USES ANCHORED LINKS*
  1241. <style>
  1242. td a img, .sf, .smallfont, .mbn {
  1243. display: none;
  1244. }
  1245. #text td a img {
  1246. display: inline;
  1247. }
  1248. table, td {
  1249. background: none;
  1250. }
  1251. #main {
  1252. background: 0px;
  1253. border: none;
  1254. margin-left: 0px;
  1255. margin-top: -200px;
  1256. width: 139px;
  1257. height: 600px;
  1258. }
  1259. .sidebar, #header, #footer, .contentheader, .bt, center font b {
  1260. display: none;
  1261. }
  1262. body {
  1263. background-color: #000;
  1264. }
  1265. body, div, table {
  1266. font: 8pt arial;
  1267. color: #000;
  1268. text-align: justify;
  1269. }
  1270. a:link, a:visited, a:active {
  1271. color: #fff;
  1272. text-decoration: none;
  1273. font-weight: bold;
  1274. text-transform: uppercase;
  1275. }
  1276. a:hover {
  1277. color: #000;
  1278. }
  1279. a.nav {
  1280. color: #fff;
  1281. font-family: verdana;
  1282. text-decoration: none;
  1283. margin: 1px;
  1284. padding: 5px;
  1285. float: left;
  1286. width: 248px;
  1287. background-color: #ae3900;
  1288. text-align: right;
  1289. }
  1290. a.nav:hover {
  1291. background-color: #ffa008;
  1292. color: #6b2100;
  1293. }
  1294. .top {
  1295. top: 0px;
  1296. left: 200px;
  1297. }
  1298. #blogchange {
  1299. top: 470px;
  1300. left: 200px;
  1301. height: 500px;
  1302. width: 600px;
  1303. padding: 7px;
  1304. overflow: hidden;
  1305. background-color: #feaa5c;
  1306. }
  1307. #blog {
  1308. margin-bottom: 1000px;
  1309. overflow: auto;
  1310. height: 495px;
  1311. }
  1312. #side {
  1313. top: 470px;
  1314. left: 825px;
  1315. height: 500px;
  1316. width: 262px;
  1317. padding: 7px;
  1318. overflow: auto;
  1319. background-color: #feaa5c;
  1320. }
  1321. b {
  1322. color: #ae3900;
  1323. }
  1324. i {
  1325. font-family: georgia;
  1326. color: #ae3900;
  1327. }
  1328. h1 {
  1329. color: #ae3900;
  1330. font-family: times;
  1331. font-size: 13pt;
  1332. text-align: left;
  1333. text-transform: uppercase;
  1334. font-style: italic;
  1335. letter-spacing: 1px;
  1336. padding: 3px;
  1337. }
  1338. </style><img src="http://imgur.com/K3KFKFq.png" class="top" style="position: absolute;"><div id="blogchange" style="position: absolute;">
  1339. <a name="blog"></a><div id="blog">
  1340. <h1>Welcome</h1>
  1341.  
  1342. <b>bold</b> <i>italics</i> <a href="/">link</a> hello everyone
  1343. </div>
  1344.  
  1345.  
  1346. <a name="one"></a><div id="blog">
  1347. <h1>PageOne</h1>
  1348.  
  1349. text here
  1350. </div>
  1351.  
  1352. <a name="two"></a><div id="blog">
  1353. <h1>PageTwo</h1>
  1354.  
  1355. text here
  1356. </div>
  1357.  
  1358. <a name="three"></a><div id="blog">
  1359. <h1>PageThree</h1>
  1360.  
  1361. text here
  1362. </div>
  1363.  
  1364. </div>
  1365.  
  1366. <div id="side" style="position: absolute;">
  1367. <h1>Navigate</h1>
  1368. <a href="#one" class="nav">One</a>
  1369. <a href="#two" class="nav">Two</a>
  1370. <a href="#three" class="nav">Three</a>
  1371. <a href="#blog" class="nav">Clear</a>
  1372. <a href="/" class="nav">Liquid Luck</a>
  1373. </div></textarea></td>
  1374.  
  1375. </tr><tr><td><img src="http://oi67.tinypic.com/2dvsz0z.jpg"width="300" height="300"></td>
  1376. <td><textarea>*NOTE: THIS PETPAGE USES ANCHORED LINKS*
  1377. <style>
  1378. td a img, .sf, .smallfont, .mbn {
  1379. display: none;
  1380. }
  1381. #text td a img {
  1382. display: inline;
  1383. }
  1384. table, td {
  1385. background: none;
  1386. }
  1387. #main {
  1388. background: 0px;
  1389. border: none;
  1390. margin-left: 0px;
  1391. margin-top: -200px;
  1392. width: 139px;
  1393. height: 600px;
  1394. }
  1395. .sidebar, #header, #footer, .contentheader, .bt, center font b {
  1396. display: none;
  1397. }
  1398. body {
  1399. background-color: #fff;
  1400. }
  1401. body, div, table {
  1402. font: 8pt arial;
  1403. color: #000;
  1404. text-align: justify;
  1405. }
  1406. a:link, a:visited, a:active {
  1407. color: #000;
  1408. text-decoration: none;
  1409. font-weight: bold;
  1410. text-transform: uppercase;
  1411. }
  1412. a:hover {
  1413. color: #d3d3d3;
  1414. }
  1415. a.nav {
  1416. color: #fff;
  1417. font-family: times;
  1418. text-decoration: none;
  1419. margin: 1px;
  1420. padding: 5px;
  1421. float: left;
  1422. width: 150px;
  1423. background-color: #badce5;
  1424. text-align: right;
  1425. }
  1426. a.nav:hover {
  1427. background-color: #c3e6d3;
  1428. color: #899593;
  1429. }
  1430. .top {
  1431. top: 0px;
  1432. left: 20px;
  1433. }
  1434. #blogchange {
  1435. top: 2px;
  1436. left: 530px;
  1437. height: 580px;
  1438. width: 400px;
  1439. padding: 7px;
  1440. overflow: hidden;
  1441. background-color: #e9f6f7;
  1442. border: 0px solid #badce5;
  1443. }
  1444. #blog {
  1445. margin-bottom: 1000px;
  1446. overflow: auto;
  1447. height: 570px;
  1448. }
  1449. #side {
  1450. top: 0px;
  1451. left: 950px;
  1452. height: 500px;
  1453. width: 170px;
  1454. padding: 7px;
  1455. overflow: auto;
  1456. background-color: none;
  1457. }
  1458. b {
  1459. color: #eea985;
  1460. }
  1461. i {
  1462. font-family: georgia;
  1463. color: #eea985;
  1464. }
  1465. h1 {
  1466. color: #087248;
  1467. font-family: arial narrow;
  1468. font-size: 13pt;
  1469. text-align: center;
  1470. text-transform: uppercase;
  1471. letter-spacing: -1px;
  1472. font-weight: normal;
  1473. padding: 3px;
  1474. margin-left: 10px;
  1475. margin-right: 10px;
  1476. border-bottom: 1px solid #087248;
  1477. }
  1478. </style><img src="http://imgur.com/cjt1cxS.png" class="top" style="position: absolute;"><div id="blogchange" style="position: absolute;">
  1479. <a name="blog"></a><div id="blog">
  1480. <h1>Welcome</h1>
  1481.  
  1482. <b>bold</b> <i>italics</i> <a href="/">link</a> hello everyone
  1483. </div>
  1484.  
  1485.  
  1486. <a name="one"></a><div id="blog">
  1487. <h1>PageOne</h1>
  1488.  
  1489. text here
  1490. </div>
  1491.  
  1492. <a name="two"></a><div id="blog">
  1493. <h1>PageTwo</h1>
  1494.  
  1495. text here
  1496. </div>
  1497.  
  1498. <a name="three"></a><div id="blog">
  1499. <h1>PageThree</h1>
  1500.  
  1501. text here
  1502. </div>
  1503.  
  1504. </div>
  1505.  
  1506. <div id="side" style="position: absolute;">
  1507. <a href="#one" class="nav">One</a>
  1508. <a href="#two" class="nav">Two</a>
  1509. <a href="#three" class="nav">Three</a>
  1510. <a href="#blog" class="nav">Clear</a>
  1511. <a href="/" class="nav">Liquid Luck</a>
  1512. </div></textarea></td>
  1513.  
  1514. </tr><tr><td><img src="http://i.imgur.com/6ET9b6r.png"width="300" height="300"></td>
  1515. <td><textarea>*NOTE: THIS PETPAGE USES ANCHORED LINKS*
  1516. <style>
  1517. td a img, .sf, .smallfont, .mbn {
  1518. display: none;
  1519. }
  1520. #text td a img {
  1521. display: inline;
  1522. }
  1523. table, td {
  1524. background: none;
  1525. }
  1526. #main {
  1527. background: 0px;
  1528. border: none;
  1529. margin-left: 0px;
  1530. margin-top: -200px;
  1531. width: 139px;
  1532. height: 600px;
  1533. }
  1534. .sidebar, #header, #footer, .contentheader, .bt, center font b {
  1535. display: none;
  1536. }
  1537. body {
  1538. background: #000;
  1539. }
  1540. body, div, table {
  1541. font: 8pt arial;
  1542. color: #cecece;
  1543. text-align: justify;
  1544. }
  1545. a:link, a:visited, a:active {
  1546. color: #fff;
  1547. text-decoration: none;
  1548. font-weight: bold;
  1549. text-transform: uppercase;
  1550. }
  1551. a:hover {
  1552. color: #d3d3d3;
  1553. }
  1554. a.nav {
  1555. color: #fff;
  1556. font-family: times;
  1557. text-decoration: none;
  1558. margin: 1px;
  1559. padding: 5px;
  1560. float: left;
  1561. width: 108px;
  1562. text-align: center;
  1563. }
  1564. a.nav:hover {
  1565. background-color: #555555;
  1566. color: #000;
  1567. }
  1568. .top {
  1569. top: 0px;
  1570. left: 400px;
  1571. }
  1572. #blogchange {
  1573. top: 230px;
  1574. left: 400px;
  1575. height: 500px;
  1576. width: 600px;
  1577. padding: 7px;
  1578. overflow: hidden;
  1579. background-image: url("http://imgur.com/kyox7cc.png");
  1580. }
  1581. #blog {
  1582. margin-bottom: 1000px;
  1583. overflow: auto;
  1584. height: 490px;
  1585. }
  1586. #side {
  1587. top: 730px;
  1588. left: 400px;
  1589. height: 25px;
  1590. width: 600px;
  1591. padding: 7px;
  1592. overflow: auto;
  1593. background-color: #2e2e2e;
  1594. text-align: center;
  1595. border-bottom: 3px solid #555555;
  1596. }
  1597. b {
  1598. color: #cecece;
  1599. }
  1600. i {
  1601. font-family: georgia;
  1602. color: #cecece;
  1603. }
  1604. h1 {
  1605. color: #4e4368;
  1606. font-family: georgia;
  1607. font-size: 20pt;
  1608. text-align: right;
  1609. text-transform: lowercase;
  1610. letter-spacing: 2px;
  1611. font-weight: normal;
  1612. margin-right: 100px;
  1613. font-style: italic;
  1614. }
  1615. </style><img src="http://imgur.com/w1PjzTF.png" class="top" style="position: absolute;"><div id="blogchange" style="position: absolute;">
  1616. <a name="blog"></a><div id="blog">
  1617. <h1><i>W</i>elcome</h1>
  1618.  
  1619. <b>bold</b> <i>italics</i> <a href="/">link</a> hello everyone
  1620. </div>
  1621.  
  1622.  
  1623. <a name="one"></a><div id="blog">
  1624. <h1>PageOne</h1>
  1625.  
  1626. text here
  1627. </div>
  1628.  
  1629. <a name="two"></a><div id="blog">
  1630. <h1>PageTwo</h1>
  1631.  
  1632. text here
  1633. </div>
  1634.  
  1635. <a name="three"></a><div id="blog">
  1636. <h1>PageThree</h1>
  1637.  
  1638. text here
  1639. </div>
  1640.  
  1641. </div>
  1642.  
  1643. <div id="side" style="position: absolute;">
  1644. <center><a href="#one" class="nav">One</a>
  1645. <a href="#two" class="nav">Two</a>
  1646. <a href="#three" class="nav">Three</a>
  1647. <a href="#blog" class="nav">Clear</a>
  1648. <a href="/" class="nav">Liquid Luck</a></center>
  1649. </div></textarea></td>
  1650.  
  1651. </tr><tr><td><img src="http://i.imgur.com/OeSlEts.jpg"width="300" height="300"></td>
  1652. <td><textarea><style>
  1653. .sf, .object, p, table {
  1654. display: none;
  1655. }
  1656. body {
  1657. font-size: 11px;
  1658. line-height: 20px;
  1659. color: #111;
  1660. background: #fff;
  1661. font-family: Arial;
  1662. text-align: justify;
  1663. margin: 0;
  1664. }
  1665. #container {
  1666. margin: 0 auto 0px;
  1667. width: 568px;
  1668. }
  1669. #header {
  1670. height: 600px;
  1671. width: 600px;
  1672. }
  1673. #navi {
  1674. width: 120px;
  1675. margin-left: 600px;
  1676. margin-top: 550px;
  1677. background: #a4d1c0;
  1678. }
  1679. #navi ul {
  1680. list-style: none;
  1681. padding: 5px;
  1682. margin: 0 0 0 12px;
  1683. }
  1684. #navi li {
  1685. list-style: none;
  1686. margin: 0;
  1687. }
  1688. #navi a:link, #navi a:visited, #navi a:hover, #navi a:active {
  1689. padding: 1px;
  1690. color: #333;
  1691. font-size: 10px;
  1692. letter-spacing: 0px;
  1693. font-family: Times new Roman;
  1694. }
  1695. #navi a:hover {
  1696. color: #fbfbfb;
  1697. text-decoration: none;
  1698. }
  1699. #content {
  1700. width: 540px;
  1701. padding: 2px 30px 10px 30px;
  1702. background: #d9eee9;
  1703. font-family: Arial,Helvetica,sans-serif;
  1704. }
  1705. blockquote {
  1706. margin: 10px;
  1707. color: #cdcdcd;
  1708. background-image: url("http://i1164.photobucket.com/albums/q577/urawolff/s2_zps9fiyevob.jpg");
  1709. font-style: italic;
  1710. padding: 10px;
  1711. font-size: 11px;
  1712. line-height: 20px;
  1713. }
  1714. h1 {
  1715. color: #333;
  1716. text-decoration: none;
  1717. font-family: "Times New Roman",Times,serif;
  1718. font-size: 25px;
  1719. text-align: left;
  1720. padding: 5px;
  1721. letter-spacing: -2px;
  1722. font-style: italic;
  1723. text-transform: uppercase;
  1724. }
  1725. a:active, a:visited, a:link {
  1726. text-decoration: none;
  1727. font-family: Helvetica;
  1728. font-size: 11px;
  1729. color: #000;
  1730. text-transform: uppercase;
  1731. letter-spacing: 1px;
  1732. }
  1733. a:hover {
  1734. color: #fbfbfb;
  1735. }
  1736. b {
  1737. color: #000;
  1738. font-size: 10px;
  1739. }
  1740. i {
  1741. color: -blocked-;
  1742. font-size: 10px;
  1743. }
  1744. #footer {
  1745. width: 600px;
  1746. height: 20px;
  1747. margin: 0 0 0 0;
  1748. background: #a4d1c0;
  1749. }
  1750. #footer ul {
  1751. text-align: center;
  1752. padding: 0px;
  1753. margin: 0px;
  1754. margin-bottom: 10px;
  1755. font-size: 10px;
  1756. color: #547563;
  1757. text-transform: uppercase;
  1758. }
  1759. #footer li {
  1760. margin: 6px;
  1761. padding: 0px;
  1762. display: inline;
  1763. list-style-position: -blocked-;
  1764. }
  1765. </style><div id="container" style="position: relative;">
  1766.  
  1767. <div id="navi" style="position: fixed;">
  1768.  
  1769. <ul><li>
  1770. <a href="/">LINK ONE</a></li>
  1771. <li>
  1772. <a href="/">LINK TWO</a></li>
  1773. <li>
  1774. <a href="/">LINK THREE</a></li>
  1775. <li>
  1776. <a href="/guilds/guild.phtml?id=4174717">Liquid Luck</a></li>
  1777. </ul></div>
  1778.  
  1779. <div id="header">
  1780. <img src="http://i1164.photobucket.com/albums/q577/urawolff/layout1_zpsue4zn0ml.png"></div>
  1781.  
  1782. <div id="content">
  1783. <h1>welcome to my page</h1>
  1784. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  1785.  
  1786. <h1>header 2</h1>
  1787.  
  1788. <blockquote>
  1789. put important information or assignments in blockquotes! put important information or assignments in blockquotes! put important information or assignments in blockquotes!
  1790. </blockquote>
  1791.  
  1792. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  1793.  
  1794.  
  1795.  
  1796. </div>
  1797. <div id="footer">
  1798. <ul><li>Content by YOUR USERNAME HERE for Liquid Luck</li>
  1799.  
  1800. </ul></div>
  1801.  
  1802.  
  1803. </div></textarea></td>
  1804. </tr><tr><td><img src="http://i.imgur.com/HclaKM6.jpg"width="300" height="300"></td>
  1805. <td><textarea>*NOTE: THIS PETPAGE USES ANCHORED LINKS*
  1806. <style type="text/css">
  1807. table {
  1808. background-color: transparent;
  1809. }
  1810. table a img {
  1811. display: none;
  1812. }
  1813. font.sf {
  1814. display: none;
  1815. }
  1816. body {
  1817. color: #999999;
  1818. margin: 0px;
  1819. padding: 0px;
  1820. background: #e7e7e7 url("http://i.imgur.com/0vHOlhN.png") fixed;
  1821. }
  1822. #content {
  1823. margin-left: auto;
  1824. margin-right: auto;
  1825. width: 950px;
  1826. z-index: 3;
  1827. float: -blocked-;
  1828. background: none;
  1829. }
  1830. .picture {
  1831. padding: 5px;
  1832. background-color: #212121;
  1833. }
  1834. #main {
  1835. font-family: arial;
  1836. font-size: 11px;
  1837. color: #454545;
  1838. height: 1000px;
  1839. overflow: hidden;
  1840. background-color: white;
  1841. width: 690px;
  1842. float: right;
  1843. line-height: 102%;
  1844. z-index: 4;
  1845. padding-bottom: -blocked-;
  1846. }
  1847. #side {
  1848. float: left;
  1849. width: 260px;
  1850. height: 1000px;
  1851. z-index: 5;
  1852. font-family: lucida sans unicode;
  1853. font-size: 10px;
  1854. background-color: white;
  1855. line-height: 95%;
  1856. }
  1857. #side p {
  1858. color: #606060;
  1859. background: #e6ccad;
  1860. margin: 20px;
  1861. padding: 7px;
  1862. margin-top: 10px !important;
  1863. }
  1864. #main p {
  1865. padding-left: 10px;
  1866. padding-right: 10px;
  1867. }
  1868. h1 {
  1869. font: italic bold normal 22px times new roman;
  1870. color: #506ba3;
  1871. text-decoration: none;
  1872. text-transform: lowercase;
  1873. text-align: left;
  1874. padding: 5px;
  1875. margin: 7px;
  1876. letter-spacing: 2px;
  1877. background: none;
  1878. border-bottom: 3px solid #e6ccad;
  1879. }
  1880. h2 {
  1881. font-family: georgia;
  1882. font-size: 12px;
  1883. color: #874477;
  1884. text-transform: uppercase;
  1885. padding: 2px;
  1886. background-color: #f9a395;
  1887. margin: 8px;
  1888. text-align: left;
  1889. letter-spacing: 2px;
  1890. }
  1891. h3 {
  1892. font: normal 9px Georgia;
  1893. color: #bb5327;
  1894. margin: 7px;
  1895. padding: 5px;
  1896. text-transform: uppercase;
  1897. background: #90c6d2;
  1898. letter-spacing: 3px;
  1899. margin-bottom: 0px !important;
  1900. text-align: center;
  1901. border-bottom: 3px solid #ecd5b7;
  1902. }
  1903. #side a, a:link, a:visited {
  1904. font: normal 9px arial;
  1905. text-decoration: none;
  1906. letter-spacing: 2px;
  1907. display: block !important;
  1908. background: #ffffff !important;
  1909. margin: 2px;
  1910. text-transform: uppercase;
  1911. color: #343434;
  1912. text-align: center;
  1913. }
  1914. b {
  1915. color: #615b74;
  1916. }
  1917. #side a:hover {
  1918. font: italic normal 9px arial;
  1919. text-decoration: none;
  1920. letter-spacing: 2px;
  1921. display: block !important;
  1922. background: #aecfd4 !important;
  1923. margin: 2px;
  1924. text-transform: uppercase;
  1925. color: #FFFFFF;
  1926. text-align: center;
  1927. }
  1928. blockquote {
  1929. font: 11px arial;
  1930. color: #474747;
  1931. background: #e7e7e7 url("http://i.imgur.com/0vHOlhN.png");
  1932. padding: 5px;
  1933. }
  1934. .page {
  1935. height: 1000px;
  1936. overflow: auto;
  1937. }
  1938. textarea {
  1939. color: #4a4a4a;
  1940. border: solid 1px #cecece;
  1941. font: monospace;
  1942. font-size: 6pt;
  1943. text-transform: uppercase;
  1944. background-color: white;
  1945. height: 25px;
  1946. width: 100px;
  1947. }
  1948. </style><div id="content">
  1949. <img src="http://i1164.photobucket.com/albums/q577/urawolff/layout2_zpsblmwsrnx.png" alt="Header" width="950" height="422"><div id="main">
  1950.  
  1951. <a name="home"></a>
  1952. <div class="page">
  1953. <h1>welcome to my page</h1>
  1954. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
  1955. <blockquote>
  1956. This is a blockquote. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</blockquote>
  1957.  
  1958. </div>
  1959.  
  1960.  
  1961.  
  1962. <br><a name="1"></a>
  1963. <div class="page">
  1964. <h1>Page 1</h1>
  1965. <h3>Page 1</h3>
  1966. Page 1 stuff here.
  1967.  
  1968.  
  1969. </div>
  1970.  
  1971.  
  1972. <a name="2"></a>
  1973. <div class="page">
  1974. <h1>Page 2</h1>
  1975. <h3>Page 2</h3>
  1976. Page 2 stuff here.
  1977.  
  1978.  
  1979. </div>
  1980.  
  1981. <a name="3"></a>
  1982. <div class="page">
  1983. <h1>page 3</h1>
  1984. <h3>page 3</h3>
  1985. Page 3 stuff here.
  1986.  
  1987. </div>
  1988.  
  1989.  
  1990. <a name="4"></a>
  1991. <div class="page">
  1992. <h1>page 4</h1>
  1993.  
  1994. <h3>page 4</h3>
  1995. Page 4 stuff here.
  1996.  
  1997. </div>
  1998.  
  1999.  
  2000. <a name="5"></a>
  2001. <div class="page">
  2002. <h1>page 5</h1>
  2003. <h3>page 5</h3>
  2004. Page 5 stuff here.
  2005.  
  2006.  
  2007. </div>
  2008.  
  2009.  
  2010. <a name="6"></a>
  2011. <div class="page">
  2012. <h1>page 6</h1>
  2013. <h3>page 6</h3>
  2014. Page 6 stuff here.
  2015.  
  2016. </div>
  2017.  
  2018.  
  2019.  
  2020.  
  2021.  
  2022.  
  2023.  
  2024.  
  2025. </div>
  2026.  
  2027.  
  2028. <div id="side">
  2029.  
  2030.  
  2031. <h3>submissions</h3>
  2032. <p align="center">
  2033. <a href="#1">Link one</a>
  2034. <a href="#2">Link two</a>
  2035. <a href="#3">Link three</a>
  2036. <a href="#4">Link four</a>
  2037. <a href="#5">Link five</a>
  2038. <a href="#6">Link six</a>
  2039. <a href="#home">CLEAR</a>
  2040.  
  2041. </p><h3>guild related</h3>
  2042. <p align="center">
  2043. <a href="http://www.neopets.com/guilds/guild.phtml?id=4174717">guild home</a>
  2044. <a href="http://www.neopets.com/~macussa">classes & clubs</a>
  2045. <a href="http://www.neopets.com/~lusciousmalfoy">express</a>
  2046. <a href="http://www.neopets.com/~nomajes">website</a></p>
  2047.  
  2048. <h3>for myself</h3>
  2049. <p align="center">
  2050. <a href="http://www.neopets.com/userlookup.phtml?user=USERNAME">my lookup</a>
  2051. <a href="http://www.neopets.com/~COMMONROOM">my common room</a>
  2052. </p>
  2053.  
  2054.  
  2055.  
  2056.  
  2057. </div></div></textarea></td>
  2058.  
  2059. </tr><tr><td><img src="http://i1164.photobucket.com/albums/q577/urawolff/siriuspre_zpsszqlcmrr.jpg"width="300" height="300"></td>
  2060. <td><textarea><style>
  2061. .sf, .object, p, table {
  2062. display: none;
  2063. }
  2064. body {
  2065. font-size: 11px;
  2066. line-height: 20px;
  2067. color: #111;
  2068. background: #fff;
  2069. font-family: Arial;
  2070. text-align: justify;
  2071. margin: 0;
  2072. }
  2073. #container {
  2074. margin: 0 auto 0px;
  2075. width: 568px;
  2076. }
  2077. #header {
  2078. height: 613px;
  2079. width: 613px;
  2080. }
  2081. #navi {
  2082. width: 120px;
  2083. margin-left: 613px;
  2084. margin-top: 550px;
  2085. background: #bedad3;
  2086. }
  2087. #navi ul {
  2088. list-style: none;
  2089. padding: 5px;
  2090. margin: 0 0 0 12px;
  2091. }
  2092. #navi li {
  2093. list-style: none;
  2094. margin: 0;
  2095. }
  2096. #navi a:link, #navi a:visited, #navi a:hover, #navi a:active {
  2097. padding: 1px;
  2098. color: #333;
  2099. font-size: 10px;
  2100. letter-spacing: 0px;
  2101. font-family: Times new Roman;
  2102. }
  2103. #navi a:hover {
  2104. color: #fbfbfb;
  2105. text-decoration: none;
  2106. }
  2107. #content {
  2108. width: 553px;
  2109. padding: 2px 30px 10px 30px;
  2110. background: #d9eee9;
  2111. font-family: Arial,Helvetica,sans-serif;
  2112. }
  2113. blockquote {
  2114. margin: 10px;
  2115. color: #cdcdcd;
  2116. background-image: url("http://i1164.photobucket.com/albums/q577/urawolff/s2_zps9fiyevob.jpg");
  2117. font-style: italic;
  2118. padding: 10px;
  2119. font-size: 11px;
  2120. line-height: 20px;
  2121. }
  2122. h1 {
  2123. color: #576365;
  2124. text-decoration: none;
  2125. font-family: "Times New Roman",Times,serif;
  2126. font-size: 25px;
  2127. text-align: left;
  2128. padding: 5px;
  2129. letter-spacing: -2px;
  2130. font-style: italic;
  2131. text-transform: uppercase;
  2132. }
  2133. a:active, a:visited, a:link {
  2134. text-decoration: none;
  2135. font-family: Helvetica;
  2136. font-size: 11px;
  2137. color: #000;
  2138. text-transform: uppercase;
  2139. letter-spacing: 1px;
  2140. }
  2141. a:hover {
  2142. color: #fbfbfb;
  2143. }
  2144. b {
  2145. color: #000;
  2146. font-size: 10px;
  2147. }
  2148. i {
  2149. color: -blocked-;
  2150. font-size: 10px;
  2151. }
  2152. #footer {
  2153. width: 613px;
  2154. height: 20px;
  2155. margin: 0 0 0 0;
  2156. background: #78989d;
  2157. }
  2158. #footer ul {
  2159. text-align: center;
  2160. padding: 0px;
  2161. margin: 0px;
  2162. margin-bottom: 10px;
  2163. font-size: 10px;
  2164. color: #576365;
  2165. text-transform: uppercase;
  2166. }
  2167. #footer li {
  2168. margin: 6px;
  2169. padding: 0px;
  2170. display: inline;
  2171. list-style-position: -blocked-;
  2172. }
  2173. </style><div id="container" style="position: relative;">
  2174.  
  2175. <div id="navi" style="position: fixed;">
  2176.  
  2177. <ul><li>
  2178. <a href="/">LINK ONE</a></li>
  2179. <li>
  2180. <a href="/">LINK TWO</a></li>
  2181. <li>
  2182. <a href="/">LINK THREE</a></li>
  2183. <li>
  2184. <a href="/guilds/guild.phtml?id=4174717">Liquid Luck</a></li>
  2185. </ul></div>
  2186.  
  2187. <div id="header">
  2188. <img src="http://i1164.photobucket.com/albums/q577/urawolff/sirius_zpsbwfkd3da.png"></div>
  2189.  
  2190. <div id="content">
  2191. <h1>welcome to my page</h1>
  2192. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  2193.  
  2194. <h1>header 2</h1>
  2195.  
  2196. <blockquote>
  2197. put important information or assignments in blockquotes! put important information or assignments in blockquotes! put important information or assignments in blockquotes!
  2198. </blockquote>
  2199.  
  2200. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  2201.  
  2202.  
  2203.  
  2204. </div>
  2205. <div id="footer">
  2206. <ul><li>Content by YOUR USERNAME HERE for Liquid Luck</li>
  2207.  
  2208. </ul></div>
  2209.  
  2210.  
  2211. </div></textarea></td>
  2212.  
  2213. </tr><tr><td><img src="http://i1164.photobucket.com/albums/q577/urawolff/dancepre_zpsitf1ifra.jpg"width="300" height="300"></td>
  2214. <td><textarea><style>
  2215. .sf, .object, p, table {
  2216. display: none;
  2217. }
  2218. body {
  2219. font-size: 11px;
  2220. line-height: 20px;
  2221. color: #111;
  2222. background: #d5cfc5;
  2223. font-family: Arial;
  2224. text-align: justify;
  2225. margin: 0;
  2226. }
  2227. #container {
  2228. margin: 0 auto 0px;
  2229. width: 568px;
  2230. }
  2231. #header {
  2232. height: 613px;
  2233. width: 613px;
  2234. }
  2235. #navi {
  2236. width: 120px;
  2237. margin-left: 613px;
  2238. margin-top: 550px;
  2239. background: #79b7ad;
  2240. }
  2241. #navi ul {
  2242. list-style: none;
  2243. padding: 5px;
  2244. margin: 0 0 0 12px;
  2245. }
  2246. #navi li {
  2247. list-style: none;
  2248. margin: 0;
  2249. }
  2250. #navi a:link, #navi a:visited, #navi a:hover, #navi a:active {
  2251. padding: 1px;
  2252. color: #333;
  2253. font-size: 10px;
  2254. letter-spacing: 0px;
  2255. font-family: Times new Roman;
  2256. }
  2257. #navi a:hover {
  2258. color: #fbfbfb;
  2259. text-decoration: none;
  2260. }
  2261. #content {
  2262. width: 553px;
  2263. padding: 2px 30px 10px 30px;
  2264. background: #f7e7c2;
  2265. font-family: Arial,Helvetica,sans-serif;
  2266. }
  2267. blockquote {
  2268. margin: 10px;
  2269. color: #cdcdcd;
  2270. background-image: url("http://i1164.photobucket.com/albums/q577/urawolff/s2_zps9fiyevob.jpg");
  2271. font-style: italic;
  2272. padding: 10px;
  2273. font-size: 11px;
  2274. line-height: 20px;
  2275. }
  2276. h1 {
  2277. color: #e93599;
  2278. text-decoration: none;
  2279. font-family: "Times New Roman",Times,serif;
  2280. font-size: 25px;
  2281. text-align: left;
  2282. padding: 5px;
  2283. letter-spacing: -2px;
  2284. font-style: italic;
  2285. text-transform: uppercase;
  2286. }
  2287. a:active, a:visited, a:link {
  2288. text-decoration: none;
  2289. font-family: Helvetica;
  2290. font-size: 11px;
  2291. color: #000;
  2292. text-transform: uppercase;
  2293. letter-spacing: 1px;
  2294. }
  2295. a:hover {
  2296. color: #fbfbfb;
  2297. }
  2298. b {
  2299. color: #000;
  2300. font-size: 10px;
  2301. }
  2302. i {
  2303. color: -blocked-;
  2304. font-size: 10px;
  2305. }
  2306. #footer {
  2307. width: 613px;
  2308. height: 20px;
  2309. margin: 0 0 0 0;
  2310. background: #e75c8c;
  2311. }
  2312. #footer ul {
  2313. text-align: center;
  2314. padding: 0px;
  2315. margin: 0px;
  2316. margin-bottom: 10px;
  2317. font-size: 10px;
  2318. color: #350c1f;
  2319. text-transform: uppercase;
  2320. }
  2321. #footer li {
  2322. margin: 6px;
  2323. padding: 0px;
  2324. display: inline;
  2325. list-style-position: -blocked-;
  2326. }
  2327. </style><div id="container" style="position: relative;">
  2328.  
  2329. <div id="navi" style="position: fixed;">
  2330.  
  2331. <ul><li>
  2332. <a href="/">LINK ONE</a></li>
  2333. <li>
  2334. <a href="/">LINK TWO</a></li>
  2335. <li>
  2336. <a href="/">LINK THREE</a></li>
  2337. <li>
  2338. <a href="/guilds/guild.phtml?id=4174717">Liquid Luck</a></li>
  2339. </ul></div>
  2340.  
  2341. <div id="header">
  2342. <img src="http://i1164.photobucket.com/albums/q577/urawolff/petp4_zpscvo07zok.png"></div>
  2343.  
  2344. <div id="content">
  2345. <h1>welcome to my page</h1>
  2346. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  2347.  
  2348. <h1>header 2</h1>
  2349.  
  2350. <blockquote>
  2351. put important information or assignments in blockquotes! put important information or assignments in blockquotes! put important information or assignments in blockquotes!
  2352.  
  2353.  
  2354. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  2355.  
  2356.  
  2357.  
  2358. </blockquote></div>
  2359. <div id="footer">
  2360. <ul><li>Content by YOUR USERNAME HERE for Liquid Luck</li>
  2361.  
  2362. </ul></div>
  2363.  
  2364.  
  2365. </div></textarea></td>
  2366.  
  2367. </tr><tr><td><img src="http://i1164.photobucket.com/albums/q577/urawolff/snpre_zpscbjbyzkh.jpg"width="300" height="300"></td>
  2368. <td><textarea>*NOTE: THIS PETPAGE USES ANCHORED LINKS*
  2369. <style type="text/css">
  2370. table {
  2371. background-color: transparent;
  2372. }
  2373. table a img {
  2374. display: none;
  2375. }
  2376. font.sf {
  2377. display: none;
  2378. }
  2379. body {
  2380. color: #999999;
  2381. margin: 0px;
  2382. padding: 0px;
  2383. background-image: url("http://i.imgur.com/0noZAW9.jpg");
  2384. background-repeat: repeat-x;
  2385. background-attachment: fixed;
  2386. background-position: top center;
  2387. background-color: #1b1b1b;
  2388. }
  2389. #content {
  2390. margin-left: auto;
  2391. margin-right: auto;
  2392. width: 950px;
  2393. z-index: 3;
  2394. float: -blocked-;
  2395. background: none;
  2396. }
  2397. .picture {
  2398. padding: 5px;
  2399. background-color: #212121;
  2400. }
  2401. #main {
  2402. font-family: arial;
  2403. font-size: 11px;
  2404. color: #454545;
  2405. height: 1000px;
  2406. overflow: hidden;
  2407. background-color: white;
  2408. width: 690px;
  2409. float: right;
  2410. line-height: 102%;
  2411. z-index: 4;
  2412. padding-bottom: -blocked-;
  2413. }
  2414. #side {
  2415. float: left;
  2416. width: 260px;
  2417. height: 1000px;
  2418. z-index: 5;
  2419. font-family: lucida sans unicode;
  2420. font-size: 10px;
  2421. background-color: white;
  2422. line-height: 95%;
  2423. }
  2424. #side p {
  2425. color: #606060;
  2426. background: #212121;
  2427. margin: 20px;
  2428. padding: 7px;
  2429. margin-top: 10px !important;
  2430. }
  2431. #main p {
  2432. padding-left: 10px;
  2433. padding-right: 10px;
  2434. }
  2435. h1 {
  2436. font: italic bold normal 22px arial;
  2437. color: #191919;
  2438. text-decoration: none;
  2439. text-transform: lowercase;
  2440. text-align: left;
  2441. padding: 5px;
  2442. margin: 7px;
  2443. letter-spacing: -2px;
  2444. background: none;
  2445. border-bottom: 3px solid #d5d5d5;
  2446. }
  2447. h2 {
  2448. font-family: georgia;
  2449. font-size: 12px;
  2450. color: #874477;
  2451. text-transform: uppercase;
  2452. padding: 2px;
  2453. background-color: #f9a395;
  2454. margin: 8px;
  2455. text-align: left;
  2456. letter-spacing: 2px;
  2457. }
  2458. h3 {
  2459. font: normal 9px courier;
  2460. color: #23112c;
  2461. margin: 7px;
  2462. padding: 5px;
  2463. text-transform: uppercase;
  2464. background: #e8e8e8;
  2465. letter-spacing: 3px;
  2466. margin-bottom: 0px !important;
  2467. text-align: center;
  2468. border: 1px solid #171717;
  2469. }
  2470. #side a, a:link, a:visited {
  2471. font: normal 9px arial;
  2472. text-decoration: none;
  2473. letter-spacing: 2px;
  2474. display: block !important;
  2475. background: #d5d5d5 !important;
  2476. margin: 2px;
  2477. text-transform: uppercase;
  2478. color: #212121;
  2479. text-align: center;
  2480. }
  2481. b {
  2482. color: #cf38ad;
  2483. }
  2484. #side a:hover {
  2485. font: italic normal 9px arial;
  2486. text-decoration: none;
  2487. letter-spacing: 2px;
  2488. display: block !important;
  2489. background: #212121 !important;
  2490. margin: 2px;
  2491. text-transform: uppercase;
  2492. color: #FFFFFF;
  2493. text-align: center;
  2494. }
  2495. blockquote {
  2496. font: 11px arial;
  2497. color: #e8e8e8;
  2498. background: #e7e7e7 url("http://i.imgur.com/Q3R6rpR.png");
  2499. padding: 5px;
  2500. }
  2501. .page {
  2502. height: 1000px;
  2503. overflow: auto;
  2504. }
  2505. textarea {
  2506. color: #4a4a4a;
  2507. border: solid 1px #cecece;
  2508. font: monospace;
  2509. font-size: 6pt;
  2510. text-transform: uppercase;
  2511. background-color: white;
  2512. height: 25px;
  2513. width: 100px;
  2514. }
  2515. </style><div id="content">
  2516. <img src="http://i1164.photobucket.com/albums/q577/urawolff/snape_zpshvz1pryw.png" alt="Header" width="950" height="422"><div id="main">
  2517.  
  2518. <a name="home"></a>
  2519. <div class="page">
  2520. <h1>welcome to my page</h1>
  2521. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
  2522. <blockquote>
  2523. This is a blockquote. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</blockquote>
  2524.  
  2525. </div>
  2526.  
  2527.  
  2528.  
  2529. <br><a name="1"></a>
  2530. <div class="page">
  2531. <h1>Page 1</h1>
  2532. <h3>Page 1</h3>
  2533. Page 1 stuff here.
  2534.  
  2535.  
  2536. </div>
  2537.  
  2538.  
  2539. <a name="2"></a>
  2540. <div class="page">
  2541. <h1>Page 2</h1>
  2542. <h3>Page 2</h3>
  2543. Page 2 stuff here.
  2544.  
  2545.  
  2546. </div>
  2547.  
  2548. <a name="3"></a>
  2549. <div class="page">
  2550. <h1>page 3</h1>
  2551. <h3>page 3</h3>
  2552. Page 3 stuff here.
  2553.  
  2554. </div>
  2555.  
  2556.  
  2557. <a name="4"></a>
  2558. <div class="page">
  2559. <h1>page 4</h1>
  2560.  
  2561. <h3>page 4</h3>
  2562. Page 4 stuff here.
  2563.  
  2564. </div>
  2565.  
  2566.  
  2567. <a name="5"></a>
  2568. <div class="page">
  2569. <h1>page 5</h1>
  2570. <h3>page 5</h3>
  2571. Page 5 stuff here.
  2572.  
  2573.  
  2574. </div>
  2575.  
  2576.  
  2577. <a name="6"></a>
  2578. <div class="page">
  2579. <h1>page 6</h1>
  2580. <h3>page 6</h3>
  2581. Page 6 stuff here.
  2582.  
  2583. </div>
  2584.  
  2585.  
  2586.  
  2587.  
  2588.  
  2589.  
  2590.  
  2591.  
  2592. </div>
  2593.  
  2594.  
  2595. <div id="side">
  2596.  
  2597.  
  2598. <h3>submissions</h3>
  2599. <p align="center">
  2600. <a href="#1">Link one</a>
  2601. <a href="#2">Link two</a>
  2602. <a href="#3">Link three</a>
  2603. <a href="#4">Link four</a>
  2604. <a href="#5">Link five</a>
  2605. <a href="#6">Link six</a>
  2606. <a href="#home">CLEAR</a>
  2607.  
  2608. </p><h3>guild related</h3>
  2609. <p align="center">
  2610. <a href="http://www.neopets.com/guilds/guild.phtml?id=4174717">guild home</a>
  2611. <a href="http://www.neopets.com/~macussa">classes & clubs</a>
  2612. <a href="http://www.neopets.com/~lusciousmalfoy">express</a>
  2613. <a href="http://www.neopets.com/~nomajes">website</a></p>
  2614.  
  2615. <h3>for myself</h3>
  2616. <p align="center">
  2617. <a href="http://www.neopets.com/userlookup.phtml?user=USERNAME">my lookup</a>
  2618. <a href="http://www.neopets.com/~COMMONROOM">my common room</a>
  2619. </p>
  2620.  
  2621.  
  2622.  
  2623.  
  2624. </div></div></textarea></td>
  2625.  
  2626.  
  2627. </tr></table><br><br><h2 id="userlookups">userlookups <a href="#upsie">back to the top</a></h2>
  2628.  
  2629. <center>
  2630. <table class="userlookups"><tr><td><img src="http://i.imgur.com/QIj9Vba.png"width="300" height="300"></td>
  2631. <td><textarea><style>
  2632. .content div b {
  2633. display: none;
  2634. }
  2635. .contentModule div a img, .contentModule div b {
  2636. display: inline;
  2637. }
  2638. #top, #header, #footer, hr, .mbn, #ban, #userneohome, #habitarium, #ncmall {
  2639. display: none;
  2640. }
  2641. .contentModule {
  2642. width: auto;
  2643. }
  2644. #userinfo table {
  2645. border-top: 0px !important;
  2646. }
  2647. .contentModuleHeaderAlt, .contentModuleHeader, .contentModuleContent {
  2648. background-color: white;
  2649. }
  2650. .contentModule, .contentModuleTable {
  2651. border: none;
  2652. background: white;
  2653. }
  2654. .contentModule {
  2655. border-bottom: 0px solid #1a1a1a;
  2656. }
  2657. #main {
  2658. width: 760px;
  2659. text-align: left;
  2660. margin-top: 0px;
  2661. background: white;
  2662. border: none;
  2663. margin-left: 150px;
  2664. border-left: 10px solid #811919;
  2665. border-right: 10px solid #8a4e21;
  2666. }
  2667. #content {
  2668. width: 740px;
  2669. }
  2670. body {
  2671. background-image: url("http://imgur.com/RCaQ2zD.png");
  2672. background-repeat: no-repeat;
  2673. background-attachment: fixed;
  2674. background-position: top right;
  2675. background-color: #000;
  2676. }
  2677. #usertrophies, #userneopets {
  2678. width: 740px;
  2679. }
  2680. #userinfo {
  2681. width: 345px;
  2682. }
  2683. #usercollections {
  2684. width: 215px;
  2685. }
  2686. #usershop {
  2687. width: 170px;
  2688. }
  2689. #userneopets {
  2690. width: 750px;
  2691. }
  2692. #userneopets img {
  2693. border: none;
  2694. }
  2695. #usertrophies img {
  2696. border: none;
  2697. }
  2698. #userneopets a {
  2699. display: block;
  2700. width: 150px;
  2701. height: 150px;
  2702. overflow: hidden;
  2703. background: #FFFFFF;
  2704. }
  2705. #usertrophies {
  2706. width: 740px;
  2707. }
  2708. #main, .medText, td, #nst, .sf {
  2709. color: #000;
  2710. font: 11px cambria;
  2711. }
  2712. a:link, a b, a:visited {
  2713. font: 11px camrbia;
  2714. color: #7e1818;
  2715. font-weight: bold;
  2716. }
  2717. a:hover b, a:hover {
  2718. color: #fff;
  2719. font-weight: bold;
  2720. }
  2721. b {
  2722. color: #000;
  2723. }
  2724. .contentModuleHeader, .contentModuleHeaderAlt {
  2725. font: 7pt verdana;
  2726. color: #acacac;
  2727. text-align: right;
  2728. font-weight: normal;
  2729. letter-spacing: 1px;
  2730. text-transform: uppercase;
  2731. background-color: #fff;
  2732. width: 100%;
  2733. padding-left: 10px;
  2734. border-bottom: 1px solid #acacac;
  2735. }
  2736. #nav {
  2737. width: 730px;
  2738. }
  2739. .nav a:link, .nav a:visited {
  2740. font: 10px verdana;
  2741. display: block;
  2742. text-transform: uppercase;
  2743. float: left;
  2744. font-weight: bold;
  2745. text-decoration: none;
  2746. text-align: center;
  2747. width: 80px;
  2748. height: 15px;
  2749. color: #1a1a1a;
  2750. background-color: white;
  2751. letter-spacing: 1px;
  2752. }
  2753. .nav a:hover {
  2754. color: #acacac;
  2755. }
  2756. h1 {
  2757. font: 15pt times;
  2758. color: #591111;
  2759. text-align: left;
  2760. font-weight: normal;
  2761. letter-spacing: 1px;
  2762. text-transform: uppercase;
  2763. margin-bottom: 4px;
  2764. }
  2765. .blog {
  2766. width: 400px;
  2767. }
  2768. </style><div id="nav" class="nav">
  2769. <a href="/myaccount.phtml">account</a>
  2770. <a href="/customise/">customise</a>
  2771. <a href="/games/arcade.phtml">games</a>
  2772. <a href="/explore.phtml">explore</a>
  2773. <a href="/nf.phtml">news</a>
  2774. <a href="/community/index.phtml">community</a>
  2775. <a href="/objects.phtml">shops</a>
  2776. <a href="/mall/index.phtml">nc mall</a>
  2777. <a href="http://nc.neopets.com/membership/">premium</a>
  2778. </div>
  2779. <br><div class="blog"><h1>ABOUT ME</h1>
  2780. hello
  2781. </div>
  2782. <br></textarea></td>
  2783.  
  2784. </tr><tr><td><img src="http://i.imgur.com/61hwyOq.png"width="300" height="300"></td>
  2785. <td><textarea><style>
  2786. .content div b {
  2787. display: none;
  2788. }
  2789. .contentModule div a img, .contentModule div b {
  2790. display: inline;
  2791. }
  2792. #top, #header, #footer, hr, .mbn, #ban, #userneohome, #habitarium, #ncmall {
  2793. display: none;
  2794. }
  2795. .contentModule {
  2796. width: auto;
  2797. }
  2798. #userinfo table {
  2799. border-top: 0px !important;
  2800. }
  2801. .contentModuleHeaderAlt, .contentModuleHeader, .contentModuleContent {
  2802. background-color: white;
  2803. }
  2804. .contentModule, .contentModuleTable {
  2805. border: none;
  2806. background: white;
  2807. }
  2808. .contentModule {
  2809. border-bottom: 0px solid #1a1a1a;
  2810. }
  2811. #main {
  2812. width: 760px;
  2813. text-align: left;
  2814. margin-top: 0px;
  2815. background: white;
  2816. border: none;
  2817. margin-left: 150px;
  2818. border-left: 10px solid #d9b028;
  2819. border-right: 10px solid #666561;
  2820. }
  2821. #content {
  2822. width: 740px;
  2823. }
  2824. body {
  2825. background-image: url("http://imgur.com/wkL6mHt.png");
  2826. background-repeat: no-repeat;
  2827. background-attachment: fixed;
  2828. background-position: top right;
  2829. background-color: #000;
  2830. }
  2831. #usertrophies, #userneopets {
  2832. width: 740px;
  2833. }
  2834. #userinfo {
  2835. width: 345px;
  2836. }
  2837. #usercollections {
  2838. width: 215px;
  2839. }
  2840. #usershop {
  2841. width: 170px;
  2842. }
  2843. #userneopets {
  2844. width: 750px;
  2845. }
  2846. #userneopets img {
  2847. border: none;
  2848. }
  2849. #usertrophies img {
  2850. border: none;
  2851. }
  2852. #userneopets a {
  2853. display: block;
  2854. width: 150px;
  2855. height: 150px;
  2856. overflow: hidden;
  2857. background: #FFFFFF;
  2858. }
  2859. #usertrophies {
  2860. width: 740px;
  2861. }
  2862. #main, .medText, td, #nst, .sf {
  2863. color: #000;
  2864. font: 11px cambria;
  2865. }
  2866. a:link, a b, a:visited {
  2867. font: 11px camrbia;
  2868. color: #d9b028;
  2869. font-weight: bold;
  2870. }
  2871. a:hover b, a:hover {
  2872. color: #fff;
  2873. font-weight: bold;
  2874. }
  2875. b {
  2876. color: #000;
  2877. }
  2878. .contentModuleHeader, .contentModuleHeaderAlt {
  2879. font: 7pt verdana;
  2880. color: #acacac;
  2881. text-align: right;
  2882. font-weight: normal;
  2883. letter-spacing: 1px;
  2884. text-transform: uppercase;
  2885. background-color: #fff;
  2886. width: 100%;
  2887. padding-left: 10px;
  2888. border-bottom: 1px solid #acacac;
  2889. }
  2890. #nav {
  2891. width: 730px;
  2892. }
  2893. .nav a:link, .nav a:visited {
  2894. font: 10px verdana;
  2895. display: block;
  2896. text-transform: uppercase;
  2897. float: left;
  2898. font-weight: bold;
  2899. text-decoration: none;
  2900. text-align: center;
  2901. width: 80px;
  2902. height: 15px;
  2903. color: #1a1a1a;
  2904. background-color: white;
  2905. letter-spacing: 1px;
  2906. }
  2907. .nav a:hover {
  2908. color: #acacac;
  2909. }
  2910. h1 {
  2911. font: 15pt times;
  2912. color: #d9b028;
  2913. text-align: left;
  2914. font-weight: normal;
  2915. letter-spacing: 1px;
  2916. text-transform: uppercase;
  2917. margin-bottom: 4px;
  2918. }
  2919. .blog {
  2920. width: 400px;
  2921. }
  2922. </style><div id="nav" class="nav">
  2923. <a href="/myaccount.phtml">account</a>
  2924. <a href="/customise/">customise</a>
  2925. <a href="/games/arcade.phtml">games</a>
  2926. <a href="/explore.phtml">explore</a>
  2927. <a href="/nf.phtml">news</a>
  2928. <a href="/community/index.phtml">community</a>
  2929. <a href="/objects.phtml">shops</a>
  2930. <a href="/mall/index.phtml">nc mall</a>
  2931. <a href="http://nc.neopets.com/membership/">premium</a>
  2932. </div>
  2933. <br><div class="blog"><h1>ABOUT ME</h1>
  2934. hello
  2935. </div>
  2936. <br></textarea></td>
  2937.  
  2938. </tr><tr><td><img src="http://i.imgur.com/7sE3qtB.png"width="300" height="300"></td>
  2939. <td><textarea><style>
  2940. .content div b {
  2941. display: none;
  2942. }
  2943. .contentModule div a img, .contentModule div b {
  2944. display: inline;
  2945. }
  2946. #top, #header, #footer, hr, .mbn, #ban, #userneohome, #habitarium, #ncmall {
  2947. display: none;
  2948. }
  2949. .contentModule {
  2950. width: auto;
  2951. }
  2952. #userinfo table {
  2953. border-top: 0px !important;
  2954. }
  2955. .contentModuleHeaderAlt, .contentModuleHeader, .contentModuleContent {
  2956. background-color: white;
  2957. }
  2958. .contentModule, .contentModuleTable {
  2959. border: none;
  2960. background: white;
  2961. }
  2962. .contentModule {
  2963. border-bottom: 0px solid #1a1a1a;
  2964. }
  2965. #main {
  2966. width: 760px;
  2967. text-align: left;
  2968. margin-top: 0px;
  2969. background: white;
  2970. border: none;
  2971. margin-left: 150px;
  2972. border-left: 10px solid #0195c2;
  2973. border-right: 10px solid #896048;
  2974. }
  2975. #content {
  2976. width: 740px;
  2977. }
  2978. body {
  2979. background-image: url("http://imgur.com/JL5BSJ0.png");
  2980. background-repeat: no-repeat;
  2981. background-attachment: fixed;
  2982. background-position: top right;
  2983. background-color: #000;
  2984. }
  2985. #usertrophies, #userneopets {
  2986. width: 740px;
  2987. }
  2988. #userinfo {
  2989. width: 345px;
  2990. }
  2991. #usercollections {
  2992. width: 215px;
  2993. }
  2994. #usershop {
  2995. width: 170px;
  2996. }
  2997. #userneopets {
  2998. width: 750px;
  2999. }
  3000. #userneopets img {
  3001. border: none;
  3002. }
  3003. #usertrophies img {
  3004. border: none;
  3005. }
  3006. #userneopets a {
  3007. display: block;
  3008. width: 150px;
  3009. height: 150px;
  3010. overflow: hidden;
  3011. background: #FFFFFF;
  3012. }
  3013. #usertrophies {
  3014. width: 740px;
  3015. }
  3016. #main, .medText, td, #nst, .sf {
  3017. color: #000;
  3018. font: 11px cambria;
  3019. }
  3020. a:link, a b, a:visited {
  3021. font: 11px camrbia;
  3022. color: #0195c2;
  3023. font-weight: bold;
  3024. }
  3025. a:hover b, a:hover {
  3026. color: #fff;
  3027. font-weight: bold;
  3028. }
  3029. b {
  3030. color: #000;
  3031. }
  3032. .contentModuleHeader, .contentModuleHeaderAlt {
  3033. font: 7pt verdana;
  3034. color: #acacac;
  3035. text-align: right;
  3036. font-weight: normal;
  3037. letter-spacing: 1px;
  3038. text-transform: uppercase;
  3039. background-color: #fff;
  3040. width: 100%;
  3041. padding-left: 10px;
  3042. border-bottom: 1px solid #acacac;
  3043. }
  3044. #nav {
  3045. width: 730px;
  3046. }
  3047. .nav a:link, .nav a:visited {
  3048. font: 10px verdana;
  3049. display: block;
  3050. text-transform: uppercase;
  3051. float: left;
  3052. font-weight: bold;
  3053. text-decoration: none;
  3054. text-align: center;
  3055. width: 80px;
  3056. height: 15px;
  3057. color: #1a1a1a;
  3058. background-color: white;
  3059. letter-spacing: 1px;
  3060. }
  3061. .nav a:hover {
  3062. color: #acacac;
  3063. }
  3064. h1 {
  3065. font: 15pt times;
  3066. color: #0195c2;
  3067. text-align: left;
  3068. font-weight: normal;
  3069. letter-spacing: 1px;
  3070. text-transform: uppercase;
  3071. margin-bottom: 4px;
  3072. }
  3073. .blog {
  3074. width: 400px;
  3075. }
  3076. </style><div id="nav" class="nav">
  3077. <a href="/myaccount.phtml">account</a>
  3078. <a href="/customise/">customise</a>
  3079. <a href="/games/arcade.phtml">games</a>
  3080. <a href="/explore.phtml">explore</a>
  3081. <a href="/nf.phtml">news</a>
  3082. <a href="/community/index.phtml">community</a>
  3083. <a href="/objects.phtml">shops</a>
  3084. <a href="/mall/index.phtml">nc mall</a>
  3085. <a href="http://nc.neopets.com/membership/">premium</a>
  3086. </div>
  3087. <br><div class="blog"><h1>ABOUT ME</h1>
  3088. hello
  3089. </div>
  3090. <br></textarea></td>
  3091.  
  3092. </tr><tr><td><img src="http://i.imgur.com/xe8A8AP.png"width="300" height="300"></td>
  3093. <td><textarea><style>
  3094. .content div b {
  3095. display: none;
  3096. }
  3097. .contentModule div a img, .contentModule div b {
  3098. display: inline;
  3099. }
  3100. #top, #header, #footer, hr, .mbn, #ban, #userneohome, #habitarium, #ncmall {
  3101. display: none;
  3102. }
  3103. .contentModule {
  3104. width: auto;
  3105. }
  3106. #userinfo table {
  3107. border-top: 0px !important;
  3108. }
  3109. .contentModuleHeaderAlt, .contentModuleHeader, .contentModuleContent {
  3110. background-color: white;
  3111. }
  3112. .contentModule, .contentModuleTable {
  3113. border: none;
  3114. background: white;
  3115. }
  3116. .contentModule {
  3117. border-bottom: 0px solid #1a1a1a;
  3118. }
  3119. #main {
  3120. width: 760px;
  3121. text-align: left;
  3122. margin-top: 0px;
  3123. background: white;
  3124. border: none;
  3125. margin-left: 150px;
  3126. border-left: 10px solid #494949;
  3127. border-right: 10px solid #1b6835;
  3128. }
  3129. #content {
  3130. width: 740px;
  3131. }
  3132. body {
  3133. background-image: url("http://imgur.com/loRiE6a.png");
  3134. background-repeat: no-repeat;
  3135. background-attachment: fixed;
  3136. background-position: top right;
  3137. background-color: #000;
  3138. }
  3139. #usertrophies, #userneopets {
  3140. width: 740px;
  3141. }
  3142. #userinfo {
  3143. width: 345px;
  3144. }
  3145. #usercollections {
  3146. width: 215px;
  3147. }
  3148. #usershop {
  3149. width: 170px;
  3150. }
  3151. #userneopets {
  3152. width: 750px;
  3153. }
  3154. #userneopets img {
  3155. border: none;
  3156. }
  3157. #usertrophies img {
  3158. border: none;
  3159. }
  3160. #userneopets a {
  3161. display: block;
  3162. width: 150px;
  3163. height: 150px;
  3164. overflow: hidden;
  3165. background: #FFFFFF;
  3166. }
  3167. #usertrophies {
  3168. width: 740px;
  3169. }
  3170. #main, .medText, td, #nst, .sf {
  3171. color: #000;
  3172. font: 11px cambria;
  3173. }
  3174. a:link, a b, a:visited {
  3175. font: 11px camrbia;
  3176. color: #1b6835;
  3177. font-weight: bold;
  3178. }
  3179. a:hover b, a:hover {
  3180. color: #fff;
  3181. font-weight: bold;
  3182. }
  3183. b {
  3184. color: #000;
  3185. }
  3186. .contentModuleHeader, .contentModuleHeaderAlt {
  3187. font: 7pt verdana;
  3188. color: #acacac;
  3189. text-align: right;
  3190. font-weight: normal;
  3191. letter-spacing: 1px;
  3192. text-transform: uppercase;
  3193. background-color: #fff;
  3194. width: 100%;
  3195. padding-left: 10px;
  3196. border-bottom: 1px solid #acacac;
  3197. }
  3198. #nav {
  3199. width: 730px;
  3200. }
  3201. .nav a:link, .nav a:visited {
  3202. font: 10px verdana;
  3203. display: block;
  3204. text-transform: uppercase;
  3205. float: left;
  3206. font-weight: bold;
  3207. text-decoration: none;
  3208. text-align: center;
  3209. width: 80px;
  3210. height: 15px;
  3211. color: #1a1a1a;
  3212. background-color: white;
  3213. letter-spacing: 1px;
  3214. }
  3215. .nav a:hover {
  3216. color: #acacac;
  3217. }
  3218. h1 {
  3219. font: 15pt times;
  3220. color: #1b6835;
  3221. text-align: left;
  3222. font-weight: normal;
  3223. letter-spacing: 1px;
  3224. text-transform: uppercase;
  3225. margin-bottom: 4px;
  3226. }
  3227. .blog {
  3228. width: 400px;
  3229. }
  3230. </style><div id="nav" class="nav">
  3231. <a href="/myaccount.phtml">account</a>
  3232. <a href="/customise/">customise</a>
  3233. <a href="/games/arcade.phtml">games</a>
  3234. <a href="/explore.phtml">explore</a>
  3235. <a href="/nf.phtml">news</a>
  3236. <a href="/community/index.phtml">community</a>
  3237. <a href="/objects.phtml">shops</a>
  3238. <a href="/mall/index.phtml">nc mall</a>
  3239. <a href="http://nc.neopets.com/membership/">premium</a>
  3240. </div>
  3241. <br><div class="blog"><h1>ABOUT ME</h1>
  3242. hello
  3243. </div>
  3244. <br></textarea></td>
  3245.  
  3246. </tr><tr><td><img src="http://i.imgur.com/Kpp0sp8.png"width="300" height="300"></td>
  3247. <td><textarea><style>
  3248. .content div b {
  3249. display: none;
  3250. }
  3251. .contentModule div a img, .contentModule div b {
  3252. display: inline;
  3253. }
  3254. #top, #header, #footer, hr, .mbn, #ban, #userneohome, #habitarium, #ncmall {
  3255. display: none;
  3256. }
  3257. .contentModule {
  3258. width: auto;
  3259. }
  3260. #userinfo table {
  3261. border-top: 0px !important;
  3262. }
  3263. .contentModuleHeaderAlt, .contentModuleHeader, .contentModuleContent {
  3264. background-color: white;
  3265. }
  3266. .contentModule, .contentModuleTable {
  3267. border: none;
  3268. background: white;
  3269. }
  3270. .contentModule {
  3271. border-bottom: 0px solid #1a1a1a;
  3272. }
  3273. #main {
  3274. width: 760px;
  3275. text-align: left;
  3276. margin-top: 0px;
  3277. background: white;
  3278. border: none;
  3279. margin-left: 150px;
  3280. border-left: 10px solid #61389e;
  3281. border-right: 10px solid #dcd564;
  3282. }
  3283. #content {
  3284. width: 740px;
  3285. }
  3286. body {
  3287. background-image: url("http://imgur.com/WduTtw8.png");
  3288. background-repeat: no-repeat;
  3289. background-attachment: fixed;
  3290. background-position: top right;
  3291. background-color: #000;
  3292. }
  3293. #usertrophies, #userneopets {
  3294. width: 740px;
  3295. }
  3296. #userinfo {
  3297. width: 345px;
  3298. }
  3299. #usercollections {
  3300. width: 215px;
  3301. }
  3302. #usershop {
  3303. width: 170px;
  3304. }
  3305. #userneopets {
  3306. width: 750px;
  3307. }
  3308. #userneopets img {
  3309. border: none;
  3310. }
  3311. #usertrophies img {
  3312. border: none;
  3313. }
  3314. #userneopets a {
  3315. display: block;
  3316. width: 150px;
  3317. height: 150px;
  3318. overflow: hidden;
  3319. background: #FFFFFF;
  3320. }
  3321. #usertrophies {
  3322. width: 740px;
  3323. }
  3324. #main, .medText, td, #nst, .sf {
  3325. color: #000;
  3326. font: 11px cambria;
  3327. }
  3328. a:link, a b, a:visited {
  3329. font: 11px camrbia;
  3330. color: #932024;
  3331. font-weight: bold;
  3332. }
  3333. a:hover b, a:hover {
  3334. color: #fff;
  3335. font-weight: bold;
  3336. }
  3337. b {
  3338. color: #000;
  3339. }
  3340. .contentModuleHeader, .contentModuleHeaderAlt {
  3341. font: 7pt verdana;
  3342. color: #acacac;
  3343. text-align: right;
  3344. font-weight: normal;
  3345. letter-spacing: 1px;
  3346. text-transform: uppercase;
  3347. background-color: #fff;
  3348. width: 100%;
  3349. padding-left: 10px;
  3350. border-bottom: 1px solid #acacac;
  3351. }
  3352. #nav {
  3353. width: 730px;
  3354. }
  3355. .nav a:link, .nav a:visited {
  3356. font: 10px verdana;
  3357. display: block;
  3358. text-transform: uppercase;
  3359. float: left;
  3360. font-weight: bold;
  3361. text-decoration: none;
  3362. text-align: center;
  3363. width: 80px;
  3364. height: 15px;
  3365. color: #1a1a1a;
  3366. background-color: white;
  3367. letter-spacing: 1px;
  3368. }
  3369. .nav a:hover {
  3370. color: #acacac;
  3371. }
  3372. h1 {
  3373. font: 15pt times;
  3374. color: #40793a;
  3375. text-align: left;
  3376. font-weight: normal;
  3377. letter-spacing: 1px;
  3378. text-transform: uppercase;
  3379. margin-bottom: 4px;
  3380. }
  3381. .blog {
  3382. width: 400px;
  3383. }
  3384. </style><div id="nav" class="nav">
  3385. <a href="/myaccount.phtml">account</a>
  3386. <a href="/customise/">customise</a>
  3387. <a href="/games/arcade.phtml">games</a>
  3388. <a href="/explore.phtml">explore</a>
  3389. <a href="/nf.phtml">news</a>
  3390. <a href="/community/index.phtml">community</a>
  3391. <a href="/objects.phtml">shops</a>
  3392. <a href="/mall/index.phtml">nc mall</a>
  3393. <a href="http://nc.neopets.com/membership/">premium</a>
  3394. </div>
  3395. <br><div class="blog"><h1>ABOUT ME</h1>
  3396. hello
  3397. </div>
  3398. <br></textarea></td>
  3399.  
  3400. </tr><tr><td><img src="http://i1164.photobucket.com/albums/q577/urawolff/lookuppre1_zpslky8ruw6.jpg"width="300" height="300"></td>
  3401. <td><textarea><style>
  3402. .content div b {
  3403. display: none;
  3404. }
  3405. .contentModule div a img, .contentModule div b {
  3406. display: inline;
  3407. }
  3408. #top, #header, #footer, hr, .mbn, #ban, #userneohome, #habitarium, #ncmall {
  3409. display: none;
  3410. }
  3411. .contentModule {
  3412. width: auto;
  3413. }
  3414. #userinfo table {
  3415. border-top: 0px !important;
  3416. }
  3417. .contentModuleHeaderAlt, .contentModuleHeader, .contentModuleContent {
  3418. background-color: white;
  3419. }
  3420. .contentModule, .contentModuleTable {
  3421. border: none;
  3422. background: white;
  3423. }
  3424. .contentModule {
  3425. border-bottom: 3px solid #1a1a1a;
  3426. }
  3427. #main {
  3428. width: 760px;
  3429. text-align: left;
  3430. margin-top: 0px;
  3431. background: white;
  3432. border: none;
  3433. }
  3434. #content {
  3435. width: 740px;
  3436. }
  3437. body {
  3438. background-image: url("http://i.imgur.com/MScE0PL.jpg");
  3439. background-repeat: no-repeat;
  3440. background-attachment: fixed;
  3441. background-position: top center;
  3442. background-color: #1a1a1a;
  3443. }
  3444. #usertrophies, #userneopets {
  3445. width: 740px;
  3446. }
  3447. #userinfo {
  3448. width: 345px;
  3449. }
  3450. #usercollections {
  3451. width: 215px;
  3452. }
  3453. #usershop {
  3454. width: 170px;
  3455. }
  3456. #userneopets {
  3457. width: 750px;
  3458. }
  3459. #userneopets img {
  3460. border: none;
  3461. }
  3462. #usertrophies img {
  3463. border: none;
  3464. }
  3465. #userneopets a {
  3466. display: block;
  3467. width: 150px;
  3468. height: 150px;
  3469. overflow: hidden;
  3470. background: #FFFFFF;
  3471. }
  3472. #usertrophies {
  3473. width: 740px;
  3474. }
  3475. #main, .medText, td, #nst, .sf {
  3476. color: #333;
  3477. font: 12px arial;
  3478. }
  3479. a:link, a b, a:visited {
  3480. font: 12px arial;
  3481. color: #642938;
  3482. font-weight: bold;
  3483. }
  3484. a:hover b, a:hover {
  3485. color: #1a1a1a;
  3486. font-weight: bold;
  3487. }
  3488. b {
  3489. color: #1a1a1a;
  3490. }
  3491. .contentModuleHeader, .contentModuleHeaderAlt {
  3492. font: 7pt arial;
  3493. color: #e7e7e7;
  3494. text-align: left;
  3495. font-weight: bold;
  3496. letter-spacing: 3px;
  3497. text-transform: uppercase;
  3498. background-color: #1a1a1a;
  3499. width: 100%;
  3500. padding-left: 10px;
  3501. }
  3502. #nav {
  3503. width: 730px;
  3504. }
  3505. .nav a:link, .nav a:visited {
  3506. font: 10px georgia;
  3507. display: block;
  3508. text-transform: uppercase;
  3509. float: left;
  3510. text-decoration: none;
  3511. text-align: center;
  3512. width: 80px;
  3513. height: 15px;
  3514. color: #1a1a1a;
  3515. background-color: white;
  3516. letter-spacing: -1px;
  3517. }
  3518. .nav a:hover {
  3519. background-color: #1a1a1a;
  3520. font-style: italic;
  3521. color: white;
  3522. }
  3523. h1 {
  3524. font: 8.5pt georgia;
  3525. color: #836e93;
  3526. text-align: center;
  3527. font-weight: normal;
  3528. border-bottom: 1px solid black;
  3529. letter-spacing: 3px;
  3530. text-transform: uppercase;
  3531. margin-bottom: 4px;
  3532. }
  3533. </style><img src="http://i1164.photobucket.com/albums/q577/urawolff/lunalook_zps2nzrah94.png"><br><br><div id="nav" class="nav">
  3534. <a href="/myaccount.phtml">account</a>
  3535. <a href="/customise/">customise</a>
  3536. <a href="/games/arcade.phtml">games</a>
  3537. <a href="/explore.phtml">explore</a>
  3538. <a href="/nf.phtml">news</a>
  3539. <a href="/community/index.phtml">community</a>
  3540. <a href="/objects.phtml">shops</a>
  3541. <a href="/mall/index.phtml">nc mall</a>
  3542. <a href="http://nc.neopets.com/membership/">premium</a>
  3543. </div>
  3544. <br><h1>ABOUT ME</h1>
  3545. Put stuff about yourself here!
  3546. <br></textarea></td>
  3547.  
  3548. </tr><tr><td><img src="http://i1164.photobucket.com/albums/q577/urawolff/pre2_zpsksz4e4yr.jpg"width="300" height="300"></td>
  3549. <td><textarea><style>
  3550. .content div b {
  3551. display: none;
  3552. }
  3553. .contentModule div a img, .contentModule div b {
  3554. display: inline;
  3555. }
  3556. #top, #header, #footer, hr, .mbn, #ban, #userneohome, #habitarium, #ncmall {
  3557. display: none;
  3558. }
  3559. .contentModule {
  3560. width: auto;
  3561. }
  3562. #userinfo table {
  3563. border-top: 0px !important;
  3564. }
  3565. .contentModuleHeaderAlt, .contentModuleHeader, .contentModuleContent {
  3566. background-color: white;
  3567. }
  3568. .contentModule, .contentModuleTable {
  3569. border: none;
  3570. background: white;
  3571. }
  3572. .contentModule {
  3573. border-bottom: 3px solid #1a1a1a;
  3574. }
  3575. #main {
  3576. width: 760px;
  3577. text-align: left;
  3578. margin-top: 0px;
  3579. background: white;
  3580. border: none;
  3581. }
  3582. #content {
  3583. width: 740px;
  3584. }
  3585. body {
  3586. background-image: url("http://i.imgur.com/oFhhHMT.jpg");
  3587. background-repeat: no-repeat;
  3588. background-attachment: fixed;
  3589. background-position: top center;
  3590. background-color: #1a1a1a;
  3591. }
  3592. #usertrophies, #userneopets {
  3593. width: 740px;
  3594. }
  3595. #userinfo {
  3596. width: 345px;
  3597. }
  3598. #usercollections {
  3599. width: 215px;
  3600. }
  3601. #usershop {
  3602. width: 170px;
  3603. }
  3604. #userneopets {
  3605. width: 750px;
  3606. }
  3607. #userneopets img {
  3608. border: none;
  3609. }
  3610. #usertrophies img {
  3611. border: none;
  3612. }
  3613. #userneopets a {
  3614. display: block;
  3615. width: 150px;
  3616. height: 150px;
  3617. overflow: hidden;
  3618. background: #FFFFFF;
  3619. }
  3620. #usertrophies {
  3621. width: 740px;
  3622. }
  3623. #main, .medText, td, #nst, .sf {
  3624. color: #333;
  3625. font: 12px arial;
  3626. }
  3627. a:link, a b, a:visited {
  3628. font: 12px arial;
  3629. color: #6a8eb7;
  3630. font-weight: bold;
  3631. }
  3632. a:hover b, a:hover {
  3633. color: #1a1a1a;
  3634. font-weight: bold;
  3635. }
  3636. b {
  3637. color: #1a1a1a;
  3638. }
  3639. .contentModuleHeader, .contentModuleHeaderAlt {
  3640. font: 7pt arial;
  3641. color: #e7e7e7;
  3642. text-align: left;
  3643. font-weight: bold;
  3644. letter-spacing: 3px;
  3645. text-transform: uppercase;
  3646. background-color: #1a1a1a;
  3647. width: 100%;
  3648. padding-left: 10px;
  3649. }
  3650. #nav {
  3651. width: 730px;
  3652. }
  3653. .nav a:link, .nav a:visited {
  3654. font: 10px georgia;
  3655. display: block;
  3656. text-transform: uppercase;
  3657. float: left;
  3658. text-decoration: none;
  3659. text-align: center;
  3660. width: 80px;
  3661. height: 15px;
  3662. color: #1a1a1a;
  3663. background-color: white;
  3664. letter-spacing: -1px;
  3665. }
  3666. .nav a:hover {
  3667. background-color: #1a1a1a;
  3668. font-style: italic;
  3669. color: white;
  3670. }
  3671. h1 {
  3672. font: 8.5pt georgia;
  3673. color: #a2765d;
  3674. text-align: center;
  3675. font-weight: normal;
  3676. border-bottom: 1px solid black;
  3677. letter-spacing: 3px;
  3678. text-transform: uppercase;
  3679. margin-bottom: 4px;
  3680. }
  3681. </style><img src="http://i1164.photobucket.com/albums/q577/urawolff/lookup2_zpsir34e2kx.png"><br><br><div id="nav" class="nav">
  3682. <a href="/myaccount.phtml">account</a>
  3683. <a href="/customise/">customise</a>
  3684. <a href="/games/arcade.phtml">games</a>
  3685. <a href="/explore.phtml">explore</a>
  3686. <a href="/nf.phtml">news</a>
  3687. <a href="/community/index.phtml">community</a>
  3688. <a href="/objects.phtml">shops</a>
  3689. <a href="/mall/index.phtml">nc mall</a>
  3690. <a href="http://nc.neopets.com/membership/">premium</a>
  3691. </div>
  3692. <br><h1>ABOUT ME</h1>
  3693. Put stuff about yourself here!
  3694. <br></textarea></td>
  3695.  
  3696. </tr><tr><td><img src="http://i1164.photobucket.com/albums/q577/urawolff/lookuppre3_zpscopbv54v.jpg"width="300" height="300"></td>
  3697. <td><textarea><style>
  3698. .content div b {
  3699. display: none;
  3700. }
  3701. .contentModule div a img, .contentModule div b {
  3702. display: inline;
  3703. }
  3704. #top, #header, #footer, hr, .mbn, #ban, #userneohome, #habitarium, #ncmall {
  3705. display: none;
  3706. }
  3707. .contentModule {
  3708. width: auto;
  3709. }
  3710. #userinfo table {
  3711. border-top: 0px !important;
  3712. }
  3713. .contentModuleHeaderAlt, .contentModuleHeader, .contentModuleContent {
  3714. background-color: white;
  3715. }
  3716. .contentModule, .contentModuleTable {
  3717. border: none;
  3718. background: white;
  3719. }
  3720. .contentModule {
  3721. border-bottom: 3px solid #1a1a1a;
  3722. }
  3723. #main {
  3724. width: 760px;
  3725. text-align: left;
  3726. margin-top: 0px;
  3727. background: white;
  3728. border: none;
  3729. }
  3730. #content {
  3731. width: 740px;
  3732. }
  3733. body {
  3734. background-image: url("http://i.imgur.com/n3FDPn0.jpg");
  3735. background-repeat: no-repeat;
  3736. background-attachment: fixed;
  3737. background-position: top center;
  3738. background-color: #1a1a1a;
  3739. }
  3740. #usertrophies, #userneopets {
  3741. width: 740px;
  3742. }
  3743. #userinfo {
  3744. width: 345px;
  3745. }
  3746. #usercollections {
  3747. width: 215px;
  3748. }
  3749. #usershop {
  3750. width: 170px;
  3751. }
  3752. #userneopets {
  3753. width: 750px;
  3754. }
  3755. #userneopets img {
  3756. border: none;
  3757. }
  3758. #usertrophies img {
  3759. border: none;
  3760. }
  3761. #userneopets a {
  3762. display: block;
  3763. width: 150px;
  3764. height: 150px;
  3765. overflow: hidden;
  3766. background: #FFFFFF;
  3767. }
  3768. #usertrophies {
  3769. width: 740px;
  3770. }
  3771. #main, .medText, td, #nst, .sf {
  3772. color: #333;
  3773. font: 12px arial;
  3774. }
  3775. a:link, a b, a:visited {
  3776. font: 12px arial;
  3777. color: #6a8eb7;
  3778. font-weight: bold;
  3779. }
  3780. a:hover b, a:hover {
  3781. color: #1a1a1a;
  3782. font-weight: bold;
  3783. }
  3784. b {
  3785. color: #1a1a1a;
  3786. }
  3787. .contentModuleHeader, .contentModuleHeaderAlt {
  3788. font: 7pt arial;
  3789. color: #e7e7e7;
  3790. text-align: left;
  3791. font-weight: bold;
  3792. letter-spacing: 3px;
  3793. text-transform: uppercase;
  3794. background-color: #1a1a1a;
  3795. width: 100%;
  3796. padding-left: 10px;
  3797. }
  3798. #nav {
  3799. width: 730px;
  3800. }
  3801. .nav a:link, .nav a:visited {
  3802. font: 10px georgia;
  3803. display: block;
  3804. text-transform: uppercase;
  3805. float: left;
  3806. text-decoration: none;
  3807. text-align: center;
  3808. width: 80px;
  3809. height: 15px;
  3810. color: #051521;
  3811. background-color: white;
  3812. letter-spacing: -1px;
  3813. }
  3814. .nav a:hover {
  3815. background-color: #1a1a1a;
  3816. font-style: italic;
  3817. color: white;
  3818. }
  3819. h1 {
  3820. font: 8.5pt georgia;
  3821. color: #071621;
  3822. text-align: center;
  3823. font-weight: normal;
  3824. border-bottom: 1px solid black;
  3825. letter-spacing: 3px;
  3826. text-transform: uppercase;
  3827. margin-bottom: 4px;
  3828. }
  3829. </style><img src="http://i1164.photobucket.com/albums/q577/urawolff/lookup3_zpsdavnkht4.png"><br><br><div id="nav" class="nav">
  3830. <a href="/myaccount.phtml">account</a>
  3831. <a href="/customise/">customise</a>
  3832. <a href="/games/arcade.phtml">games</a>
  3833. <a href="/explore.phtml">explore</a>
  3834. <a href="/nf.phtml">news</a>
  3835. <a href="/community/index.phtml">community</a>
  3836. <a href="/objects.phtml">shops</a>
  3837. <a href="/mall/index.phtml">nc mall</a>
  3838. <a href="http://nc.neopets.com/membership/">premium</a>
  3839. </div>
  3840. <br><h1>ABOUT ME</h1>
  3841. Put stuff about yourself here!
  3842. <br></textarea></td>
  3843.  
  3844. </tr><tr><td><img src="http://i1164.photobucket.com/albums/q577/urawolff/lookuppre6_zpsr4u3jlae.jpg"width="300" height="300"></td>
  3845. <td><textarea><style>
  3846. .content div b {
  3847. display: none;
  3848. }
  3849. .contentModule div a img, .contentModule div b {
  3850. display: inline;
  3851. }
  3852. #top, #header, #footer, hr, .mbn, #ban, #userneohome, #habitarium, #ncmall {
  3853. display: none;
  3854. }
  3855. .contentModule {
  3856. width: auto;
  3857. }
  3858. #userinfo table {
  3859. border-top: 0px !important;
  3860. }
  3861. .contentModuleHeaderAlt, .contentModuleHeader, .contentModuleContent {
  3862. background-color: white;
  3863. }
  3864. .contentModule, .contentModuleTable {
  3865. border: none;
  3866. background: white;
  3867. }
  3868. .contentModule {
  3869. border-bottom: 3px solid #1a1a1a;
  3870. }
  3871. #main {
  3872. width: 760px;
  3873. text-align: left;
  3874. margin-top: 0px;
  3875. background: white;
  3876. border: none;
  3877. }
  3878. #content {
  3879. width: 740px;
  3880. }
  3881. body {
  3882. background-image: url("http://i.imgur.com/ft7lGwW.jpg");
  3883. background-repeat: no-repeat;
  3884. background-attachment: fixed;
  3885. background-position: top center;
  3886. background-color: #1a1a1a;
  3887. }
  3888. #usertrophies, #userneopets {
  3889. width: 740px;
  3890. }
  3891. #userinfo {
  3892. width: 345px;
  3893. }
  3894. #usercollections {
  3895. width: 215px;
  3896. }
  3897. #usershop {
  3898. width: 170px;
  3899. }
  3900. #userneopets {
  3901. width: 750px;
  3902. }
  3903. #userneopets img {
  3904. border: none;
  3905. }
  3906. #usertrophies img {
  3907. border: none;
  3908. }
  3909. #userneopets a {
  3910. display: block;
  3911. width: 150px;
  3912. height: 150px;
  3913. overflow: hidden;
  3914. background: #FFFFFF;
  3915. }
  3916. #usertrophies {
  3917. width: 740px;
  3918. }
  3919. #main, .medText, td, #nst, .sf {
  3920. color: #333;
  3921. font: 12px arial;
  3922. }
  3923. a:link, a b, a:visited {
  3924. font: 12px arial;
  3925. color: #522548;
  3926. font-weight: bold;
  3927. }
  3928. a:hover b, a:hover {
  3929. color: #1a1a1a;
  3930. font-weight: bold;
  3931. }
  3932. b {
  3933. color: #1a1a1a;
  3934. }
  3935. .contentModuleHeader, .contentModuleHeaderAlt {
  3936. font: 7pt arial;
  3937. color: #e7e7e7;
  3938. text-align: left;
  3939. font-weight: bold;
  3940. letter-spacing: 3px;
  3941. text-transform: uppercase;
  3942. background-color: #1a1a1a;
  3943. width: 100%;
  3944. padding-left: 10px;
  3945. }
  3946. #nav {
  3947. width: 730px;
  3948. }
  3949. .nav a:link, .nav a:visited {
  3950. font: 10px georgia;
  3951. display: block;
  3952. text-transform: uppercase;
  3953. float: left;
  3954. text-decoration: none;
  3955. text-align: center;
  3956. width: 80px;
  3957. height: 15px;
  3958. color: #1a1a1a;
  3959. background-color: white;
  3960. letter-spacing: -1px;
  3961. }
  3962. .nav a:hover {
  3963. background-color: #1a1a1a;
  3964. font-style: italic;
  3965. color: white;
  3966. }
  3967. h1 {
  3968. font: 8.5pt georgia;
  3969. color: #9d2253;
  3970. text-align: center;
  3971. font-weight: normal;
  3972. border-bottom: 1px solid black;
  3973. letter-spacing: 3px;
  3974. text-transform: uppercase;
  3975. margin-bottom: 4px;
  3976. }
  3977. </style><img src="http://i1164.photobucket.com/albums/q577/urawolff/lookup4_zpsoq8wq10i.png"><br><br><div id="nav" class="nav">
  3978. <a href="/myaccount.phtml">account</a>
  3979. <a href="/customise/">customise</a>
  3980. <a href="/games/arcade.phtml">games</a>
  3981. <a href="/explore.phtml">explore</a>
  3982. <a href="/nf.phtml">news</a>
  3983. <a href="/community/index.phtml">community</a>
  3984. <a href="/objects.phtml">shops</a>
  3985. <a href="/mall/index.phtml">nc mall</a>
  3986. <a href="http://nc.neopets.com/membership/">premium</a>
  3987. </div>
  3988. <br><h1>ABOUT ME</h1>
  3989. Put stuff about yourself here!
  3990. <br></textarea></td>
  3991.  
  3992. </tr><tr><td><img src="http://i1164.photobucket.com/albums/q577/urawolff/lookuppre7_zpsqxxgkedh.jpg"width="300" height="300"></td>
  3993. <td><textarea><style>
  3994. .content div b {
  3995. display: none;
  3996. }
  3997. .contentModule div a img, .contentModule div b {
  3998. display: inline;
  3999. }
  4000. #top, #header, #footer, hr, .mbn, #ban, #userneohome, #habitarium, #ncmall {
  4001. display: none;
  4002. }
  4003. .contentModule {
  4004. width: auto;
  4005. }
  4006. #userinfo table {
  4007. border-top: 0px !important;
  4008. }
  4009. .contentModuleHeaderAlt, .contentModuleHeader, .contentModuleContent {
  4010. background-color: white;
  4011. }
  4012. .contentModule, .contentModuleTable {
  4013. border: none;
  4014. background: white;
  4015. }
  4016. .contentModule {
  4017. border-bottom: 3px solid #1a1a1a;
  4018. }
  4019. #main {
  4020. width: 760px;
  4021. text-align: left;
  4022. margin-top: 0px;
  4023. background: white;
  4024. border: none;
  4025. }
  4026. #content {
  4027. width: 740px;
  4028. }
  4029. body {
  4030. background-image: url("http://i.imgur.com/XKeq0xf.jpg");
  4031. background-repeat: no-repeat;
  4032. background-attachment: fixed;
  4033. background-position: top center;
  4034. background-color: #1a1a1a;
  4035. }
  4036. #usertrophies, #userneopets {
  4037. width: 740px;
  4038. }
  4039. #userinfo {
  4040. width: 345px;
  4041. }
  4042. #usercollections {
  4043. width: 215px;
  4044. }
  4045. #usershop {
  4046. width: 170px;
  4047. }
  4048. #userneopets {
  4049. width: 750px;
  4050. }
  4051. #userneopets img {
  4052. border: none;
  4053. }
  4054. #usertrophies img {
  4055. border: none;
  4056. }
  4057. #userneopets a {
  4058. display: block;
  4059. width: 150px;
  4060. height: 150px;
  4061. overflow: hidden;
  4062. background: #FFFFFF;
  4063. }
  4064. #usertrophies {
  4065. width: 740px;
  4066. }
  4067. #main, .medText, td, #nst, .sf {
  4068. color: #333;
  4069. font: 12px arial;
  4070. }
  4071. a:link, a b, a:visited {
  4072. font: 12px arial;
  4073. color: #8f0c39;
  4074. font-weight: bold;
  4075. }
  4076. a:hover b, a:hover {
  4077. color: #1a1a1a;
  4078. font-weight: bold;
  4079. }
  4080. b {
  4081. color: #1a1a1a;
  4082. }
  4083. .contentModuleHeader, .contentModuleHeaderAlt {
  4084. font: 7pt arial;
  4085. color: #e7e7e7;
  4086. text-align: left;
  4087. font-weight: bold;
  4088. letter-spacing: 3px;
  4089. text-transform: uppercase;
  4090. background-color: #1a1a1a;
  4091. width: 100%;
  4092. padding-left: 10px;
  4093. }
  4094. #nav {
  4095. width: 730px;
  4096. }
  4097. .nav a:link, .nav a:visited {
  4098. font: 10px georgia;
  4099. display: block;
  4100. text-transform: uppercase;
  4101. float: left;
  4102. text-decoration: none;
  4103. text-align: center;
  4104. width: 80px;
  4105. height: 15px;
  4106. color: #1a1a1a;
  4107. background-color: white;
  4108. letter-spacing: -1px;
  4109. }
  4110. .nav a:hover {
  4111. background-color: #1a1a1a;
  4112. font-style: italic;
  4113. color: white;
  4114. }
  4115. h1 {
  4116. font: 8.5pt georgia;
  4117. color: #8f0c39;
  4118. text-align: center;
  4119. font-weight: normal;
  4120. border-bottom: 1px solid black;
  4121. letter-spacing: 3px;
  4122. text-transform: uppercase;
  4123. margin-bottom: 4px;
  4124. }
  4125. </style><img src="http://i1164.photobucket.com/albums/q577/urawolff/lookup6_zpssuptug4i.png"><br><br><div id="nav" class="nav">
  4126. <a href="/myaccount.phtml">account</a>
  4127. <a href="/customise/">customise</a>
  4128. <a href="/games/arcade.phtml">games</a>
  4129. <a href="/explore.phtml">explore</a>
  4130. <a href="/nf.phtml">news</a>
  4131. <a href="/community/index.phtml">community</a>
  4132. <a href="/objects.phtml">shops</a>
  4133. <a href="/mall/index.phtml">nc mall</a>
  4134. <a href="http://nc.neopets.com/membership/">premium</a>
  4135. </div>
  4136. <br><h1>ABOUT ME</h1>
  4137. Put stuff about yourself here!
  4138. <br></textarea></td>
  4139.  
  4140. </tr>
  4141. <tr><td><img src="http://i.imgur.com/FEEbCpc.jpg"width="300" height="300"></td>
  4142. <td><textarea><div id="right" style="position: fixed;"></div>
  4143. <div id="layout" style="position: absolute;"><img src="http://i.imgur.com/a9ecww7.png"></div>
  4144.  
  4145. <div id="descheader" style="position: absolute;">about me</div>
  4146. <div id="desc" style="position: absolute;">
  4147. <br>
  4148. This is where your description goes. The box scrolls and you can use <b>bold</b>, <i>italics</i>, and <a href="http://neopets.com">links</a> in it. :)<br><br></div>
  4149.  
  4150. <div id="avatars" style="position: fixed;">
  4151. <br>None yet!<br><img src="http://i.imgur.com/RluvMNX.png"></div>
  4152. <style>
  4153. #userinfo .medText table table img {
  4154. width: 20px;
  4155. height: 20px;
  4156. }
  4157. body, td, .medText, #about, tr, div, .contentModuleContent, table, font {
  4158. font: 9px tahoma;
  4159. color: #2c2c2c;
  4160. text-transform: lowercase;
  4161. }
  4162. table, #n, td, #main, img {
  4163. background: transparent;
  4164. border: none;
  4165. }
  4166. .footerNifty, .sf, .copyright, #ban, #header, #footer, .user, #nst, hr, #slug, #header img, .dropdown, .nav_image img, #template_nav, #userneohome, #habitarium, #pushdown_banner, #ad-slug-wrapper, #ad-table, #ncmall {
  4167. display: none;
  4168. }
  4169. .contentModuleContent {
  4170. background: none;
  4171. }
  4172. .sideb {
  4173. border: none;
  4174. background: none;
  4175. }
  4176. b {
  4177. color: #c3760a;
  4178. }
  4179. i {
  4180. font-family: georgia;
  4181. }
  4182. #layout {
  4183. margin-left: -7px;
  4184. margin-top: -34px;
  4185. z-index: -1;
  4186. }
  4187. .contentModuleHeader, .contentModuleHeaderAlt, #descheader {
  4188. height: 20px;
  4189. background: #a97979;
  4190. display: block;
  4191. color: #ffffff;
  4192. font: 6pt tahoma;
  4193. text-transform: uppercase;
  4194. }
  4195. .contentModuleHeader:hover, .contentModuleHeaderAlt:hover, #descheader:hover {
  4196. color: #700505;
  4197. }
  4198. #descheader {
  4199. left: 75px;
  4200. top: 461px;
  4201. width: 310px;
  4202. height: 20px;
  4203. padding: 4px;
  4204. margin: 4px;
  4205. overflow: hidden;
  4206. z-index: 99;
  4207. text-align: justify;
  4208. }
  4209. #desc {
  4210. left: 76px;
  4211. top: 487px;
  4212. width: 310px;
  4213. height: 96px;
  4214. padding: 4px;
  4215. margin: 4px;
  4216. overflow: auto;
  4217. z-index: 99;
  4218. text-align: justify;
  4219. }
  4220. #userneopets .contentModuleTable {
  4221. margin-left: 72px;
  4222. margin-top: -4px;
  4223. width: 695px;
  4224. height: 240px;
  4225. z-index: 99;
  4226. }
  4227. #usertrophies .contentModuleTable {
  4228. margin-left: 72px;
  4229. margin-top: -4px;
  4230. width: 695px;
  4231. height: 200px;
  4232. overflow: auto;
  4233. z-index: 99;
  4234. }
  4235. #userinfo a, a, a b {
  4236. color: #700505;
  4237. }
  4238. #userinfo a:hover, #userinfo a:hover b, a:hover, a:hover b {
  4239. color: #c3760a;
  4240. }
  4241. #userinfo .contentModuleTable {
  4242. margin-left: 195px;
  4243. margin-top: 155px;
  4244. width: 331px;
  4245. height: 260px;
  4246. z-index: 99;
  4247. }
  4248. #usercollections .contentModuleTable {
  4249. margin-left: -1px;
  4250. margin-top: 154px;
  4251. width: 236px;
  4252. height: 398px;
  4253. z-index: 99;
  4254. }
  4255. #usershop .contentModuleTable {
  4256. margin-left: -427px;
  4257. margin-top: 420px;
  4258. width: 128px;
  4259. height: 129px;
  4260. z-index: 99;
  4261. }
  4262. a:active, a:link, a:visited {
  4263. font-weight: bold;
  4264. color: #700505;
  4265. text-decoration: none;
  4266. }
  4267. a:hover, a:hover {
  4268. color: #c3760a;
  4269. text-decoration: none;
  4270. }
  4271. .trophy_cell {
  4272. padding: 0px;
  4273. }
  4274. body {
  4275. background: url("http://i.imgur.com/brzqdvL.png") repeat-y #320101;
  4276. }
  4277. #usertrophies img {
  4278. padding: 2px;
  4279. margin: 2px;
  4280. border: 1px solid #E8F2FE;
  4281. background: #FFF;
  4282. width: 50px;
  4283. height: auto;
  4284. }
  4285. #usershop img {
  4286. width: 63px;
  4287. height: 63px;
  4288. }
  4289. #userinfo img, #usercollections img {
  4290. margin: 1px;
  4291. background: #FFF;
  4292. }
  4293. #userneopets img {
  4294. padding: 5px;
  4295. margin: 5px;
  4296. border: 1px solid #e2d4d4;
  4297. background: #FBFBFF;
  4298. width: 100px;
  4299. height: 100px;
  4300. }
  4301. #main {
  4302. margin-left: 0px;
  4303. margin-top: 0px;
  4304. }
  4305. .contentModuleTable, .contentModule {
  4306. z-index: 100 !important;
  4307. background: none;
  4308. border: none;
  4309. }
  4310. #right {
  4311. background: url("http://i.imgur.com/0sGlWJF.png") no-repeat bottom right;
  4312. bottom: 0px;
  4313. right: 0px;
  4314. height: 215px;
  4315. width: 286px;
  4316. z-index: 100 !important;
  4317. }
  4318. #avatars {
  4319. bottom: 30px;
  4320. height: 150px;
  4321. width: 268px;
  4322. right: 10px;
  4323. text-align: center;
  4324. z-index: 100 !important;
  4325. overflow: auto;
  4326. }
  4327. #avatars img {
  4328. margin: 2px;
  4329. }
  4330. </style></textarea></td>
  4331.  
  4332. </tr><tr><td><img src="http://i.imgur.com/qiKE4Mq.jpg"width="300" height="300"></td>
  4333. <td><textarea><div id="right" style="position: fixed;"></div>
  4334. <div id="layout" style="position: absolute;"><img src="http://i.imgur.com/wsg1WbX.png"></div>
  4335.  
  4336. <div id="descheader" style="position: absolute;">about me</div>
  4337. <div id="desc" style="position: absolute;">
  4338. <br>
  4339. This is where your description goes. The box scrolls and you can use <b>bold</b>, <i>italics</i>, and <a href="http://neopets.com">links</a> in it. :)<br><br></div>
  4340.  
  4341. <div id="avatars" style="position: fixed;">
  4342. <br>None yet!<br><img src="http://i.imgur.com/TnVbcac.png"></div>
  4343. <style>
  4344. #userinfo .medText table table img {
  4345. width: 20px;
  4346. height: 20px;
  4347. }
  4348. body, td, .medText, #about, tr, div, .contentModuleContent, table, font {
  4349. font: 9px tahoma;
  4350. color: #2c2c2c;
  4351. text-transform: lowercase;
  4352. }
  4353. table, #n, td, #main, img {
  4354. background: transparent;
  4355. border: none;
  4356. }
  4357. .footerNifty, .sf, .copyright, #ban, #header, #footer, .user, #nst, hr, #slug, #header img, .dropdown, .nav_image img, #template_nav, #userneohome, #habitarium, #pushdown_banner, #ad-slug-wrapper, #ad-table, #ncmall {
  4358. display: none;
  4359. }
  4360. .contentModuleContent {
  4361. background: none;
  4362. }
  4363. .sideb {
  4364. border: none;
  4365. background: none;
  4366. }
  4367. b {
  4368. color: #be6f06;
  4369. }
  4370. i {
  4371. font-family: georgia;
  4372. }
  4373. #layout {
  4374. margin-left: -7px;
  4375. margin-top: -34px;
  4376. z-index: -1;
  4377. }
  4378. .contentModuleHeader, .contentModuleHeaderAlt, #descheader {
  4379. height: 20px;
  4380. background: #6c6c6c;
  4381. display: block;
  4382. color: #ffffff;
  4383. font: 6pt tahoma;
  4384. text-transform: uppercase;
  4385. }
  4386. .contentModuleHeader:hover, .contentModuleHeaderAlt:hover, #descheader:hover {
  4387. color: #dbab2f;
  4388. }
  4389. #descheader {
  4390. left: 75px;
  4391. top: 461px;
  4392. width: 310px;
  4393. height: 20px;
  4394. padding: 4px;
  4395. margin: 4px;
  4396. overflow: hidden;
  4397. z-index: 99;
  4398. text-align: justify;
  4399. }
  4400. #desc {
  4401. left: 76px;
  4402. top: 487px;
  4403. width: 310px;
  4404. height: 96px;
  4405. padding: 4px;
  4406. margin: 4px;
  4407. overflow: auto;
  4408. z-index: 99;
  4409. text-align: justify;
  4410. }
  4411. #userneopets .contentModuleTable {
  4412. margin-left: 72px;
  4413. margin-top: -4px;
  4414. width: 695px;
  4415. height: 240px;
  4416. z-index: 99;
  4417. }
  4418. #usertrophies .contentModuleTable {
  4419. margin-left: 72px;
  4420. margin-top: -4px;
  4421. width: 695px;
  4422. height: 200px;
  4423. overflow: auto;
  4424. z-index: 99;
  4425. }
  4426. #userinfo a, a, a b {
  4427. color: #000000;
  4428. }
  4429. #userinfo a:hover, #userinfo a:hover b, a:hover, a:hover b {
  4430. color: #be6f06;
  4431. }
  4432. #userinfo .contentModuleTable {
  4433. margin-left: 195px;
  4434. margin-top: 155px;
  4435. width: 331px;
  4436. height: 260px;
  4437. z-index: 99;
  4438. }
  4439. #usercollections .contentModuleTable {
  4440. margin-left: -1px;
  4441. margin-top: 154px;
  4442. width: 236px;
  4443. height: 398px;
  4444. z-index: 99;
  4445. }
  4446. #usershop .contentModuleTable {
  4447. margin-left: -427px;
  4448. margin-top: 420px;
  4449. width: 128px;
  4450. height: 129px;
  4451. z-index: 99;
  4452. }
  4453. a:active, a:link, a:visited {
  4454. font-weight: bold;
  4455. color: #700505;
  4456. text-decoration: none;
  4457. }
  4458. a:hover, a:hover {
  4459. color: #be6f06;
  4460. text-decoration: none;
  4461. }
  4462. .trophy_cell {
  4463. padding: 0px;
  4464. }
  4465. body {
  4466. background: url("http://i.imgur.com/bLhXovJ.png") repeat-y #0e0e0e;
  4467. }
  4468. #usertrophies img {
  4469. padding: 2px;
  4470. margin: 2px;
  4471. border: 1px solid #E8F2FE;
  4472. background: #FFF;
  4473. width: 50px;
  4474. height: auto;
  4475. }
  4476. #usershop img {
  4477. width: 63px;
  4478. height: 63px;
  4479. }
  4480. #userinfo img, #usercollections img {
  4481. margin: 1px;
  4482. background: #FFF;
  4483. }
  4484. #userneopets img {
  4485. padding: 5px;
  4486. margin: 5px;
  4487. border: 1px solid #e2d4d4;
  4488. background: #FBFBFF;
  4489. width: 100px;
  4490. height: 100px;
  4491. }
  4492. #main {
  4493. margin-left: 0px;
  4494. margin-top: 0px;
  4495. }
  4496. .contentModuleTable, .contentModule {
  4497. z-index: 100 !important;
  4498. background: none;
  4499. border: none;
  4500. }
  4501. #right {
  4502. background: url("http://i.imgur.com/M7d9MHs.png") no-repeat bottom right;
  4503. bottom: 0px;
  4504. right: 0px;
  4505. height: 215px;
  4506. width: 286px;
  4507. z-index: 100 !important;
  4508. }
  4509. #avatars {
  4510. bottom: 30px;
  4511. height: 150px;
  4512. width: 268px;
  4513. right: 10px;
  4514. text-align: center;
  4515. z-index: 100 !important;
  4516. overflow: auto;
  4517. }
  4518. #avatars img {
  4519. margin: 2px;
  4520. }
  4521. </style></textarea></td>
  4522.  
  4523. </tr>
  4524. <tr><td><img src="http://i.imgur.com/44GBI8B.jpg"width="300" height="300"></td>
  4525. <td><textarea><div id="right" style="position: fixed;"></div>
  4526. <div id="layout" style="position: absolute;"><img src="http://i.imgur.com/0GY0Fgd.png"></div>
  4527.  
  4528. <div id="descheader" style="position: absolute;">about me</div>
  4529. <div id="desc" style="position: absolute;">
  4530. <br>
  4531. This is where your description goes. The box scrolls and you can use <b>bold</b>, <i>italics</i>, and <a href="http://neopets.com">links</a> in it. :)<br><br></div>
  4532.  
  4533. <div id="avatars" style="position: fixed;">
  4534. <br>None yet!<br><img src="http://i.imgur.com/dMk82ke.png"></div>
  4535. <style>
  4536. #userinfo .medText table table img {
  4537. width: 20px;
  4538. height: 20px;
  4539. }
  4540. body, td, .medText, #about, tr, div, .contentModuleContent, table, font {
  4541. font: 9px tahoma;
  4542. color: #2c2c2c;
  4543. text-transform: lowercase;
  4544. }
  4545. table, #n, td, #main, img {
  4546. background: transparent;
  4547. border: none;
  4548. }
  4549. .footerNifty, .sf, .copyright, #ban, #header, #footer, .user, #nst, hr, #slug, #header img, .dropdown, .nav_image img, #template_nav, #userneohome, #habitarium, #pushdown_banner, #ad-slug-wrapper, #ad-table, #ncmall {
  4550. display: none;
  4551. }
  4552. .contentModuleContent {
  4553. background: none;
  4554. }
  4555. .sideb {
  4556. border: none;
  4557. background: none;
  4558. }
  4559. b {
  4560. color: #4e85ae;
  4561. }
  4562. i {
  4563. font-family: georgia;
  4564. }
  4565. #layout {
  4566. margin-left: -7px;
  4567. margin-top: -34px;
  4568. z-index: -1;
  4569. }
  4570. .contentModuleHeader, .contentModuleHeaderAlt, #descheader {
  4571. height: 20px;
  4572. background: #c1b39f;
  4573. display: block;
  4574. color: #ffffff;
  4575. font: 6pt tahoma;
  4576. text-transform: uppercase;
  4577. }
  4578. .contentModuleHeader:hover, .contentModuleHeaderAlt:hover, #descheader:hover {
  4579. color: #144581;
  4580. }
  4581. #descheader {
  4582. left: 75px;
  4583. top: 461px;
  4584. width: 310px;
  4585. height: 20px;
  4586. padding: 4px;
  4587. margin: 4px;
  4588. overflow: hidden;
  4589. z-index: 99;
  4590. text-align: justify;
  4591. }
  4592. #desc {
  4593. left: 76px;
  4594. top: 487px;
  4595. width: 310px;
  4596. height: 96px;
  4597. padding: 4px;
  4598. margin: 4px;
  4599. overflow: auto;
  4600. z-index: 99;
  4601. text-align: justify;
  4602. }
  4603. #userneopets .contentModuleTable {
  4604. margin-left: 72px;
  4605. margin-top: -4px;
  4606. width: 695px;
  4607. height: 240px;
  4608. z-index: 99;
  4609. }
  4610. #usertrophies .contentModuleTable {
  4611. margin-left: 72px;
  4612. margin-top: -4px;
  4613. width: 695px;
  4614. height: 200px;
  4615. overflow: auto;
  4616. z-index: 99;
  4617. }
  4618. #userinfo a, a, a b {
  4619. color: #144581;
  4620. }
  4621. #userinfo a:hover, #userinfo a:hover b, a:hover, a:hover b {
  4622. color: #4e85ae;
  4623. }
  4624. #userinfo .contentModuleTable {
  4625. margin-left: 195px;
  4626. margin-top: 155px;
  4627. width: 331px;
  4628. height: 260px;
  4629. z-index: 99;
  4630. }
  4631. #usercollections .contentModuleTable {
  4632. margin-left: -1px;
  4633. margin-top: 154px;
  4634. width: 236px;
  4635. height: 398px;
  4636. z-index: 99;
  4637. }
  4638. #usershop .contentModuleTable {
  4639. margin-left: -427px;
  4640. margin-top: 420px;
  4641. width: 128px;
  4642. height: 129px;
  4643. z-index: 99;
  4644. }
  4645. a:active, a:link, a:visited {
  4646. font-weight: bold;
  4647. color: #144581;
  4648. text-decoration: none;
  4649. }
  4650. a:hover, a:hover {
  4651. color: #4e85ae;
  4652. text-decoration: none;
  4653. }
  4654. .trophy_cell {
  4655. padding: 0px;
  4656. }
  4657. body {
  4658. background: url("http://i.imgur.com/oLOQulB.png") repeat-y #060d16;
  4659. }
  4660. #usertrophies img {
  4661. padding: 2px;
  4662. margin: 2px;
  4663. border: 1px solid #E8F2FE;
  4664. background: #FFF;
  4665. width: 50px;
  4666. height: auto;
  4667. }
  4668. #usershop img {
  4669. width: 63px;
  4670. height: 63px;
  4671. }
  4672. #userinfo img, #usercollections img {
  4673. margin: 1px;
  4674. background: #FFF;
  4675. }
  4676. #userneopets img {
  4677. padding: 5px;
  4678. margin: 5px;
  4679. border: 1px solid #e2d4d4;
  4680. background: #FBFBFF;
  4681. width: 100px;
  4682. height: 100px;
  4683. }
  4684. #main {
  4685. margin-left: 0px;
  4686. margin-top: 0px;
  4687. }
  4688. .contentModuleTable, .contentModule {
  4689. z-index: 100 !important;
  4690. background: none;
  4691. border: none;
  4692. }
  4693. #right {
  4694. background: url("http://i.imgur.com/gZn1kQb.png") no-repeat bottom right;
  4695. bottom: 0px;
  4696. right: 0px;
  4697. height: 215px;
  4698. width: 286px;
  4699. z-index: 100 !important;
  4700. }
  4701. #avatars {
  4702. bottom: 30px;
  4703. height: 150px;
  4704. width: 268px;
  4705. right: 10px;
  4706. text-align: center;
  4707. z-index: 100 !important;
  4708. overflow: auto;
  4709. }
  4710. #avatars img {
  4711. margin: 2px;
  4712. }
  4713. </style></textarea></td>
  4714.  
  4715. </tr><tr><td><img src="http://i.imgur.com/mx8ZkEa.jpg"width="300" height="300"></td>
  4716. <td><textarea><div id="right" style="position: fixed;"></div>
  4717. <div id="layout" style="position: absolute;"><img src="http://i.imgur.com/owVgGHs.png"></div>
  4718.  
  4719. <div id="descheader" style="position: absolute;">about me</div>
  4720. <div id="desc" style="position: absolute;">
  4721. <br>
  4722. This is where your description goes. The box scrolls and you can use <b>bold</b>, <i>italics</i>, and <a href="http://neopets.com">links</a> in it. :)<br><br></div>
  4723.  
  4724. <div id="avatars" style="position: fixed;">
  4725. <br>None yet!<br><img src="http://i.imgur.com/j8APWfq.png"></div>
  4726. <style>
  4727. #userinfo .medText table table img {
  4728. width: 20px;
  4729. height: 20px;
  4730. }
  4731. body, td, .medText, #about, tr, div, .contentModuleContent, table, font {
  4732. font: 9px tahoma;
  4733. color: #2c2c2c;
  4734. text-transform: lowercase;
  4735. }
  4736. table, #n, td, #main, img {
  4737. background: transparent;
  4738. border: none;
  4739. }
  4740. .footerNifty, .sf, .copyright, #ban, #header, #footer, .user, #nst, hr, #slug, #header img, .dropdown, .nav_image img, #template_nav, #userneohome, #habitarium, #pushdown_banner, #ad-slug-wrapper, #ad-table, #ncmall {
  4741. display: none;
  4742. }
  4743. .contentModuleContent {
  4744. background: none;
  4745. }
  4746. .sideb {
  4747. border: none;
  4748. background: none;
  4749. }
  4750. b {
  4751. color: #074f2f;
  4752. }
  4753. i {
  4754. font-family: georgia;
  4755. }
  4756. #layout {
  4757. margin-left: -7px;
  4758. margin-top: -34px;
  4759. z-index: -1;
  4760. }
  4761. .contentModuleHeader, .contentModuleHeaderAlt, #descheader {
  4762. height: 20px;
  4763. background: #c1b39f;
  4764. display: block;
  4765. color: #ffffff;
  4766. font: 6pt tahoma;
  4767. text-transform: uppercase;
  4768. }
  4769. .contentModuleHeader:hover, .contentModuleHeaderAlt:hover, #descheader:hover {
  4770. color: #888888;
  4771. }
  4772. #descheader {
  4773. left: 75px;
  4774. top: 461px;
  4775. width: 310px;
  4776. height: 20px;
  4777. padding: 4px;
  4778. margin: 4px;
  4779. overflow: hidden;
  4780. z-index: 99;
  4781. text-align: justify;
  4782. }
  4783. #desc {
  4784. left: 76px;
  4785. top: 487px;
  4786. width: 310px;
  4787. height: 96px;
  4788. padding: 4px;
  4789. margin: 4px;
  4790. overflow: auto;
  4791. z-index: 99;
  4792. text-align: justify;
  4793. }
  4794. #userneopets .contentModuleTable {
  4795. margin-left: 72px;
  4796. margin-top: -4px;
  4797. width: 695px;
  4798. height: 240px;
  4799. z-index: 99;
  4800. }
  4801. #usertrophies .contentModuleTable {
  4802. margin-left: 72px;
  4803. margin-top: -4px;
  4804. width: 695px;
  4805. height: 200px;
  4806. overflow: auto;
  4807. z-index: 99;
  4808. }
  4809. #userinfo a, a, a b {
  4810. color: #888888;
  4811. }
  4812. #userinfo a:hover, #userinfo a:hover b, a:hover, a:hover b {
  4813. color: #074f2f;
  4814. }
  4815. #userinfo .contentModuleTable {
  4816. margin-left: 195px;
  4817. margin-top: 155px;
  4818. width: 331px;
  4819. height: 260px;
  4820. z-index: 99;
  4821. }
  4822. #usercollections .contentModuleTable {
  4823. margin-left: -1px;
  4824. margin-top: 154px;
  4825. width: 236px;
  4826. height: 398px;
  4827. z-index: 99;
  4828. }
  4829. #usershop .contentModuleTable {
  4830. margin-left: -427px;
  4831. margin-top: 420px;
  4832. width: 128px;
  4833. height: 129px;
  4834. z-index: 99;
  4835. }
  4836. a:active, a:link, a:visited {
  4837. font-weight: bold;
  4838. color: #888888;
  4839. text-decoration: none;
  4840. }
  4841. a:hover, a:hover {
  4842. color: #074f2f;
  4843. text-decoration: none;
  4844. }
  4845. .trophy_cell {
  4846. padding: 0px;
  4847. }
  4848. body {
  4849. background: url("http://i.imgur.com/JHEmcja.png") repeat-y #011005;
  4850. }
  4851. #usertrophies img {
  4852. padding: 2px;
  4853. margin: 2px;
  4854. border: 1px solid #E8F2FE;
  4855. background: #FFF;
  4856. width: 50px;
  4857. height: auto;
  4858. }
  4859. #usershop img {
  4860. width: 63px;
  4861. height: 63px;
  4862. }
  4863. #userinfo img, #usercollections img {
  4864. margin: 1px;
  4865. background: #FFF;
  4866. }
  4867. #userneopets img {
  4868. padding: 5px;
  4869. margin: 5px;
  4870. border: 1px solid #e2d4d4;
  4871. background: #FBFBFF;
  4872. width: 100px;
  4873. height: 100px;
  4874. }
  4875. #main {
  4876. margin-left: 0px;
  4877. margin-top: 0px;
  4878. }
  4879. .contentModuleTable, .contentModule {
  4880. z-index: 100 !important;
  4881. background: none;
  4882. border: none;
  4883. }
  4884. #right {
  4885. background: url("http://i.imgur.com/s3oC89g.png") no-repeat bottom right;
  4886. bottom: 0px;
  4887. right: 0px;
  4888. height: 215px;
  4889. width: 286px;
  4890. z-index: 100 !important;
  4891. }
  4892. #avatars {
  4893. bottom: 30px;
  4894. height: 150px;
  4895. width: 268px;
  4896. right: 10px;
  4897. text-align: center;
  4898. z-index: 100 !important;
  4899. overflow: auto;
  4900. }
  4901. #avatars img {
  4902. margin: 2px;
  4903. }
  4904. </style></textarea></td>
  4905.  
  4906. </tr></table></center>
  4907. </div>
  4908. <a name="four"></a><div id="blog">
  4909. <h2 id="back">neoboard fonts</h2>
  4910. <div style="float: right; width: 100px; text-align: center; height: 60px;">
  4911. <a class="nav2" href="#regular">regular</a><br>
  4912. <a class="nav2" href="#nbpen">nb pen fonts</a>
  4913. </div>
  4914. Below are submitted fonts for you to use as your signature! And <a href="http://www.neopets.com/neoboards/preferences.phtml">here</a> is a convenient link to your board preferences. Submitting a font earns you <b>20 house points and 25 sickles</b>! You may change the hex codes in this font to match whatever avatar you are using at the time. If you need any help with hex codes, neomail Ashley (lordvoldemort) and she'll help you out! Some previews may look stretched or squeezed, as they were resized to fit on this page. Drag the image to your URL bar to view the full size :)
  4915. <br><br><h2 id="regular">regular fonts <a href="#back">back to the top</a></h2>
  4916.  
  4917. <table class="fonts"><tr><th><img src="http://oi60.tinypic.com/o8dyf9.jpg" height="98" width="300"><br><textarea>[center][fonts=1c=000]neoHTML[/font][br][fontf=georgiac=9D309E][i]trust me, i know what im doing[/i][</textarea><br><textarea>][br][/font][fontf=palatinos=2c=FDCC58]           [b]- - - liquid luck[/b] ✷[/font][/center]</textarea></th>
  4918. <th><img src="http://i.imgur.com/MM8cOSY.png" height="98" width="300"><br><textarea>[center][fontc=000s=1]neoHTML[/font][br][fonts=1f=monospacec=666699]WE'RE UP ALL [</textarea><br><textarea>]NIGHT TO GET[/font][br][fontf=georgiac=339966]  { ℒιquιᴅ } ℒ[i]ucκ-y[/i][/font][/center]</textarea></th>
  4919.  
  4920. </tr><tr><td><img src="http://i.imgur.com/lQHEcjX.png" height="98" width="300"><br><textarea>[center][fonts=1c=000]neoHTML[/font][/center][fonts=3f=georgiac=ff9900][</textarea><br><textarea>][i]yourname[/i][/font] [fonts=3f=palatinoc=FF1975]in liquid luck.[/font]     *witch*</textarea></td>
  4921. <td><img src="http://i57.tinypic.com/b3k8ph.jpg" height="98" width="300"><br><textarea>[center][sup]neoHTML[/sup][br][fontf=monospacec=6A86C7s=9]LIQUID LUCK[/font][fontc=86BB51s=5]  ☮[/font][br][</textarea><br><textarea>][fontf=georgiac=86BB51s=1]we are just like you, only[/font][fontf=georgiac=6A86C7s=1] c o o l e r.[/font][br][/center]</textarea></td>
  4922.  
  4923. </tr><tr><td><img src="http://i60.tinypic.com/2vb1nbs.jpg" height="98" width="300"><br><textarea>[center][sup]neoHTML[/sup][br][fontf=calibric=CC5F96s=5]❝[b]Five points[/b] for sheer dumb[b] luck[/b]❞[/font][br][</textarea><br><textarea>][fontf=georgiac=#656565s=1]       Househere in Liquid Luck[/font][br][fontc=CC5F96]      ¯¯¯¯¯¯¯¯¯¯¯¯¯[/font][/center]</textarea></td>
  4924. <td><img src="http://i62.tinypic.com/2dtygcj.jpg" height="98" width="300"><br><textarea>[center][sup]neoHTML[/sup][br][fontf=monospacec=FF6800s=3]NAME SAYS [/font][fontf=georgiac=41B9B9s=3]|| [</textarea><br><textarea>]❝DO YOUR ACTIVITIES!❞[/font][br][fontf=georgiac=#FF9C00s=1] http://www.neopets.com/~nomajes[/font][/center]</textarea></td>
  4925.  
  4926. </tr><tr><td><img src="http://i57.tinypic.com/1217m00.jpg" height="98" width="300"><br><textarea>[center][sup]neoHTML[/sup][br][fontc=2E9CCDs=5]▬▬▬▬▬▬▬▬▬▬▬▬[/font][br][fontf=monospacec=46B9FE]ASHLEY[/font][</textarea><br><textarea>][fontc=9ABADEs=1] ▌[/font][fontf=consolasc=2E9CCDs=1] HUFFLEPUFF IN LIQUID LUCK.[/font][br][/center]</textarea></td>
  4927. <td><img src="http://i61.tinypic.com/28ulndh.jpg" height="98" width="300"><br><textarea>[center][sup]neoHTML[/sup][br][fontc=FFBA5Es=5]      ▬▬▬☠▬▬▬[/font][br][fontf=georgiac=D43023s=2]        THE HOUSENAME[</textarea><br><textarea>]S[/font][br][fontf=consolasc=FFBA5Es=1]           can always do it better.[/font][br][/center]</textarea></td>
  4928.  
  4929. </tr><tr><td><img src="http://i62.tinypic.com/2l1fmt.jpg" height="98" width="300"><br><textarea>[center][fontc=blackf=tahoma]neoHTML[/font][br][fontc=#210B61s=5f=georgia][b]LIQUID LUCK[/b][/font][br][</textarea><br><textarea>][fontc=#A4A4A4f=georgia][i]#nofilternecessary [/i][/font][/center]</textarea></td>
  4930. <td><img src="http://i62.tinypic.com/1z5q3gp.jpg" height="98" width="300"><br><textarea>[center][sup]neoHTML[/sup][br][fontf=georgiac=002198s=3]L I Q U I D L U C K [/font][fonts=1f=monospacec=494059][</textarea><br><textarea>][br]eccentric people gravitating toward a guild[br]that knows how to play and have a good time.[/font][/center]</textarea></td>
  4931.  
  4932. </tr><tr><td><img src="http://i58.tinypic.com/vyq0w.jpg" height="98" width="300"><br><textarea>[center][fontc=#6C6C6Cs=1f=verdana]neoHTML[p][/font][fontc=#52AAAD s=2f=georgia][i]PROPERTY OF LIQUID LUCK [/i][</textarea><br><textarea>[][i][b] { *witch* }[/i][/b][/font][br][fonts=1c=#A9A9A9]weʼve known what we were doing since 2014. [/font][/center]</textarea></td>
  4933. <td><img src="http://i57.tinypic.com/27ya0qe.jpg" height="98" width="300"><br><textarea>[center][fontf=tahomac=#999999s=1]neoHTML[/font][p][fontf=pilgic=#54As=3][i]Namehere[/i][/font] [ </textarea><br><textarea>]*witch* [fonts=3f=pilgic=#85B]in Liquid Luck[/font][br][fontc=#7877d5]¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯[/font][/center] </textarea></td>
  4934.  
  4935. </tr><tr><td><img src="http://i.imgur.com/sQUpiBi.png" height="98" width="300"><br><textarea>[center][sup]neoHTML[/sup][br][fontf=georgiac=3ADF00s=3]◄Liquid *witch* Luck►[/font][fonts=1f=georgiac=494059][</textarea><br><textarea>][br]Happiness can be found even in the darkest of times,[br]if one only remembers to turn on the light.[/font][/center]</textarea></td>
  4936. <td><img src="http://i.imgur.com/aYDJ2DB.png" height="98" width="300"><br><textarea>[center][sup]neoHTML[/sup][br][center][sup]neoHTML[/sup][br][fontf=georgiac=BE81F7s=3]【Liquid Luck】[/font][fonts=1f=georgiac=494059][</textarea><br><textarea>][br]❝It is our choices that show what we truly are,[br]far more than our abilities.❞[/font][/center]</textarea></td>
  4937.  
  4938. </tr><tr><td><img src="http://i.imgur.com/ZvcylJq.png" height="98" width="300"><br><textarea>[CENTER][FONTC=000S=1]NEOHTML[/FONT][BR][FONTS=4F=GEORGIAC=#F7BE81] [I]ℒIQUID ℒUCK[/I] [/FONT][BR][</textarea><br><textarea>][FONTS=2F=GEORGIAC=#CCC][I]::A HARRY POTTER GUILD::[/I][/FONT][BR][FONTS=1F=GEORGIAC=#CCC]HTTP://WWW.NEOPETS.COM/~nomajes[/FONT][/CENTER]</textarea></td>
  4939. </tr></table><br><br><h2 id="nbpen">fonts requiring a neoboard pen <a href="#back">back to the top</a></h2>
  4940. <table class="fonts"><tr><td><img src="http://i.imgur.com/pRKV8ur.png" height="98" width="300"><br><textarea>[center][fontf=helveticas=1c=#000000]neoHTML[/font][p][fontc=#CBA31As=4f=pilgi]ℒiquid ℒuck[/font][br][fontc=#5E460Ds=1f=monospace][ </textarea><br><textarea>][b]CAUTION, MAY CAUSE[/b]:[br][/font][fontc=#A78416s=1f=georgia][i]giddiness, recklessness,[br]dangerous overconfidence.[/i][/font][/center]</textarea></td>
  4941. <td><img src="http://i60.tinypic.com/5zp6qs.jpg" height="98" width="300"><br><textarea>[center][fontf=helveticas=1c=#000000]neoHTML[/font][p][fontc=#666666s=1f=georgia][i]the [/i][/font][fontc=#CB0800s=3f=pilgi]phoenix[/font][</textarea><br><textarea>] [fontc=#666666s=1f=georgia][i]shall[/i][/font] [fontc=#e9b00bs=3f=pilgi]rise[/font][br][fontc=#000000s=1f=consolas]      LIQUID LUCK[/font][/center]</textarea></td>
  4942. </tr><tr><td><img src="http://i.imgur.com/OPKmvu4.png" height="98" width="300"><br><textarea>[br][center][fontf=verdanac=#787878s=1]neoHTML[/font][p][br]</textarea><br><textarea>][fontf=as=2c=#77bdb6]ℒiquid ℒuck[/font][br][fontc=#b2b2b2f=georgias=1][i]Name ➥ House [br]www.neopets.com/~nomajes[/i][/font][/center]</textarea></td>
  4943. </tr></table>
  4944. </div>
  4945.  
  4946. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement