new css incomplete

{****** ᴄʜᴏsᴇ ᴛʜᴇᴍᴇ "ɴᴏɪᴢᴇ" ᴛᴏ ᴍᴀᴋᴇ ᴛʜɪs ᴛʜᴇᴍᴇ ᴡᴏʀᴋ. ᴅᴏ ɴᴏᴛ ᴜsᴇ ᴛʜɪs ᴀs ᴀ ʙᴀsᴇ ғᴏʀ ʏᴏᴜʀ ᴏᴡɴ ᴛʜᴇᴍᴇ. ᴅᴏ ɴᴏᴛ ʀᴇᴅɪsᴛʀɪʙᴜᴛᴇ ᴀs ʏᴏᴜʀ ᴏᴡɴ. ᴅᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴄʀᴇᴅɪᴛs ᴜɴᴅᴇʀ ᴀɴʏ ᴄɪʀᴄᴜᴍsᴛᴀɴᴄᴇs, ᴇᴠᴇɴ ᴏɴ ᴀ ᴅɪғғᴇʀᴇɴᴛ sɪᴛᴇ. ******;
}

/*		ʙᴏᴅʏ		*/

body {
background-image: url();
background-repeat: repeat;
background-color: #000;
color: #000;
}

p {
font-family: times new roman;
font-size: 9px;
font-style: italic;
letter-spacing: 1px;

}

#xg_body,.xg_floating_container {
background-color: ;

}

img {
margin: 0px;
}

html,body,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,abbr,acronym,address,big,cite,code,del,dfn,ins,kbd,q,s,samp,small,sub,sup,tt,var,u,i,center,dl,dt,dd,body, ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,th,.orangetext15,.lightbluetext8,.blacktext12,.blacktext10,.whitetext12,.btext,.redtext,.redbtext,.text .xg_theme button,.xg_theme a.button,.xg_theme input.button {
webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
font-family: calibri light;
line-height: 10px;
font-size: 10px;
text-decoration: none;
color: #212121;
}

/*		ғᴏɴᴛs		*/

@font-face{
font-family: "Basic L" ;
src:url(http://static.tumblr.com/9wzbixa/Cf3mj2g0f/basicl.ttf);}

@font-face {
  font-family: 'Share';
  font-style: normal;
  font-weight: 400;
  src: local('Share'), local('Share-Regular'), url(http://themes.googleusercontent.com/static/fonts/share/v1/_jCje2O-7QL947BeMhJzWQ.woff) format('woff');
}

@font-face {font-family: qwenzy; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/5by6d7bk0k6fkoj/Qwenzy.ttf);}


@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: local('Dosis Regular'), local('Dosis-Regular'), url(http://themes.googleusercontent.com/static/fonts/dosis/v2/xIAtSaglM8LZOYdGmG1JqQ.woff) format('woff');
}

@font-face {
  font-family: 'Playfair Display SC';
  font-style: normal;
  font-weight: 400;
  src: local('Playfair Display SC'), local('PlayfairDisplaySC-Regular'), url(http://themes.googleusercontent.com/static/fonts/playfairdisplaysc/v2/G0-tvBxd4eQRdwFKB8dRkf5twPfG3l5Gc3nk2Vyncrg.woff) format('woff');
}

@font-face {
font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: local('Playfair Display'), local('PlayfairDisplay-Regular'), url(http://themes.googleusercontent.com/static/fonts/playfairdisplay/v7/2NBgzUtEeyB-Xtpr9bm1CZa6Tn9fxpDPuRSK4Gn5Ybw.woff) format('woff');
}

/*		sᴄʀᴏʟʟʙᴀʀ		*/
::-webkit-scrollbar {
width: 7px;
height: 30px;
background: transparent;
border-radius: 0px;
}

::-webkit-scrollbar-thumb {
border-radius: 0px;
background-color: rgba(0,0,0,0.2);
border: 1px solid rgba(0,0,0,0.2);
}

::-webkit-scrollbar-corner {
background: transparent;
}


/*		ғʀɪᴇɴᴅ ᴀɴᴅ ᴀᴅᴍɪɴ ᴏᴘᴛɪᴏɴs		*/
.xg_module_body.profile.vcard dl.last-child a {
font-family: calibri;
font-size: 8px;
letter-spacing: 0px;
text-transform: uppercase;
margin: 1px;
color: #cdcdcd;
}

.xg_module_body.profile.vcard dl.last-child::after {
content:"LM THEMES";
font-family: trebuchet ms;
font-size: 7px;
background-color: #000;
color:  #222;
border: 1px solid #222;
padding: 5px 30px 5px 30px;
}

.xg_module_body.profile.vcard dl.last-child:hover {
}

.xg_module_body.profile.vcard dl.last-child {
position: fixed;
padding: 10px;
left: 0px;
top: 0px;
margin-top: 0px;
margin-left: 0px;
z-index: 10000;
overflow: hidden;
}

ul.nobullets.last-child {
display: block;
position: fixed;
margin: 0px;
margin-left: 0px;
top: 400px;
opacity: 0;
}

ul.nobullets li {
color: transparent;
}

/*		ʀᴇᴍᴏᴠᴇᴅ 	*/

#xg_masthead {
visibility: hidden;
}

.xg_sprite.xg_sprite-share {
display: none;
}

.likebox {
display: none;
}

.post_to_twitter {
display: none;
}

.account-links {
display: none;
}

.xg_module movable,.module_video {
display: none;
}

h1 {
display: none;
}

h2 {
display: none;
}

.ul.navigation.easyclear {
display: none;
}

.sortable.music {
display: none;
}

.right {
display: none;
}

.module_groups {
display: none;
}

.module_about_user {
display: none;
}

.sortable.module_feed {
display: none;
}

.module_photo {
display: none;
}

.module_members {
display: none!important;
}

#xj_module_gift {
display: none;
}

#xg_module_body,#xg_module_head h2,.xg_module_comment_wall {
display: none;
}

#xg_masthead {
visibility: hidden;
}

.xg_sprite xg_sprite-share {
display: none!important;
}

#xn_bar {
display: none;
}

.xg_theme #xg_foot {
display: none;
}

#xg_layout_column_1 {

}

.xg_span-5 {
display: none!important;

}

#xg_mudule.movable.sortable.module {
display: none;
}

#xg_navigation,#xg_navigation ul,#xg_navigation ul li,#xg_navigation ul li span,#xg_navigation {
display: none;
}

.xg_theme #xg_head,.xg_theme #xg_foot {
display: none;
}

.dy-avatar.dy-avatar-full-width {
display: none;
}

#xj_approvalBox {
display: none;
}

.module_blog {
display: none;
}

/*		ʟɪɴᴋs ᴀɴᴅ ᴛʀᴀɴsɪᴛɪᴛᴏɴs		*/

a:hover, a, #sidebar:hover #simage1, #sidebar:hover #simage2,  #sidebar, #simage1, #simage2 {
font-family: calibri;
font-size: 8px;
text-decoration: none;
-webkit-transition: all 400ms linear;
-moz-transition: all 400ms linear;
-ms-transition: all 400ms linear;
-o-transition: all 400ms linear;
transition: all 400ms linear;
}

#box:hover #back, #box:hover #title, #box:hover #text, #back, #title, #text, #box:hover #hidden img, #hidden img {
-webkit-transition: all 800ms ease-in-out;
-moz-transition: all 800ms ease-in-out;
-ms-transition: all 800ms ease-in-out;
-o-transition: all 800ms ease-in-out;
transition: all 800ms ease-in-out;
}
{
-webkit-transition: all 600ms linear;
-moz-transition: all 600ms linear;
-ms-transition: all 600ms linear;
-o-transition: all 600ms linear;
transition: all 600ms linear;
}

a {
text-transform: uppercase;
}

/*		ᴍᴀɪɴ ᴄᴇɴᴛʀᴀʟ sᴛᴜғғ		*/


div#xg_layout_column_2 {
font-size: 7px;
width: 500px;
height: 500px;
position: fixed;
top: 0;
left: 0;
margin-left: 400px;
background-color: transparent;
margin-top: 10px;
}

div.xg_span-16 {
font-size: 7px;
width: 400px;
height: 450px;
position: fixed;
top: 0;
left: 0;
margin-left: 0px;
background-color: transparent;
}

div.xg_3col {
width: 400px;
background-color: transparent;
position: fixed;
top: 0;
left: 0;
margin-left: 0px;
}

/*		ᴄʀᴇᴅɪᴛs ᴘʟᴇᴀsᴇ ᴅᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴛʜᴇᴍ ʜᴇʀᴇ ᴏʀ ɪɴ ᴛʜᴇ ʜᴛᴍʟ ɪ ᴡɪʟʟ ᴄᴀᴛᴄʜ ʏᴏᴜ		*/

#cred {
position: fixed;
right: 15px;
bottom: 30px;
}

@font-face {
font-family: "Journal"; src: url('http://static.tumblr.com/pwgdr2n/9YYm3j4gp/journal.ttf');
}

#cred a strong {
color: #aaa;
font-family: 'journal';
text-transform: lowercase;
font-size: 40px;
line-height: 20px;
letter-spacing: -2px;
color: #aaa;
display: block;
text-align: center;
}

#cred a {
font-family: trebuchet ms;
font-size: 7px;
text-transform: uppercase;
color: #aaa;
}

#cred:hover {
opacity: 0.5;
}


/*		ᴀᴅᴅɪᴛɪᴏɴᴀʟs		*/

#sidebar {
position: fixed;
top: 0px;
left: 0px;
margin-left: 140px;
width: 230px;
padding: 110px 10px 0px 10px;
height: 100%;
}



#simage1 {
position: relative;
height: 125px;
width: 230px;
overflow: hidden;
}

#simage2 {
position: relative;
margin-top: -125px;
z-index: -100;
height: 125px;
width: 230px;
overflow: hidden;
opacity: 0;
}

#sidebar:hover #simage1 {
opacity: 0;
}
#sidebar:hover #simage2 {
opacity: 1;
}

#quote {
font-family: 'Share';
color: #C1C1C1;
text-transform: lowercase;
font-size: 9px;
letter-spacing: 0px;
line-height: 12px;
font-style: italic;
padding: 10px 20px 10px 20px;
width: 210px;
margin-left: -10px;
text-align: center;
}

.ex {
font-size: 50px;
font-style: normal;
opacity: 0.3;
float: left;
margin-right: -20px;
margin-top: 10px;
color: #BDD1DE;}

.line {
width: 130px;
border-bottom: 1px solid #BDD1DE;
opacity: 0.7;
text-align: center;
margin-top: 10px;
}


td
{
height:50px;
vertical-align: top;
}

#backdrop {
  overflow: hidden;
  position: fixed;
  width: 745px;
  height: 400px;
  margin-left: -120px;
  margin-top: 70px;
  background: #111;
border-top: 40px solid #222;
border-bottom: 20px solid #444;

border-radius: 0px;
}

#sideimage {
background-image: url(https://64.media.tumblr.com/e5ab2d9afc35e05f5dabcd6a2f8cc14d/412d5e192483a111-94/s1280x1920/d121f92f037786d5c3484275369d864b221a89da.jpg); width: 60px; height: 60px; left: 50px; border-radius: 0px; position: absolute; margin-top: -10px; background-size: cover; filter: grayscale(1) brightness(50%); border-radius: 100px;   border: 5px solid #ddd;  }

#rightimage {
background-image: url(https://64.media.tumblr.com/c366a218b346b8e897f1f86d77f1bb30/c6a69e48ad38a228-fa/s2048x3072/2a31305bed939ea9d3630f9ba84374c353705bbc.png); width: 270px; height: 160px; left: 350px; border-radius: 0px; position: absolute; margin-top: 20px; background-size: cover; filter: grayscale(0) brightness(100%);padding: 8px; border-radius: 6px; box-shadow: 0px 0px 10px #fff; border: 1px solid #BDD1DE;



}

#limerence { background-color: trans; z-index: 1px; width: 270px; height: 300px; left: 360px; 90px; top: 160px; border-radius: 10px; position: absolute; border: 0px solid #333; text-transform: lowercase; font-family: qwenzy; padding-top: 10px; text-align: left; font-size: 26px; font-color: #fff; filter: brightness(200%);
}


#essay { background-color: trans; z-index: 1px; width: 270px; height: 300px; left: 365px; 90px; top: 200px; border-radius: 10px; position: absolute; border: 0px solid #333; text-transform: lowercase; font-family: poppins; padding-top: 10px; text-align: left; font-size: 10px; line-height: 23px;
}

#removebg {
background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/12438356481?profile=original); width: 280px; height: 410px; left: 410px; border-radius: 0px; position: absolute; margin-top: -40px; background-size: cover; padding: 8px; border-radius: 6px;

}


#name { background-color: trans; z-index: 1px; width: 150px; height: 300px; left: 165px; 90px; top: 10px; border-radius: 10px; position: absolute; border: 0px solid #333; text-transform: lowercase; font-family: qwenzy; padding-top: 20px; text-align: left; font-size: 16px; line-height: 23px;   font-style: italic;
}



#main {
position: fixed;
top: 10px;
left: 0px;
text-align: center;
margin-top: 137px;
margin-left: 675px;
width : 601px;
height: 500px;
  overflow: hidden;
}

#box {
width: 70px;
height: 110px;
overflow: hidden;
border: 2px double #aaa;
margin: 8px;
box-shadow: 0px 0px 5px 0px #444;
border-radius: 0px;
filter: grayscale(0.2) brightness(0.7) contrast(100%);
}
#hidden {
width: 70px;
height: 110px;
overflow: hidden;
}
#hidden img {
width: 70px;
height: 110px;
margin: 0px;
}
#title {
font-family: "JennaSue";
color: #fff;
font-size: 15px;
text-transform: lowercase;
line-height: 20px;
padding-top: 160px;
width: auto;
}

@font-face { font-family: "JennaSue"; src: url('https://static.tumblr.com/gdh5wux/vtSmoz1me/jennasue.ttf'); }

@font-face {font-family: "blackjack";src: url('https://dl.dropboxusercontent.com/s/ryf3a4mag4hudp6/blackjar.ttf?dl=1'); format("truetype");}


#text {
font-family: "caviardreams";
font-size: 5px;
text-align: center;
z-index: 1000;
color: transparent;
text-transform: lowercase;
position: relative;
color: #fff;
line-height: 1px;
letter-spacing: 1px;
width: 60px;


}

@font-face { font-family: "caviardreams"; src: url('https://static.tumblr.com/alux5te/8BFltyod3/caviardreams.ttf'); }

@font-face{font-family:'goca';src:url('https://static.tumblr.com/ujahjev/pPcpmo9yi/goca.ttf');}


@font-face {font-family: "eightone";src: url('https://dl.dropboxusercontent.com/s/gvrnfz3hzi6v4vd/eight%20one.ttf?dl=1'); format("truetype");}


#back {
background-color: rgba(189,209,222,0);
position: relative;
height: 50px;
width: 50px;
z-index: 1000;
margin-top: -180px;
z-index: 0;
}

#box:hover #back {
background-color: rgba(189,209,222,0.6);
}
#box:hover #title {
padding-top: 130px;
}
#box:hover #text {
color: #fff;
padding-top: 100px;
line-height: 5px;

}
#box:hover #hidden img {
-webkit-filter: blur(3px) grayscale(1);
}

#pfppic {background-image: url(https://64.media.tumblr.com/e5ab2d9afc35e05f5dabcd6a2f8cc14d/412d5e192483a111-94/s1280x1920/d121f92f037786d5c3484275369d864b221a89da.jpg); background-size:  cover; position: fixed; z-index: -9999999999999px; border-radius: 100px; margin-top: -30px; margin-left: 20px; width: 60px; height: 60px; filter: grayscale(10) brightness(90%);  border: 5px solid #222;}

#container { background-color: #222 !important; z-index: 1px; width: 383px; height: 345px; left: 290px; top: 145px; border-radius: 0px; position: fixed; border-top: 70px #000 solid; border-bottom: 2px #111 solid; filter: grayscale(120%) brightness(100%); background-size: cover; }