This is pretty much just a thread where i put every fancy posts that i am going to use in the near future. Some have i done myself but mostly others have done them and i only have thier permission to use them.
silvys code camp
Code
- <div style="text-align: center;"><object width="800" height="0"><param name="movie" value="http://www.youtube.com/v/qqTHGFNN4EY&hl=en_US&fs=1&rel=0" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/qqTHGFNN4EY&autoplay=1&hl=en_US&fs=1&rel=0" type="application/x-shockwave-flash" width="800" height="0" /></object></div>
- <style>
- /* don't touch this */
- #header, .newsDiv, .userinfo, div#profile_success, .navigate_section, #profile_left .catbg, .cat_bar, .catbg77, div.cat_bar, #up_summary, #profile_rp_sidebar, #up_pictures_summary, #up_contacts, #profile_rp_topic_container, #up_pictures, #up_media, #up_write_comment, #forumposts, .pagesection, #profile_right .catbg, .cat_bar, .catbg77, center, .copyright, .inner, h1, h2, h3, h4, h5, h6, #up_about_me, #menu_toggle, .windowbg2 {
- display: none
- }
- body {
- background: url(http://montco.happeningmag.com/wp-content/uploads/2013/08/night-sky-hd-wallpaper-2.jpg);
- background-size: cover;
- overflow: hidden;
- }
- </style>
- <style>
- /* or this */
- ul#menu_nav
- {
- display: none
- }
- .pn1 {
- width: 900px;
- }
- #mainarea {
- width: 900px;
- }
- </style>
- <style>
- /* please don\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'t touch anything but colors, if at all */
- #admin_menu {
- position: relative;
- top: 5px;
- left: 0px;
- z-index: 2;
- }
- li a.firstlevel span.firstlevel, span.firstlevel, .dropmenu li a.active, .dropmenu li a.active span.firstlevel {
- background: #0B243B;
- color: #E6E6E6;
- border: none;
- margin-left: 8px;
- padding: 0px; }
- .dropmenu li {
- background: #0B243B;
- }
- .dropmenu, .dropmenu ul {
- line-height: 0.9em;
- }
- .dropmenu li li a:hover, .dropmenu li li:hover, .dropmenu li li:hover ul, .dropmenu li:hover ul{
- background: #0B243B;
- color: #ffffff;
- border-radius: 0px;
- border : none;
- padding: 0px;}
- .dropmenu li * {
- background: #0B243B;
- color: #e6e6e6;
- padding: 0px;
- border-radius: 3px; }
- .dropmenu li li.additional_items {
- background: #0B243B;
- color: #E6E6E6;
- border : none;}
- .dropmenu li li {
- border-left: none;
- border-right: none; }
- #lightbox_backdrop
- {
- background: #0B243B;
- }
- #dropdown_menu_1 {
- margin-left: -6px;
- min-height: 0px;
- line-height: 0.9em;
- border-radius: 10px;
- }
- .dropmenu li:hover a.firstlevel span.firstlevel{
- background: #0B243B;
- color: #ffffff;
- border-radius: 0px;
- border:none;}
- .dropmenu li a.firstlevel:hover, .dropmenu li:hover a.firstlevel {
- background: #0B243B; }
- .dropmenu li a.firstlevel span.firstlevel {
- padding: 0px 0px 0px 0px; }
- .dropmenu li:hover a.firstlevel span.firstlevel {
- background: #0B243B;
- border: none;
- border-radius: 1px;}
- div#up_pictures, div#up_pictures:hover {color: #E6E6E6; background: #0B243B}
- div#forumposts, div#forumposts a:hover {color: #E6E6E6; background: #0B243B}
- #main_menu .dropmenu li li a:hover, #main_menu .dropmenu li li:hover a {
- background: #0B243B;
- color: #e6e6e6;
- border: none;
- border-radius: 15px;
- text-decoration : none;}
- #main_menu .dropmenu li li {
- border-left : none;
- border-right : none; }
- /* links */
- a { color: inherit; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; word-spacing: 0px; font-weight: bold; }
- a:link { color: inherit; }
- a:active { color: inherit; }
- a:visited { color: inherit; }
- a:hover { color: #848484; text-decoration: none; }
- /* signature; do not touch anything but colors please */
- #profile_right {
- width: 900px;
- height: 300px;
- }
- #profile_right .windowbg {
- border: none;
- color: #E6E6E6;
- background: #0B243B;
- width: 100%;
- height: 30px;
- border-radius: 0px;
- font-family: verdana;
- position: relative;
- bottom: 0px;
- left: 0px;
- }
- #up_other_info {
- position: relative;
- width: 460px;
- height: 100px;
- margin-left: 48px;
- }
- strong, dd {
- font-size: 10px;
- letter-spacing: 0px;
- }
- .signature, hr.hrcolor {
- display: none;
- }
- .noborder {
- height: 17px;
- }
- /* everything here is stuff i code from scratch */
- #top-nav-bar {
- width: 100%;
- height: 30px;
- background: #0B243B;
- position: relative;
- top: 0px;
- left: 0px;
- z-index: 1;
- font-family: verdana;
- font-size: 12px;
- line-height: 30px;
- text-align: center;
- color: #d8d8d8;
- text-transform: lowercase;
- word-spacing: 10px;
- }
- #top-nav-bar span {
- display: block;
- float: left;
- width: 100px;
- height: 30px;
- transition: 0.25s;
- -moz-transition: 0.25s;
- -webkit-transition: 0.25s;
- -o-transition: 0.25s;
- }
- #top-nav-bar span:hover {
- background: #0B3861;
- color: #ffffff;
- }
- #container {
- width: 900px;
- height: 400px;
- margin-top: 102px;
- }
- #left-holder {
- width: 250px;
- height: 400px;
- background: #0B243B;
- border-radius: 10px;
- float: left;
- }
- #right-holder {
- width: 600px;
- height: 400px;
- background: #0B243B;
- border-radius: 10px;
- float: right;
- }
- #image {
- width: 200px;
- height: 200px;
- border: 2px solid #e6e6e6;
- border-radius: 50%;
- background: url(https://s-media-cache-ak0.pinimg.com/236x/af/1f/a1/af1fa119f6ce6217592ab61113d92a46.jpg);
- margin-left: 23px;
- margin-top: -102px;
- overflow: hidden;
- }
- #image-two {
- opacity: 0;
- width: inherit;
- height: inherit;
- background: url(https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcRdjiWEGd3qT4w_oWJ8B174etXaO-r6sheQNVQrV4vA_JaxcvS8);
- transition: 0.25s;
- -moz-transition: 0.25s;
- -webkit-transition: 0.25s;
- -o-transition: 0.25s;
- border-radius: 50%;
- }
- #left-holder:hover #image-two {
- opacity: 1;
- }
- /* this is my copyright, don\'t touch it */
- #starlight {
- width: inherit;
- height: 40px;
- margin-top: 4px;
- margin-bottom: 4px;
- font-family: century gothic;
- font-size: 30px;
- line-height: 30px;
- text-align: center;
- text-transform: uppercase;
- letter-spacing: -3px;
- color: #e6e6e6;
- }
- #mid-nav {
- width: inherit;
- height: 250px;
- border-radius: 0px 0px 10px 10px;
- overflow: hidden;
- font-family: verdana;
- font-size: 12px;
- line-height: 50px;
- text-align: center;
- text-transform: lowercase;
- }
- .mid-nav-links {
- display: block;
- width: inherit;
- height: 50px;
- transition: 0.5s;
- -moz-transition: 0.5s;
- -webkit-transition: 0.5s;
- -o-transition: 0.5s;
- color: #BDBDBD;
- }
- .mid-nav-links:hover {
- background: #0B3861;
- color: #ffffff;
- }
- #top {
- background: #0A1B2A;
- width: 560px;
- height: 80px;
- margin-top: -50px;
- border-radius: 10px 10px 0px 0px;
- margin-left: 20px;
- border-bottom: 2px solid #e6e6e6;
- font-size: 50px;
- line-height: 60px;
- text-align: center;
- color: #e6e6e6;
- font-family: century gothic;
- text-transform: uppercase;
- letter-spacing: -5px;
- }
- #bottom {
- width: 560px;
- height: 348px;
- background: #0B3861;
- margin-left: 20px;
- border-radius: 0px 0px 10px 10px;
- }
- #lyric-line {
- width: inherit;
- height: 20px;
- line-height: 20px;
- font-size: 20px;
- text-transform: lowercase;
- letter-spacing: -2px;
- margin-top: -5px;
- }
- #about-me {
- width: 540px;
- height: 318px;
- padding: 10px;
- overflow: hidden;
- padding-bottom: 0px;
- }
- </style>
- <div id="top-nav-bar">
- <div style="width: 400px; height: 30px; margin: auto;">
- <a href="http://feralfront.com/index.php?action=boardindex"><span>forum</span></a><a href="http://feralfront.com/index.php?action=unreadreplies"><span>unread replies</span></a><a href="http://feralfront.com/index.php?action=profile"><span>profile</span></a><a href="http://warriorcatsrpg.com/index.php?action=pm;sa=send;u=USERIDHERE"><span>message me</span></a>
- </div>
- </div>
- <div id="container">
- <div id="left-holder">
- <div id="image">
- <div id="image-two">
- </div>
- </div>
- <div id="starlight">
- "The Ice Queen"
- <div style="width: inherit; height: 10px; line-height: 10px; font-family: verdana; font-size: 10px; text-transform: lowercase; letter-spacing: -1px">profile by <a href="http://feralfront.com/index.php?action=profile;area=summary;u=151045" style="letter-spacing: 0px;">punki-chan</a></div>
- </div>
- <div id="mid-nav">
- <a href="http://warriorcatsrpg.com/index.php?topic=1366212.msg57597336#msg57597336"><span class="mid-nav-links">my fancy post storage</span></a><a href="URLHERE"><span class="mid-nav-links">LINK DESTINATION</span></a><a href="URLHERE"><span class="mid-nav-links">LINK DESTINATION</span></a><a href="URLHERE"><span class="mid-nav-links">LINK DESTINATION</span></a><a href="URLHERE"><span class="mid-nav-links">LINK DESTINATION</span></a>
- </div>
- </div>
- <div id="right-holder">
- <div id="top">
- ✧Silvy✧
- <div id="lyric-line">
- love or self you have to choose - is it i or is it you?
- </div>
- </div>
- <div id="bottom">
- <div id="about-me">
- <div style="width: inherit; height: inherit; overflow: auto; padding-right: 50px;">
- <div style="width: inherit; min-height: 318px; font-family: verdana; color: #e6e6e6; font-size: 10px; line-height: 12px; text-align: justify; text-transform: lowercase">
- TEXT HERE
- </div>
- </div>
- </div>
- <div style="width: inherit; height: 20px; font-family: verdana; color: #e6e6e6; font-size: 10px; line-height: 20px; text-align: center; text-transform: lowercase">
- beware hidden scrolling; "Lost," by Tritonal and Juventa
- </div>
- </div>
- </div>
- </div>
Lukas code camp
Code
- <div style="text-align: center;"><object width="800" height="0"><param name="movie" value="http://www.youtube.com/v/HEfNG36l7b8&hl=en_US&fs=1&rel=0" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/HEfNG36l7b8&autoplay=1&hl=en_US&fs=1&rel=0" type="application/x-shockwave-flash" width="800" height="0" /></object></div>
- <style>
- /*DELETED*/
- #header, .newsDiv, .userinfo, div#profile_success, .navigate_section, center, .copyright, #profile_left .catbg, .cat_bar, .catbg77, div.cat_bar, #profile_rp_sidebar, #up_pictures_summary, #up_pictures, #up_buddies, #up_contacts, #menu_toggle, #forumposts, #main_menu, #profile_right .catbg, .cat_bar, .catbg77, #profile_rp_topic_container, .pagesection, #up_write_comment, .windowbg2, #up_summary .creator dd, .signature, #profile_left .windowbg, hr.hrcolor {
- display: none;
- }
- /*SIGNATURE EDITING*/
- #profile_right {
- width: 900px;
- height: 350px;
- }
- #profile_right .windowbg {
- background: transparent;
- color: #000;
- font-size: 11px;
- border: none;
- width: 720px;
- height: 30px;
- margin-top: 40px;
- margin-left: -170px;
- border-radius: 0px;
- }
- #up_other_info {
- width: 300px;
- margin-left: 0px;
- margin-top: -110px;
- position: relative;
- }
- /*BODY*/
- body {
- background: url(http://www.polyvore.com/cgi/img-thing?.out=jpg&size=l&tid=25953636) fixed;
- overflow: hidden;
- }
- a:active, a:link {
- color: inherit;
- }
- a:visited {
- color: inherit;
- }
- a:hover {
- color: inherit;
- text-decoration: none;
- }
- ::-webkit-scrollbar {
- width: 3px;
- height: 5px;
- }
- ::-webkit-scrollbar-track-piece {
- background-color: transparent;
- }
- ::-webkit-scrollbar-thumb:vertical {
- width: 3px;
- height: 5px;
- background: #fff;
- }
- /*DROPDOWN*/
- #admin_menu {
- font-size: 10.5px;
- margin-left: 60px;
- font-family: verdana;
- }
- li a.firstlevel span.firstlevel, span.firstlevel, .dropmenu li a.active, .dropmenu li a.active span.firstlevel {
- background: transparent;
- color: #000;
- border: none;
- }
- .dropmenu li li a:hover, .dropmenu li li:hover, .dropmenu li li:hover ul, .dropmenu li:hover ul, .dropmenu li:hover a.firstlevel span.firstlevel {
- background: #fff;
- color:#000;
- border: none;
- }
- .dropmenu li li.additional_items {
- background: transparent;
- color: #000;
- border: none;
- }
- .dropmenu li a.firstlevel:hover, .dropmenu li:hover a.firstlevel, #lightbox_backdrop {
- background: transparent;
- }
- .dropmenu li a.firstlevel span.firstlevel {
- padding: 0px 0px 0px 0px;
- }
- .dropmenu li:hover a.firstlevel span.firstlevel {
- background: transparent;
- border: none;
- border-radius: 3px;
- }
- .dropmenu li *, div#up_pictures, div#up_pictures:hover, div#forumposts, div#forumposts a:hover {
- color: #000;
- }
- #main_menu .dropmenu li li a:hover, #main_menu .dropmenu li li:hover a {
- background: #fff;
- color: #000;
- border: none;
- border-radius: 0px;
- text-decoration : none;
- }
- .dropmenu li li, #main_menu .dropmenu li li {
- border-left : none;
- border-right : none;
- }
- /*LINKS AND NAV*/
- #navigation {
- background: #fff;
- color: transparent;
- border: none;
- padding: 5px;
- width: 705px;
- margin-top: 20px;
- margin-left: 60px;
- font-family: georgia;
- font-size: 11px;
- text-transform: uppercase;
- text-align: center;
- }
- #navigation a {
- color: #000;
- margin: 0px 2px;
- }
- #navigation a:hover {
- text-shadow: 0 0 1px black;
- letter-spacing: 1px;
- }
- /*IMAGES*/
- #first {
- background: url(https://lh3.googleusercontent.com/-KP9B_an75N0/VXDjHZt-5NI/AAAAAAAAA1o/bNrsdE57XWc/w900-h767/Luka_Megurine_Fleur.png);
- background-size: cover;
- background-position: center;
- height: 340px;
- width: 230px;
- border: 4px #fff solid;
- margin-left: 60px;
- }
- #second {
- background: url(http://img07.deviantart.net/2681/i/2012/057/0/d/render_megurine_luka___vocaloid_by_hikari_luna-d4r1brw.png);
- background-size: cover;
- background-position: center;
- height: 340px;
- width: 230px;
- border: 4px #fff solid;
- margin-top: -348px;
- margin-left: 298px;
- }
- #third {
- background: url(http://orig14.deviantart.net/0a46/f/2012/171/3/7/megurine_luka_render_by_notbabe-d5466nd.png);
- background-size: cover;
- background-position: center;
- height: 340px;
- width: 231px;
- border: 4px #fff solid;
- margin-top: -348px;
- margin-left: 536px;
- }
- /*HOVER BOXES*/
- #hover-one {
- background: #fff;
- color: #000;
- width: 239px;
- height: 40px;
- margin-left: 60px;
- text-align: center;
- font-family: georgia;
- font-size: 15px;
- line-height: 38px;
- letter-spacing: 1px;
- text-shadow: 0 0 1px black;
- }
- #hover-two {
- background: #fff;
- color: #000;
- width: 239px;
- height: 40px;
- margin-left: 298px;
- margin-top: -40px;
- text-align: center;
- font-family: georgia;
- font-size: 15px;
- line-height: 38px;
- letter-spacing: 1px;
- text-shadow: 0 0 1px black;
- }
- #hover-three {
- background: #fff;
- color: #000;
- width: 239px;
- height: 40px;
- margin-left: 536px;
- margin-top: -40px;
- text-align: center;
- font-family: georgia;
- font-size: 15px;
- line-height: 38px;
- letter-spacing: 1px;
- text-shadow: 0 0 1px black;
- }
- /*HOVER SETUP*/
- #quote {
- background: rgba(255,255,255,0.8);
- width: 190px;
- height: 0px;
- padding: 20px;
- margin: 0px auto;
- transition-duration: 0.3s;
- -moz-transition-duration: 0.3s;
- -o-transition-duration: 0.3s;
- -webkit-transition-duration: 0.3s;
- -ms-transition-duration: 0.3s;
- opacity: 0;
- color: #000;
- font-family: courier new;
- font-size: 18px;
- line-height: 17px;
- }
- #info {
- background: rgba(255,255,255,0.8);
- color: #000;
- width: 190px;
- height: 0px;
- padding: 20px;
- margin: 0px auto;
- transition-duration: 0.3s;
- -moz-transition-duration: 0.3s;
- -o-transition-duration: 0.3s;
- -webkit-transition-duration: 0.3s;
- -ms-transition-duration: 0.3s;
- opacity: 0;
- }
- .fact {
- background: rgba(255,255,255,0.85);
- color: transparent;
- border: none;
- border-left: 5px #000 solid;
- width: 195px;
- height: 12px;
- padding: 10px;
- margin-bottom: 9px;
- font-size: 11px;
- line-height: 12px;
- transition: 0.5s;
- -moz-transition: 0.5s;
- -webkit-transition: 0.5s;
- -o-transition: 0.5s;
- -ms-transition: 0.5s;
- margin-left: -80px;
- opacity: 0;
- }
- #fact-one {
- margin-top: 10px;
- }
- #fact-two {
- transition-delay: 0.2s;
- -moz-transition-delay: 0.2s;
- -webkit-transition-delay: 0.2s;
- -o-transition-delay: 0.2s;
- -ms-transition-delay: 0.2s;
- }
- #fact-three {
- transition-delay: 0.4s;
- -moz-transition-delay: 0.4s;
- -webkit-transition-delay: 0.4s;
- -o-transition-delay: 0.4s;
- -ms-transition-delay: 0.4s;
- }
- #fact-four {
- transition-delay: 0.6s;
- -moz-transition-delay: 0.6s;
- -webkit-transition-delay: 0.6s;
- -o-transition-delay: 0.6s;
- -ms-transition-delay: 0.6s;
- }
- #fact-five {
- transition-delay: 0.8s;
- -moz-transition-delay: 0.8s;
- -webkit-transition-delay: 0.8s;
- -o-transition-delay: 0.8s;
- -ms-transition-delay: 0.8s;
- }
- #fact-six {
- transition-delay: 1s;
- -moz-transition-delay: 1s;
- -webkit-transition-delay: 1s;
- -o-transition-delay: 1s;
- -ms-transition-delay: 1s;
- }
- #fact-seven {
- transition-delay: 1.2s;
- -moz-transition-delay: 1.2s;
- -webkit-transition-delay: 1.2s;
- -o-transition-delay: 1.2s;
- -ms-transition-delay: 1.2s;
- }
- #claim {
- transition-delay: 1.4s;
- -moz-transition-delay: 1.4s;
- -webkit-transition-delay: 1.4s;
- -o-transition-delay: 1.4s;
- -ms-transition-delay: 1.4s;
- }
- /*HOVER EFFECTS*/
- #first:hover #quote {
- height: 310px;
- transition-duration: 0.8s;
- -moz-transition-duration: 0.8s;
- -o-transition-duration: 0.8s;
- -webkit-transition-duration: 0.8s;
- -ms-transition-duration: 0.8s;
- opacity: 1;
- }
- #second:hover #info {
- height: 310px;
- transition-duration: 0.8s;
- -moz-transition-duration: 0.8s;
- -o-transition-duration: 0.8s;
- -webkit-transition-duration: 0.8s;
- -ms-transition-duration: 0.8s;
- opacity: 1;
- }
- #third:hover .fact {
- color: #000;
- opacity: 1;
- margin-left: 5px;
- }
- </style>
- <div id="navigation">
- <a href="URL HERE">destination</a> --
- <a href="URL HERE">destination</a> --
- <a href="URL HERE">destination</a> --
- <a href="URL HERE">destination</a> --
- <a href="URL HERE">destination</a> --
- <a href="URL HERE">destination</a>
- </div>
- <div id="first">
- <div id="quote"><br /><br /><br /><br /><br /><br />
- <span style="font-size: 30px;">"</span>I cant look at the truth without hurting my eyes<span style="font-size: 30px;">"</span>
- </div>
- </div>
- <div id="second"><div id="info">
- <div style="height: 310px; width: 200px; font-family: verdana; font-size: 10px; line-height: 11px; text-align: justify; overflow: auto; margin-left: -5px; margin-top: -2px;"><br />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pretium nibh non velit efficitur sagittis at et leo. Donec placerat urna lorem, non faucibus metus venenatis eget. Nullam consectetur vel lectus eget sagittis. Pellentesque iaculis ipsum nisi, a mattis tellus accumsan vitae. Vestibulum est ex, bibendum a magna in, malesuada bibendum purus. Mauris eros elit, tincidunt in leo a, ullamcorper feugiat tortor. Fusce diam mauris, volutpat a consequat tristique, molestie ut metus. Vestibulum tincidunt suscipit turpis, sed malesuada dui facilisis quis. Nulla vehicula non nisl vitae egestas. Proin nec lobortis est. Integer odio purus, convallis eget nibh non, dapibus luctus enim. Duis sagittis turpis non tortor volutpat, quis auctor justo malesuada. Phasellus finibus lorem metus, ut lobortis ante lobortis eu.
- <p>
- Fusce magna elit, lobortis quis fermentum interdum, bibendum at nisl. Sed condimentum neque in pulvinar tincidunt. Proin iaculis nunc sed tincidunt consectetur. Donec ultrices massa massa. Etiam cursus eros ut dolor lacinia commodo. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut odio lectus, fringilla accumsan justo vitae, laoreet ultricies eros. Quisque nec nulla ac nisl condimentum tempor. In diam ex, faucibus non mattis non, tincidunt at odio. Nulla faucibus tincidunt volutpat. Etiam nec iaculis leo, vitae pulvinar est. Donec sagittis non leo nec interdum. Suspendisse sed sollicitudin justo.
- </p><p>
- Etiam arcu lacus, rutrum non lacus nec, sollicitudin dictum neque. Fusce feugiat, lectus vel accumsan lobortis, lectus tortor accumsan libero, sit amet sollicitudin velit ipsum sit amet lacus. In hendrerit aliquet ex at commodo. Proin nisl leo, sodales et sollicitudin non, ultricies et justo. Etiam sapien erat, accumsan ac tincidunt sit amet, efficitur ut metus. Maecenas in enim ac purus rhoncus efficitur eget vitae augue. Nulla faucibus massa libero, eu varius mi commodo a. Aenean condimentum leo mauris, in ultrices mauris consequat in. Sed erat augue, pretium a volutpat sed, elementum a ante. Maecenas pharetra consequat erat, sit amet varius arcu hendrerit a. In non feugiat nisi. Aenean varius mi vitae urna fringilla, eget tempor odio cursus. Integer mauris leo, imperdiet ut finibus eu, sodales quis ante.
- </p><p>
- Etiam venenatis luctus consequat. Curabitur tincidunt aliquam elit id dapibus. Nullam ut gravida augue, quis imperdiet erat. Vestibulum eu ipsum turpis. Suspendisse quam libero, interdum eu lorem id, rutrum tempus magna. Quisque ut metus nec sapien viverra dignissim vitae a mauris. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec varius nulla sodales erat auctor porta. Aliquam erat volutpat. Nam eget dolor ac eros eleifend pretium. Donec consequat eros eu viverra varius.
- </p><p>
- Morbi malesuada libero eget nibh lobortis imperdiet. Sed pretium eget odio ut rhoncus. Sed tincidunt, ante a viverra vehicula, lacus ante malesuada enim, id iaculis est urna ut tortor. Sed elementum sit amet ex eget fringilla. Aliquam tristique erat et eleifend tempus. Nam ligula eros, semper vitae purus semper, elementum consequat odio. Sed auctor, libero ut euismod consequat, sem nisi lacinia massa, eu sagittis ligula velit non tellus. Quisque sit amet egestas nisl, eget mattis turpis.</p></div>
- </div></div>
- <div id="third">
- <div class="fact" id="fact-one">NAME : Luka Leia Esdere</div>
- <div class="fact" id="fact-two">GENDER: Female</div>
- <div class="fact" id="fact-three">AGE: Unkown</div>
- <div class="fact" id="fact-four">SEXUALITY: Unkown</div>
- <div class="fact" id="fact-five">Clan: Loner</div>
- <div class="fact" id="fact-six">Difficulity : Extreme</div>
- <div class="fact" id="fact-seven">ROLEPLAYING: Silvy</div>
- <div class="fact" id="claim">CAMP CODED BY NEAR</div>
- </div>
- <div id="hover-one">QUEEEN</div>
- <div id="hover-two">OF</div>
- <div id="hover-three">MISFORTUNE</div>

