API tools faq
paste
thisisnotras

Edge new 3/25/17

thisisnotras
Mar 25th, 2017
216
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.99 KB | None | 0 0
raw download clone embed print report
  1. <style>
  2.  
  3. @import url(//fonts.googleapis.com/css?family=Poiret+One|Herr+Von+Muellerhoff|Audiowide);
  4.  
  5. @font-face{
  6. src:url(https://dl.dropboxusercontent.com/u/4556289/Imagination%20Station.ttf);
  7. font-family:'titlefont';
  8. }
  9.  
  10. @font-face{
  11. src:url(https://dl.dropboxusercontent.com/u/4556289/Vonique64.ttf);
  12. font-family:'subfont';
  13. }
  14.  
  15. @font-face{
  16. src:url(https://dl.dropboxusercontent.com/u/4556289/Saniretro.ttf);
  17. font-family:'contentfont';
  18. }
  19.  
  20. ::-webkit-scrollbar {
  21. width: 5px;
  22. background-color: transparent;
  23. }
  24.  
  25.  
  26. ::-webkit-scrollbar-thumb {
  27. border-radius: 0px;
  28. -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  29. background-color: black;
  30. }
  31.  
  32.  
  33. body{
  34. overflow: hidden;
  35. }
  36.  
  37. body, a, a:hover, label {cursor: url(http://cur.cursors-4u.net/cursors/cur-7/cur641.cur), progress !important;}
  38.  
  39. #whole *{
  40. box-sizing: border-box;
  41. }
  42.  
  43. #whole{
  44. position: absolute;
  45. top: 0px;
  46. left: 0px;
  47. right: 0px;
  48. bottom: 0px;
  49. background-color: #c75b2e;
  50. background-color: #bd6a48;
  51. background-image:url(http://i.imgur.com/GDNO65o.png);
  52. border: 10px solid black;
  53. }
  54.  
  55. #topimage{
  56. position: absolute;
  57. top: 0px;
  58. left: 0px;
  59. right: 0px;
  60. bottom: 0px;
  61. margin: auto;
  62. height: 90vh;
  63. width: 65vh;
  64. background-image:url(http://i.imgur.com/j2ycW8q.png);
  65. background-repeat: no-repeat;
  66. background-size: auto 100%;
  67. background-position: center;
  68. box-shadow: 5px 5px 10px black;
  69. border-radius: 2px 2px 2px 2px;
  70. }
  71.  
  72. #menuselect{
  73. position: absolute;
  74. top: 0px;
  75. bottom: 0px;
  76. left: -23vh;
  77. width: 20vh;
  78. box-shadow: 5px 5px 10px black;
  79. border-bottom: 5px solid #3D2F2A;
  80. border-right: 5px solid #3D2F2A;
  81. border-radius: 5px 2px 2px 0px;
  82. padding-top: .5px;
  83. background-color: rgba(199, 91, 46, 0.66);
  84. }
  85.  
  86. .selectbox{
  87. position: relative;
  88. margin-bottom: 1vh;
  89. width: 100%;
  90. height: 17vh;
  91. overflow: hidden;
  92. -webkit-transition: all 1s;
  93. transition: all 1s;
  94. }
  95.  
  96. .selectbox .topbox{
  97. width: 100%;
  98. float: left;
  99. height: 4vh;
  100. font-family:'titlefont';
  101. font-size: 2.5vh;
  102. color: black;
  103. font-weight: 600;
  104. letter-spacing: .5vh;
  105. padding: 5px;
  106. text-align: right;
  107. box-shadow: 0px 1px 3px black;
  108. -webkit-transition: all .2s;
  109. transition: all .2s;
  110. }
  111.  
  112. .firstfloat{
  113. float: left;
  114. height: 3vh;
  115. width: 100%;
  116. overflow: hidden;
  117. font-family:'subfont';
  118. font-size: 1.7vh;
  119. font-weight: 600;
  120. text-align: right;
  121. padding-right: 1.9vh;
  122. margin-top: 1vh;
  123. opacity: 0;
  124. -webkit-transition: all 1s;
  125. transition: all 1s;
  126. }
  127.  
  128. .firstfloat:before{
  129. content: '››';
  130. text-align: left;
  131. float: left;
  132. margin-left: 1vh;
  133. }
  134.  
  135. #whole .selectbox{
  136. height: 5vh;
  137. }
  138.  
  139. #div1sel:checked ~ #whole .selectbox:nth-child(1),
  140. #div2sel:checked ~ #whole .selectbox:nth-child(2),
  141. #div3sel:checked ~ #whole .selectbox:nth-child(3),
  142. #div4sel:checked ~ #whole .selectbox:nth-child(4),
  143. #div5sel:checked ~ #whole .selectbox:nth-child(5){
  144. height: 17vh;
  145. }
  146.  
  147. #div1sel:checked ~ #whole .selectbox:nth-child(1) .firstfloat,
  148. #div2sel:checked ~ #whole .selectbox:nth-child(2) .firstfloat,
  149. #div3sel:checked ~ #whole .selectbox:nth-child(3) .firstfloat,
  150. #div4sel:checked ~ #whole .selectbox:nth-child(4) .firstfloat,
  151. #div5sel:checked ~ #whole .selectbox:nth-child(5) .firstfloat{
  152. opacity: 1;
  153. -webkit-transition: all 1s .1s;
  154. transition: all 1s .1s;
  155. }
  156.  
  157. #div1sel:checked ~ #whole .selectbox:nth-child(1) .topbox,
  158. #div2sel:checked ~ #whole .selectbox:nth-child(2) .topbox,
  159. #div3sel:checked ~ #whole .selectbox:nth-child(3) .topbox,
  160. #div4sel:checked ~ #whole .selectbox:nth-child(4) .topbox,
  161. #div5sel:checked ~ #whole .selectbox:nth-child(5) .topbox{
  162. background-color: rgba(0, 0, 0, 0.2);
  163. }
  164.  
  165. #contentarea1{
  166. position: absolute;
  167. border: 5px solid #c75b2e;
  168. top: .3vh;
  169. left: .3vh;
  170. height: 35vh;
  171. width: 32vh;
  172. }
  173.  
  174. #contentarea2{
  175. position: absolute;
  176. border: 5px solid #c75b2e;
  177. top: .3vh;
  178. right: .3vh;
  179. height: 35vh;
  180. width: 32vh;
  181. }
  182.  
  183. #contentarea3{
  184. position: absolute;
  185. top: 35.7vh;
  186. left: .3vh;
  187. right: .3vh;
  188. height: 15vh;
  189. border: 5px solid #c75b2e;
  190. }
  191.  
  192. #contentarea4{
  193. position: absolute;
  194. top: 51vh;
  195. left: .3vh;
  196. right: .3vh;
  197. height: 25vh;
  198. border: 5px solid #c75b2e;
  199. }
  200.  
  201. #contentarea5{
  202. position: absolute;
  203. bottom: .3vh;
  204. left: .3vh;
  205. right: .3vh;
  206. height: 13.4vh;
  207. border: 5px solid #c75b2e;
  208. }
  209.  
  210. #contentarea1:before,
  211. #contentarea2:before,
  212. #contentarea3:before,
  213. #contentarea4:before,
  214. #contentarea5:before{
  215. content: '';
  216. position: absolute;
  217. top: 2px;
  218. left: 2px;
  219. right: 2px;
  220. bottom: 2px;
  221. box-shadow: 0px 0px 3px 3px black;
  222. background: rgba(199, 91, 46, 0.72);
  223. background: rgba(218, 197, 188, 0.75);
  224. -webkit-transition: all 1s;
  225. transition: all 1s;
  226. opacity: 0;
  227. }
  228.  
  229.  
  230. #contentarea1,
  231. #contentarea2,
  232. #contentarea3,
  233. #contentarea4,
  234. #contentarea5{
  235. -webkit-transition: all 1s .5s;
  236. transition: all 1s .5s;
  237. opacity: 0;
  238. }
  239.  
  240. #div1sel:checked ~ #whole #contentarea1,
  241. #div2sel:checked ~ #whole #contentarea2,
  242. #div3sel:checked ~ #whole #contentarea3,
  243. #div4sel:checked ~ #whole #contentarea4,
  244. #div5sel:checked ~ #whole #contentarea5
  245. {
  246. -webkit-transition: all 1s;
  247. transition: all 1s;
  248. opacity: 1;
  249. }
  250.  
  251. #div1sel:checked ~ #whole #contentarea1:before,
  252. #div2sel:checked ~ #whole #contentarea2:before,
  253. #div3sel:checked ~ #whole #contentarea3:before,
  254. #div4sel:checked ~ #whole #contentarea4:before,
  255. #div5sel:checked ~ #whole #contentarea5:before{
  256. -webkit-transition: all 1s .5s;
  257. transition: all 1s .5s;
  258. opacity: 1;
  259. }
  260.  
  261. .contents{
  262. position: absolute;
  263. top: 0px;
  264. left: 0px;
  265. right: .2vh;
  266. bottom: 0px;
  267. overflow: auto;
  268. color: black;
  269. font-weight: 400;
  270. font-family:'contentfont';
  271. font-size: 2vh;
  272. padding: 5px;
  273. text-align: left;
  274. z-index: 1;
  275. -webkit-transition: all 1s;
  276. transition: all 1s;
  277. opacity: 0;
  278. }
  279.  
  280. .contents a{
  281. color: black;
  282. font-weight: 600;
  283. text-decoration: none;
  284. -webkit-transition: all .3s;
  285. transition: all .3s;}
  286.  
  287. .contents a:hover{
  288. color: #c75b2e; }
  289.  
  290. #sel11:checked ~ #whole #content11,
  291. #sel12:checked ~ #whole #content12,
  292. #sel13:checked ~ #whole #content13,
  293. #sel21:checked ~ #whole #content21,
  294. #sel22:checked ~ #whole #content22,
  295. #sel31:checked ~ #whole #content31,
  296. #sel32:checked ~ #whole #content32,
  297. #sel41:checked ~ #whole #content41,
  298. #sel42:checked ~ #whole #content42,
  299. #sel43:checked ~ #whole #content43,
  300. #sel51:checked ~ #whole #content51,
  301. #sel52:checked ~ #whole #content52,
  302. #sel53:checked ~ #whole #content53{
  303. opacity: 1;
  304. -webkit-transition: all 1s .5s;
  305. transition: all 1s .5s;
  306. z-index: 2;
  307. }
  308.  
  309. #sel11:checked ~ #whole .selectbox:nth-child(1) .firstfloat:nth-child(2):before,
  310. #sel12:checked ~ #whole .selectbox:nth-child(1) .firstfloat:nth-child(3):before,
  311. #sel13:checked ~ #whole .selectbox:nth-child(1) .firstfloat:nth-child(4):before,
  312. #sel21:checked ~ #whole .selectbox:nth-child(2) .firstfloat:nth-child(2):before,
  313. #sel22:checked ~ #whole .selectbox:nth-child(2) .firstfloat:nth-child(3):before,
  314. #sel31:checked ~ #whole .selectbox:nth-child(3) .firstfloat:nth-child(2):before,
  315. #sel32:checked ~ #whole .selectbox:nth-child(3) .firstfloat:nth-child(3):before,
  316. #sel41:checked ~ #whole .selectbox:nth-child(4) .firstfloat:nth-child(2):before,
  317. #sel42:checked ~ #whole .selectbox:nth-child(4) .firstfloat:nth-child(3):before,
  318. #sel43:checked ~ #whole .selectbox:nth-child(4) .firstfloat:nth-child(4):before,
  319. #sel51:checked ~ #whole .selectbox:nth-child(5) .firstfloat:nth-child(2):before,
  320. #sel52:checked ~ #whole .selectbox:nth-child(5) .firstfloat:nth-child(3):before,
  321. #sel53:checked ~ #whole .selectbox:nth-child(5) .firstfloat:nth-child(4):before{
  322. color: #DAC5BC;
  323. }
  324.  
  325.  
  326. /* MUSIC PLAYER */
  327.  
  328. #musiccontainer{
  329. position: absolute;
  330. bottom: 10px;
  331. left: 10px;
  332. height: 24px;
  333. width: 23px;
  334. border: 0px solid black;
  335. background: #ED8722;
  336. -webkit-transition: all 1s;
  337. transition: all 1s;
  338. overflow: hidden;
  339. border-radius: 3px 3px 3px 3px;
  340. opacity: .8;
  341. zoom: 130%;
  342. }
  343.  
  344. #musiccontainer:hover{
  345. width: 200px;}
  346.  
  347. #playerhold{
  348. position: absolute;
  349. left: 0px;
  350. top: 0px;
  351. height: 24px;
  352. width: 200px;
  353. border: 0px solid black;
  354. overflow: hidden;
  355. }
  356.  
  357. #playerholdzoom{
  358. position: absolute;
  359. height: 115%;
  360. width: 35px;
  361. border: 0px solid red;
  362. overflow: hidden;
  363. margin-left: -12px;
  364. margin-top: -3px;
  365. }
  366.  
  367. #detailshold{
  368. position: absolute;
  369. left: 22px;
  370. top: 1px;
  371. height: 20px;
  372. width: 180px;
  373. font-family: 'Audiowide';
  374. font-size: 11pt;
  375. letter-spacing: 3px;
  376. color: black;
  377. box-sizing: border-box;
  378. padding-left: 2px;
  379. padding-top: 2px;
  380. color: #21232A;
  381. overflow: hidden;
  382. text-transform: uppercase;
  383. }
  384.  
  385. #detailshold b{
  386. color: black; }
  387.  
  388. </style>
  389.  
  390. <input type="checkbox" id="div1sel">
  391. <input type="checkbox" id="div2sel">
  392. <input type="checkbox" id="div3sel">
  393. <input type="checkbox" id="div4sel">
  394. <input type="checkbox" id="div5sel">
  395. <input type="radio" name="select1" id="sel11">
  396. <input type="radio" name="select1" id="sel12">
  397. <input type="radio" name="select1" id="sel13">
  398. <input type="radio" name="select2" id="sel21">
  399. <input type="radio" name="select2" id="sel22">
  400. <input type="radio" name="select3" id="sel31">
  401. <input type="radio" name="select3" id="sel32">
  402. <input type="radio" name="select4" id="sel41">
  403. <input type="radio" name="select4" id="sel42">
  404. <input type="radio" name="select4" id="sel43">
  405. <input type="radio" name="select5" id="sel51">
  406. <input type="radio" name="select5" id="sel52">
  407. <input type="radio" name="select5" id="sel53">
  408.  
  409. <div id="whole">
  410. <div id="topimage">
  411.  
  412. <div id="menuselect">
  413. <div class="selectbox">
  414. <label class="topbox" for="div1sel">
  415. Main Info.
  416. </label>
  417. <label class="firstfloat" for="sel11">
  418. History
  419. </label>
  420. <label class="firstfloat" for="sel12">
  421. Personality
  422. </label>
  423. <label class="firstfloat" for="sel13">
  424. Likes / Dislikes
  425. </label>
  426. </div>
  427.  
  428. <div class="selectbox">
  429. <label class="topbox" for="div2sel">
  430. StaT Info.
  431. </label>
  432. <label class="firstfloat" for="sel21">
  433. Physical Info
  434. </label>
  435. <label class="firstfloat" for="sel22">
  436. Abilities
  437. </label>
  438. </div>
  439.  
  440. <div class="selectbox">
  441. <label class="topbox" for="div3sel">
  442. Events.
  443. </label>
  444. <label class="firstfloat" for="sel31">
  445. The Deal
  446. </label>
  447. <label class="firstfloat" for="sel32">
  448. The LounGe
  449. </label>
  450. </div>
  451.  
  452. <div class="selectbox">
  453. <label class="topbox" for="div4sel">
  454. The Lounge.
  455. </label>
  456. <label class="firstfloat" for="sel41">
  457. Description
  458. </label>
  459. <label class="firstfloat" for="sel42">
  460. Rules
  461. </label>
  462. <label class="firstfloat" for="sel43">
  463. Mods
  464. </label>
  465. </div>
  466.  
  467. <div class="selectbox">
  468. <label class="topbox" for="div5sel">
  469. OOC.
  470. </label>
  471. <label class="firstfloat" for="sel51">
  472. Gallery
  473. </label>
  474. <label class="firstfloat" for="sel52">
  475. Credits
  476. </label>
  477. <label class="firstfloat" for="sel53">
  478. Contact info
  479. </label>
  480. </div>
  481.  
  482. </div>
  483.  
  484. <div id="contentarea1">
  485. <div class="contents" id="content11">
  486. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent varius lectus euismod dui pulvinar ultricies. Vestibulum eleifend, eros id volutpat feugiat, mauris eros gravida ipsum, nec elementum felis lacus in ante. Pellentesque et euismod lacus. Nulla at egestas elit. Proin at massa bibendum, feugiat odio ut, sagittis leo. Ut lacus tellus, blandit vel enim vitae, bibendum maximus justo. Vivamus sit amet facilisis quam. Sed quis augue ac augue rhoncus sodales. Aenean aliquam tristique ligula, ut dapibus quam tempor eget. Quisque quis quam elit. Donec vulputate eros nec nisl mollis varius.
  487.  
  488. Sed aliquam eros nec aliquam consequat. In aliquet velit sit amet aliquet egestas. Morbi volutpat pretium erat, ac tincidunt sem malesuada quis. Proin ipsum metus, iaculis in congue quis, lobortis eu neque. Quisque in venenatis risus, ac hendrerit nibh. Morbi in nisi nec dui ullamcorper finibus. Praesent sapien massa, tincidunt eget erat et, aliquam egestas orci. Duis at libero vel justo eleifend placerat. Mauris ut purus vitae metus mattis mollis a at neque.
  489.  
  490. Integer ex quam, condimentum quis porttitor at, cursus vitae augue. Phasellus mollis ante elit, ut pharetra lectus auctor ut. Duis fringilla, tellus quis luctus vestibulum, est ligula elementum tellus, in placerat ligula orci sit amet odio. Curabitur nec felis vel urna cursus ornare. Donec vel molestie arcu. Maecenas a elit cursus, pulvinar tellus nec, rhoncus ante. Nunc odio orci, feugiat nec arcu nec, lobortis porttitor tellus. Praesent varius venenatis arcu, sed efficitur est convallis ut. Nulla purus nulla, tincidunt eu mi at, interdum egestas ante. Cras sed sapien massa. Vivamus sem velit, semper et lacus non, aliquam viverra leo. Nulla feugiat arcu in odio tempus faucibus.</div>
  491. <div class="contents" id="content12">
  492. Content 2.</div>
  493. <div class="contents" id="content13">
  494. Content 3.</div>
  495. </div>
  496.  
  497.  
  498. <div id="contentarea2">
  499. <div class="contents" id="content21">
  500. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent varius lectus euismod dui pulvinar ultricies. Vestibulum eleifend, eros id volutpat feugiat, mauris eros gravida ipsum, nec elementum felis lacus in ante. Pellentesque et euismod lacus. Nulla at egestas elit. Proin at massa bibendum, feugiat odio ut, sagittis leo. Ut lacus tellus, blandit vel enim vitae, bibendum maximus justo. Vivamus sit amet facilisis quam. Sed quis augue ac augue rhoncus sodales. Aenean aliquam tristique ligula, ut dapibus quam tempor eget. Quisque quis quam elit. Donec vulputate eros nec nisl mollis varius.
  501.  
  502. Sed aliquam eros nec aliquam consequat. In aliquet velit sit amet aliquet egestas. Morbi volutpat pretium erat, ac tincidunt sem malesuada quis. Proin ipsum metus, iaculis in congue quis, lobortis eu neque. Quisque in venenatis risus, ac hendrerit nibh. Morbi in nisi nec dui ullamcorper finibus. Praesent sapien massa, tincidunt eget erat et, aliquam egestas orci. Duis at libero vel justo eleifend placerat. Mauris ut purus vitae metus mattis mollis a at neque.
  503.  
  504. Integer ex quam, condimentum quis porttitor at, cursus vitae augue. Phasellus mollis ante elit, ut pharetra lectus auctor ut. Duis fringilla, tellus quis luctus vestibulum, est ligula elementum tellus, in placerat ligula orci sit amet odio. Curabitur nec felis vel urna cursus ornare. Donec vel molestie arcu. Maecenas a elit cursus, pulvinar tellus nec, rhoncus ante. Nunc odio orci, feugiat nec arcu nec, lobortis porttitor tellus. Praesent varius venenatis arcu, sed efficitur est convallis ut. Nulla purus nulla, tincidunt eu mi at, interdum egestas ante. Cras sed sapien massa. Vivamus sem velit, semper et lacus non, aliquam viverra leo. Nulla feugiat arcu in odio tempus faucibus.</div>
  505. <div class="contents" id="content22">
  506. Content 2.</div>
  507. </div>
  508.  
  509.  
  510.  
  511. <div id="contentarea3">
  512. <div class="contents" id="content31">
  513. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent varius lectus euismod dui pulvinar ultricies. Vestibulum eleifend, eros id volutpat feugiat, mauris eros gravida ipsum, nec elementum felis lacus in ante. Pellentesque et euismod lacus. Nulla at egestas elit. Proin at massa bibendum, feugiat odio ut, sagittis leo. Ut lacus tellus, blandit vel enim vitae, bibendum maximus justo. Vivamus sit amet facilisis quam. Sed quis augue ac augue rhoncus sodales. Aenean aliquam tristique ligula, ut dapibus quam tempor eget. Quisque quis quam elit. Donec vulputate eros nec nisl mollis varius.
  514.  
  515. Sed aliquam eros nec aliquam consequat. In aliquet velit sit amet aliquet egestas. Morbi volutpat pretium erat, ac tincidunt sem malesuada quis. Proin ipsum metus, iaculis in congue quis, lobortis eu neque. Quisque in venenatis risus, ac hendrerit nibh. Morbi in nisi nec dui ullamcorper finibus. Praesent sapien massa, tincidunt eget erat et, aliquam egestas orci. Duis at libero vel justo eleifend placerat. Mauris ut purus vitae metus mattis mollis a at neque.
  516.  
  517. Integer ex quam, condimentum quis porttitor at, cursus vitae augue. Phasellus mollis ante elit, ut pharetra lectus auctor ut. Duis fringilla, tellus quis luctus vestibulum, est ligula elementum tellus, in placerat ligula orci sit amet odio. Curabitur nec felis vel urna cursus ornare. Donec vel molestie arcu. Maecenas a elit cursus, pulvinar tellus nec, rhoncus ante. Nunc odio orci, feugiat nec arcu nec, lobortis porttitor tellus. Praesent varius venenatis arcu, sed efficitur est convallis ut. Nulla purus nulla, tincidunt eu mi at, interdum egestas ante. Cras sed sapien massa. Vivamus sem velit, semper et lacus non, aliquam viverra leo. Nulla feugiat arcu in odio tempus faucibus.</div>
  518. <div class="contents" id="content32">
  519. Content 2.</div>
  520. </div>
  521.  
  522.  
  523. <div id="contentarea4">
  524.  
  525. <div class="contents" id="content41">
  526. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent varius lectus euismod dui pulvinar ultricies. Vestibulum eleifend, eros id volutpat feugiat, mauris eros gravida ipsum, nec elementum felis lacus in ante. Pellentesque et euismod lacus. Nulla at egestas elit. Proin at massa bibendum, feugiat odio ut, sagittis leo. Ut lacus tellus, blandit vel enim vitae, bibendum maximus justo. Vivamus sit amet facilisis quam. Sed quis augue ac augue rhoncus sodales. Aenean aliquam tristique ligula, ut dapibus quam tempor eget. Quisque quis quam elit. Donec vulputate eros nec nisl mollis varius.
  527.  
  528. Sed aliquam eros nec aliquam consequat. In aliquet velit sit amet aliquet egestas. Morbi volutpat pretium erat, ac tincidunt sem malesuada quis. Proin ipsum metus, iaculis in congue quis, lobortis eu neque. Quisque in venenatis risus, ac hendrerit nibh. Morbi in nisi nec dui ullamcorper finibus. Praesent sapien massa, tincidunt eget erat et, aliquam egestas orci. Duis at libero vel justo eleifend placerat. Mauris ut purus vitae metus mattis mollis a at neque.
  529.  
  530. Integer ex quam, condimentum quis porttitor at, cursus vitae augue. Phasellus mollis ante elit, ut pharetra lectus auctor ut. Duis fringilla, tellus quis luctus vestibulum, est ligula elementum tellus, in placerat ligula orci sit amet odio. Curabitur nec felis vel urna cursus ornare. Donec vel molestie arcu. Maecenas a elit cursus, pulvinar tellus nec, rhoncus ante. Nunc odio orci, feugiat nec arcu nec, lobortis porttitor tellus. Praesent varius venenatis arcu, sed efficitur est convallis ut. Nulla purus nulla, tincidunt eu mi at, interdum egestas ante. Cras sed sapien massa. Vivamus sem velit, semper et lacus non, aliquam viverra leo. Nulla feugiat arcu in odio tempus faucibus.</div>
  531. <div class="contents" id="content42">
  532. Content 2.</div>
  533. <div class="contents" id="content43">
  534. Content 3.</div>
  535.  
  536. </div>
  537.  
  538.  
  539. <div id="contentarea5">
  540.  
  541. <div class="contents" id="content51">
  542. Gallery's going here, please be patient.</div>
  543. <div class="contents" id="content52">
  544. All coding is <a href="http://roleplay.chat/profile.php?user=Digital" target=_blank>my own</a>. Please don't steal.<br>
  545. Artwork is by <a href="http://furaffinity.net/user/mewyfox" target=_blank>MewyFox</a>.</div>
  546. <div class="contents" id="content53">
  547. Content 3.</div>
  548.  
  549. </div>
  550.  
  551. </div>
  552.  
  553.  
  554. <div id="musiccontainer">
  555. <div id="playerhold">
  556. <div id="playerholdzoom">
  557.  
  558. <audio controls src="http://k003.kiwi6.com/hotlink/vidnanpjvd/01_-_The_GatewayVOL.mp3" id="edgesong" style="margin-left:7px;" loop=3>
  559. </audio>
  560.  
  561. </div>
  562. </div>
  563. <div id="detailshold">
  564. <div id="marqueeholder">
  565. <marquee direction="left" scrollamount="5">
  566. <b>S</b>AM <b>G</b>ELLAITRY // <b>THE GATEWAY</b>
  567. </marquee>
  568.  
  569. </div>
  570. </div>
  571.  
  572. </div>
  573.  
  574.  
  575. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!