Pandora

<!----
Theme 04 - "Pandora" by Kendra (cityofmisfits.ning.com/profile/Kendra)(lostintime.ning.com/profile/Kendy)(vampireswitchesandhunters.ning.com/profile/Kendra)

My Links For Credit

Credit stays intact, please. If you get stuck, feel free to message me! Comments and suggestions are welcome.
--->



/* ADMIN OPTIONS */

ul.nobullets li {display: all;}
ul.nobullets.last-child {
z-index:99999;font-family: 'calibri'; color:transparent;font-size:10px; bottom:15px; left:5px; position:fixed; padding:3px; text-align:right; font-weight:bold;opacity:1;}
.module_user_summary ul.nobullets li a {display:none !important;}
 /*THIS AND THAT */

a#add-as-friend-link {
  z-index:99999;font-family: 'Just Realize'; font-size:35px; bottom:15px; left:5px; position:fixed; padding:3px; text-align:right; font-weight:bold;color:teal;opacity:1;}


/* FLOATING CONTAINER */
#xg_layout_column_2{
width: 1040px;
float: left ;
 margin-top:-120px;
}
/*PROFILE CARD*/
.xg_module_body.profile.vcard dl.last-child a {font-family: trebuchet ms; font-size: 7px; text-transform: uppercase; line-height: 5px; color :white;}
.xg_module_body.profile.vcard dl.last-child {color: black; position: fixed;
top: 10px;
left: 10px;}
  /* REMOVED OR HIDDEN */
/* BEST NOT TO TOUCH */

li.right {display:none}
#xg_body h1 {display: none;}
#xg_sitename, #xg_sitedesc {display: none}
#xg_navigation ul li {
display: none;}
#xn_bar {display: none;}
#xn_bar {display: none;}
#xg_foot /* Ning Footer*/{display: none }
#xg_module_account { display:none;}
.module_groups {display: none;}
.module_members {display:none !important;}
.module_blog {display:none !important;}
.module_about_user {display: none ;}
.dy-avatar.dy-avatar-full-width {
display : none;}
.xg_span-4 {display:none !important;}
.xg_span-5{display:none;}
.xg_ad{display:none;}
.xg_theme .xg_module_head h2 { display:none;}
.sortable.module_feed {display: none;}
post_to_facebook, .facebook-che ckbox { display:none !important; }
.xg_tweet {display:none;}
.xg_sprite-share, .share { display: none !important; }
.xg_module_activity {display:none;}
.module_gift {display:none;}
a.send-message-link {display:none}
a.xj_block_messages {display:none}
dd.profile-like-button {display:none}

/* COMMENT WALL */

#xg_module_body, #xg_module_h ead h2, .xg_module_comment_wall{display:none !important}
#xg_module_body, #xg_module_head h2, .xg_module_comment_wall{
font-family: arial narrow;
font-size: 9px;}

/* CREDIT DO NOT REMOVE */

body:after{ opacity: 1; display: auto; content:"K";  font-size: 25px; letter-spacing: 2px; color: white; text-transform: uppercase; text-align: left; right: 20px;  bottom: 20px ; position: fixed; width: 20px; height: 16px;  line-height: 15px; -webkit-transition: 1s; border: 10px double white; padding: 5px; background-origin:content-box;  outline-offset: -3px; transition-timing-function: ease-in-out;}



/* CHAT BOX */
.xg_chat.chatFooter .xg_chatBar {display: all; }

/* CURSOR AND BODY */
body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}

body{
color:#898989;
background-color:#180000;
background-image:url({bg:url});
background-repeat:repeat;
	background-attachment:fixed;
 }


 @font-face{font-family:Just Realize;src:url(http://static.tumblr.com/sghs9ih/2tFlu5il8/justrealize.ttf);}
@font-face{font-family:Ballpark;src:url(http://static.tumblr.com/9wzbixa/cf6mj2fv4/ballw___.ttf);}


::-webkit-scrollbar {background-color:white; height:4px; width:6px}
    ::-webkit-scrollbar-thumb:vertical {background-color:black; height:50px}
    ::-webkit-scrollbar-thumb:horizontal {background-color:black; height:8px!important}


.linkbox { position:absolute;color:#3D0101;font-size: 28px; padding: 15px;font-family: times; font-style: italic; background-color: transparent; width: 150px; height: 50px;text-align:center;left:0px; top:20px;}

div.navigate a{
color: white; display:inline-block; width: 50px; height: 15px; text-align: center; padding: 15px 15px; margin-left:2px; margin-top:2px; position:relative; text-align: center; z-index:1; font-weight: bold;  background-color:black;
}

div.navigate a:hover{
    background-color:{color:navi hover background};
}

#k { width: 500px; height: 500px; background-position: center; margin: 10px; overflow: hidden;border:15px solid black;}
#k .slide { width: 400px; height: 400px;  background-color: #90403C; padding: 12px; text-align: center; color: white; font-family: trebuchet ms; font-size: 8px; letter-spacing: 1px; text-transform: uppercase; line-height: 10px;position: relative; left: -470px; -webkit-transition: all 0.9s ease-in; -moz-transition: all 0.9s ease-in; -ms-transition: all 0.9s ease-in; -o-transition: all 0.9s ease-in; transition: all 0.9s ease-in; }

#k .mini { width: 200px; height: 200px; border: 4px solid black; overflow: hidden; background-position: center; opacity: 0.7; float: left; margin-right: 10px; }

#k:hover .slide { position: relative; left: 0px; }

#k .title { font-size: 50px; font-family: 'Playfair Display', serif; font-weight: 700; font-style: italic; letter-spacing: -1px; line-height: 100%; margin-bottom: 5px; color: black; text-transform: lowercase; opacity: 0.7; } #nasima .nasimalink { width: 324px; overflow: hidden; margin-right: 1px; position: relative; right: -418px; -webkit-transition: all 0.9s ease-in; -moz-transition: all 0.9s ease-in; -ms-transition: all 0.9s ease-in; -o-transition: all 0.9s ease-in; transition: all 0.9s ease-in; }


#pic {
position:absolute;
margin-top: -5px;
margin-left: -5px;
color: #000;
height: 510px;
background:black ;
letter-spacing: 0px;
text-transform: normal;
transition: all 0.5s ease-out;
-o-transition-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}


<div align="center">
<div id="k">
<div id="pic"><img src="https://dta0yqvfnusiq.cloudfront.net/gtsbus/2016/07/placeholder-160714-5788067fd1f7b.png" style="width: 500px; height: 500px; padding: 3px; background-color: black;" /></div>
<div style="height: 30px;"></div>
<div class="slide">
<div class="mini"><img src="http://www.coffeehead.com.au/wp-content/themes/coffeeHead/assets/img/placeholder.png" style="width: 180px; height: 185px; padding: 3px; background-color: black;" />
<div style="position: absolute; top: 10px; left: 250px; right: 12px;">
<div class="title">Name</div>
Write Here</div>
<div style="position: absolute; top: 260px; left: 20px; right: 12px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec neque augue, consequat non cursus eu, pulvinar quis metus. Morbi molestie ligula lacinia arcu consequat varius. Nam et quam sit amet risus porta luctus non quis lectus. Nulla massa libero, lacinia in velit id, varius interdum nisi. Aenean at nisl mollis, fringilla urna quis, interdum ipsum. Phasellus mollis bibendum dapibus. Donec vulputate magna lobortis tortor pulvinar sodales. Cras porta, lacus vitae sagittis ornare, erat ligula facilisis sem, non gravida quam nunc eu turpis. In eu massa hendrerit, mollis metus convallis, blandit ante. Pellentesque quis rutrum lorem, eu volutpat felis.</div>
</div>
<div style="height: 33px;"></div>
</div>
<div class="linkbox">
<div class="navigate"><a href="/" title="home">01</a> <a href="/" title="title">02</a> <a href="/" title="title">03</a> <a href="/" title="title">04</a> <a href="/" title="title">05</a></div>
</div>
</div>
</div>