2023 | nasty, css

/* BASE */
#xg_body{
  position: fixed;
  top: 20px;
  left: 20px;
  font-family: trebuchet ms;
  font-size: 9.5px;}

div.xg_span-16, div.xg_3col {width: 600px; height;}
div#xg_layout_column_2{width:300px; height:400px;}

#xn_bar, #xg_foot, #xg_head,
.module_members, .vcard .like-button,
ul.navigation li.right a,
.xg_chat.chatFooter .xg_chatBar,
.xg_module_comment_wall, .xg_span-5, h1,
.xg_sprite .xg_sprite-add, #xg_layout_column_1{
display: none;
}


#container{
 position: fixed;
 top: 100px;
 left: 400px;
 width: 600px;
 height: 400px;
 display: block;
 border: 15px solid #90E0EF;
 background-color: #EDFAFD;
 background-image:url(https://storage.ning.com/topology/rest/1.0/file/get/10997340667?profile=original), url(https://storage.ning.com/topology/rest/1.0/file/get/10997340667?profile=original);
background-size: 30%, 30%;
background-repeat: no-repeat;
background-position: -10% 75%, 50% -10%;
}


#sem{
position: fixed!important;
top: 215px;
left: 415px;
width: 350px;
height: 300px;
display: block;
background:url(https://storage.ning.com/topology/rest/1.0/file/get/10997324480?profile=original);
background-size: 100%;
background-repeat: no-repeat;
background-position: 0% 100%;}

#icon{
position: fixed;
top: 125px;
left: 430px;
width: 75px;
height: 75px;
display: block;
background:url(https://64.media.tumblr.com/dafea90024fad92786e1207155fad69c/4238e37e24b47008-1f/s1280x1920/7d95f3806c797d3b240db312a21e5b1122c183e0.jpg);
border-radius: 100px;
background-size: 100%;
border: 2px solid #90e0ef;}

#ab{
 position: fixed;
 top: 130px;
 left: 520px;
 background: #0077B6;
 width: 140px;
 height: 65px;
 opacity: 0.5;
 border-radius: 60px;
 border: 1px solid #03045E;
}

#contain{
 width: 250px;
 height: 350px;
 border-left: 1px solid #90E0EF;
 display: block;
 position: fixed;
 top: 140px;
 left: 770px;}
#ab2{}
#gif{
position: fixed;
top: 150px;
left: 800px;
width: 100px;
height: 200px;
display: block;
background-color: #efefef;
color: #0077B6;
background-image: url(https://st11.ning.com/topology/rest/1.0/file/get/10998332452?profile=original), url(https://storage.ning.com/topology/rest/1.0/file/get/10998313876?profile=original);
background-size: 100%, 11%;
background-repeat: no-repeat;
text-align: right;
padding: 5px;
background-position:  0% 110%, 3% 1%;
border-radius: 5px;
text-transform: uppercase;
font-size: 8.5px;}
#links{
position: fixed;
top: 210px;
left: 520px;
 background: #0096C7;
opacity: 0.7;
width: 100px;
height: 60px;
display: block;
border-radius: 5px;
padding: 10px;

}
#links a{ width: auto; display: block; text-align: center; font-size: 9px; text-transform: uppercase; padding: 5px;  border-bottom: 1px solid #03045E;
 }
#login{
position: fixed;
top: ;
left: ;
width: 140px;
height: 95px;
display: block;
 background: #0096C7;
border-radius: 5px;
margin-top: 200px;
margin-left: 100px;
opacity: 0.8;
 border: 1px solid #03045E;
}
#id{ margin-top: 5px;}
#id, #id2, #id3, #id4{ font-size: 8px; text-transform: uppercase; background-color: #efefef; width: 85px; padding: 3px; border-radius: 5px; color: black; border: 1px solid #03045e; margin-bottom: 4px; margin-left: 35px;}
#id2{ width: 90px;}
#id4{ width: 35px; text-align: center; margin-left: 50px;}
#i{
position: fixed;
top: 348px;
left: 885px;
width: 20px;
height: 20px;
display: block;
background-repeat: no-repeat; background-image:url(https://storage.ning.com/topology/rest/1.0/file/get/10998323663?profile=original); background-size: 100%; opacity: 1; z-index: 100;}
#i2{
position: fixed;
top: 368px;
left:885px;
width: 20px;
height: 20px;
display: block;
background-image:url(https://storage.ning.com/topology/rest/1.0/file/get/10998323670?profile=original);
background-repeat: no-repeat;
background-size: 100%;}
#i3{
position: fixed;
top: 386px;
left: 886px;
width: 20px;
height: 22px;
background-image:url(https://storage.ning.com/topology/rest/1.0/file/get/10998323492?profile=original);
background-repeat: no-repeat;
background-size: 90%;}