Advertisement
Guest User

Jen's Office

a guest
Apr 30th, 2017
47
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.19 KB | None | 0 0
  1. <style>
  2. table {
  3. background: none;
  4. }
  5. table a img, .sf {
  6. display: none;
  7. }
  8. body, font, td, p, .medText {
  9. font-family: tahoma;
  10. font-size: 11px;
  11. color: #ffffff;
  12. cursor: default;
  13. }
  14. body {
  15. background-color: #ffffff;
  16. background-image: url("http://i.imgur.com/nCVFomU.png");
  17. background-repeat: repeat-x;
  18. }
  19. h1 {
  20. color: #9bd3a8;
  21. font: 21pt georgia;
  22. margin-top: 0px;
  23. margin-bottom: 0px;
  24. padding: 1px;
  25. text-align: left;
  26. text-transform: lowercase;
  27. margin-left: 70px;
  28. }
  29. h2 {
  30. color: #e8dccc;
  31. font: 14pt georgia;
  32. margin-top: 0px;
  33. margin-bottom: 0px;
  34. padding: 1px;
  35. text-align: center;
  36. text-transform: lowercase;
  37. }
  38. b {
  39. color: #9bd3a8;
  40. font-weight: bold;
  41. }
  42. i {
  43. color: #9bd3a8;
  44. font-style: italic;
  45. font-family: georgia;
  46. font-size: 11px;
  47. letter-spacing: 1px;
  48. text-transform: lowercase;
  49. }
  50. textarea {
  51. border: 0px solid #fff;
  52. background-image: url("http://i.imgur.com/nCVFomU.png");
  53. background-repeat: repeat;
  54. font-family: courier new;
  55. font-size: 12px;
  56. color: #ffffff;
  57. height: 70px;
  58. width: 60%;
  59. margin-top: 5px;
  60. margin-bottom: 5px;
  61. padding: 10px;
  62. }
  63. textarea:hover {
  64. color: #947658;
  65. }
  66. a:link, a:active, a:visited {
  67. color: #d0c098;
  68. font: 10px tahoma;
  69. text-decoration: none;
  70. text-transform: lowercase;
  71. letter-spacing: 1px;
  72. }
  73. a:hover {
  74. color: #b58d8d;
  75. font: 10px georgia;
  76. font-style: italic;
  77. text-transform: lowercase;
  78. letter-spacing: 3px;
  79. text-decoration: none;
  80. }
  81. .nav:link, .nav:active, .nav:visited {
  82. color: #ffffff;
  83. font: 10px arial;
  84. display: inline-block;
  85. padding: 10px;
  86. text-transform: uppercase;
  87. text-align: center;
  88. letter-spacing: 0px;
  89. }
  90. .nav:hover {
  91. color: #dfd9c7;
  92. }
  93. img {
  94. margin: 3px;
  95. background: transparent;
  96. padding: 2px;
  97. border: 1px transparent solid;
  98. }
  99. #container {
  100. width: 1100px;
  101. margin: auto;
  102. margin-top: 0;
  103. background-image: url("http://i.imgur.com/6ZX8mBk.png");
  104. background-repeat: repeat;
  105. }
  106. #headerimg {
  107. width: 1100px;
  108. height: 600px;
  109. margin-top: 0px;
  110. margin-left: 0px;
  111. background-image: url("http://i68.tinypic.com/e1ff38.png");
  112. background-repeat: repeat;
  113. }
  114. #box1 {
  115. margin-top: 50px;
  116. margin-left: 60px;
  117. width: 270px;
  118. height: 120px;
  119. overflow: hidden;
  120. padding: 6px;
  121. background-repeat: repeat;
  122. text-align: justify;
  123. }
  124. #box2 {
  125. margin-top: -132px;
  126. margin-left: 400px;
  127. width: 270px;
  128. height: 120px;
  129. overflow: hidden;
  130. padding: 6px;
  131. background-repeat: repeat;
  132. text-align: center;
  133. }
  134. #box3 {
  135. margin-top: -132px;
  136. margin-left: 750px;
  137. width: 270px;
  138. height: 120px;
  139. overflow: hidden;
  140. padding: 6px;
  141. background-repeat: repeat;
  142. text-align: center;
  143. }
  144. #box1, #box2, #box3 {
  145. background-image: url("http://i.imgur.com/nCVFomU.png");
  146. }
  147. #main {
  148. margin-top: 0px;
  149. margin-left: 0px;
  150. width: 1000px;
  151. text-align: justify;
  152. overflow: auto;
  153. padding: 6px;
  154. }
  155. #navigation {
  156. margin-top: -157px;
  157. margin-left: 0px;
  158. width: 1100px;
  159. overflow: auto;
  160. padding: 6px;
  161. text-align: center;
  162. }
  163. .body {
  164. padding: 2px;
  165. height: 313px;
  166. overflow: hidden;
  167. background-color: transparent;
  168. }
  169. .part {
  170. padding: 2px;
  171. height: 313px;
  172. overflow: auto;
  173. background-repeat: repeat;
  174. }
  175. .bg {
  176. padding: 6px;
  177. margin-bottom: 15px;
  178. overflow: auto;
  179. background-color: #fff;
  180. border-bottom: 4px solid #cbaa15;
  181. color: #000;
  182. width: 80%;
  183. text-align: center;
  184. }
  185. </style><div id="container">
  186.  
  187. <div id="headerimg"><center><img src="http://i.imgur.com/qEPjHBe.png" width="300" style="margin-top: 6px;"></center></div>
  188.  
  189. <div id="navigation">
  190. <a href="/guilds/guild.phtml?id=4176524" class="nav" style="border-radius: 10px;">The Castle</a>
  191. <a href="/~Joesln" class="nav" style="border-radius: 10px;">Grounds</a>
  192. <a href="/~Dieloa" class="nav" style="border-radius: 10px;">Knight Bus</a>
  193. <a href="/~Hagoi" class="nav" style="border-radius: 10px;">Ministry</a>
  194.  
  195. <a href="/~LINKAGE" class="nav" style="border-radius: 10px;">Slytherin Common Room</a>
  196. </div>
  197.  
  198.  
  199. <div id="box1" style="border-radius: 10px;">
  200. <h2>About the Professor</h2>
  201. My name is Jen, & I am the current Slytherin HOH! In the muggle world, I am a nerdy paralegal in my mid-twenties. In the wizarding world, I am also the COMC & Charms Professor and Leader of the Dueling Club.
  202.  
  203.  
  204. </div>
  205.  
  206. <div id="box2" style="border-radius: 10px;">
  207. <h2>Available Activities</h2>
  208. <br><a href="#actone">Dobby's Decorating</a>
  209. <br><a href="#acttwo">Riddle's Riddles</a>
  210. <br><a href="#actthree">Quick Quotes Quill</a>
  211. <br><a href="#actfour">Longbottom's Loss</a>
  212. <br><a href="#actfive">Foggy Foe Glass</a>
  213. </div>
  214.  
  215. <div id="box3" style="border-radius: 10px;">
  216. <h2>Pages I Host</h2>
  217. <a href="/~thedungeons">Slytherin Common Room</a>
  218. <br><a href="/~wandsready">Dueling Club</a>
  219. <br><a href="/~__newtscamander__">Care of Magical Creatures</a>
  220. <br><a href="/~shmarmander">Charms</a>
  221. <br><a href="/~pohtatoh">Jen's Office</a>
  222.  
  223.  
  224. </div>
  225.  
  226. <center>
  227. <div id="main">
  228. <h1 style="margin-bottom: -50px;"><a href="#clear" style="font: 50px georgia; margin-left: -50px;" title="Clear">☜</a></h1>
  229.  
  230. <div class="body">
  231.  
  232.  
  233. <div class="part" id="clear">
  234. <div id="part">
  235. <h1>Professor Jen's Office</h1>
  236. <img src="http://i.imgur.com/6qc33Wo.png" style="float: left;"><center>
  237. <img src="http://i.imgur.com/mGwV1GU.png"><img src="http://i.imgur.com/SzkOZVn.png"><img src="http://i.imgur.com/MyVMHYL.png"><br><img src="http://i.imgur.com/QowqeJg.png"><img src="http://i.imgur.com/Hvi2fB0.png" height="188" width="346"><img src="http://i.imgur.com/3bz6f6f.png"></center>
  238. <br></div></div>
  239.  
  240.  
  241.  
  242.  
  243.  
  244.  
  245. <div class="part" id="actone">
  246.  
  247.  
  248. <h1>Dobby's Decorating</h1>
  249. <center>
  250. <img src="http://i.imgur.com/7TtxOWy.png" style="float: right;"><br>Dobby is decorating the castle! But, he can't do it all himself. Lend him a hand by hanging up some posters!<br><br>
  251. Dobby's Decorating is a blend contest! Use the criteria below to create a banner for 5 HP!<br><i>Please remember that images submitted to Dobby's Decorating will be used by the guild at the Leaky Cauldron!</i><br><br><b>CRITERIA</b><br>
  252. 1. The banner must be Quidditch themed!<br>
  253. 2. The banner must have the Guild Name on it!<br>
  254. 3. The banner must contain the following image:<br><img class="blend" src="http://i.imgur.com/LfKYokr.jpg"><br>
  255. drag & drop the image into the address bar to view the full size
  256. </center>
  257. </div>
  258.  
  259.  
  260.  
  261.  
  262. <div class="part" id="acttwo">
  263. <h1>Riddle's Riddles</h1>
  264. <center><br>Tom Marvolo Riddle enjoyed a good riddle. Can you solve this one? Solve the riddle for 5 HP!<br><br><b>You will always find me in the past. I can be created in the present, But the future can never taint me. What am I?</b></center>
  265. </div>
  266.  
  267.  
  268. <div class="part" id="two">
  269. <h1>Quick Quotes Quill</h1>
  270. <center><br>Rita Skeeter's been poking around the castle again, her quill scribbling away. But, it hasn't been keeping track of who it's quoting! Can you help her track the speaker of these words? Earn 5 HP!<br><b>You sort of start thinking anything's possible if you've got enough nerve.</b></center>
  271. </div>
  272.  
  273.  
  274.  
  275.  
  276.  
  277.  
  278.  
  279.  
  280.  
  281. <div class="part" id="actthree">
  282. <h1>Longbottom's Loss</h1>
  283. <center><br><img src="http://i.imgur.com/Xo1AdfI.png" style="float: left;"><br>
  284. Neville's remembrall is red. He's lost something, but he can't remember what it is! Tell Neville what item he's lost for 5 HP!<br><img src="http://images.neopets.com/items/hwpp_mysterious_flower.gif"></center>
  285. </div>
  286.  
  287.  
  288.  
  289.  
  290.  
  291. <div class="part" id="actfour">
  292. <h1>Foggy Foe Glass</h1>
  293. <center><br>Your Foe Glass is incredibly foggy. Can you discern who this is? Send your answer for 5 HP!<br><img class="foe" src="http://i.imgur.com/rgUERQq.png"><br>
  294. drag & drop the image into the address bar to view the full size</center>
  295. </div>
  296.  
  297.  
  298.  
  299.  
  300.  
  301.  
  302.  
  303. <div class="part" id="actfive">
  304. <h1>activity five</h1>
  305. In condimentum nisl nibh, ut suscipit orci blandit vehicula. Sed auctor massa tellus, a semper velit mollis eget. Sed hendrerit finibus ante, ac tristique nibh. Maecenas lacus libero, suscipit eu laoreet non, commodo eu orci. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Text. TEXT. <b>Bold</b>, and <i>Italics</i>. Duis sit amet accamsan massa. Suspendisse quis tortor non justo finibus laoreet. Phasellus sollicitudin libero purus, non laoreet sem ultrices eleifend. Maecenas elementum, nunc vitae iaculis congue, nibh magna tincidunt urna, sed volutpat erat mauris nec ipsum. Phasellus eleifend eu felis eu finibus.
  306. </div>
  307.  
  308. <br><br><br><br><br></div>
  309.  
  310. <center><blockquote style="margin-top: 50px; width: 550px; text-align: justify;">
  311. <h2>contact information</h2>
  312. <a href="http://www.neopets.com/neomessages.phtml?type=send&recipient=jenbraveheart&subject=Office"><img src="http://i.imgur.com/vrZhCPk.png" border="0" title="Send a Howler" style="float: left; margin-right: 10px;"></a>
  313. Despite the cold dungeons where the Slytherin Common Room can be found, the Head of Slytherin's office is a warm & inviting room. There are stacks of books on chairs and in the corner there is a cage that appears to be filled with... pixies? It seems that she is not in the office currently. There is however a list of items that can be done for her in order to earn house points!
  314. </blockquote></center><br><br></div></center></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement