astral - css - limerence

{****** ᴄʜᴏ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: 740px;
  height: 430px;
  margin-left: -120px;
  margin-top: 70px;
  background: #111;
border-top: 30px solid #222;
  border-bottom: 30px solid #222;
border-radius: 6px;
}

#sideimage {
background-image: url(https://64.media.tumblr.com/38f2463096ac2dd65457f550e0d15a43/c6a69e48ad38a228-44/s2048x3072/07affdece1c8e31b990abfb0a156c7b0d9646366.png); width: 150px; height: 380px; left: 50px; border-radius: 0px; position: absolute; margin-top: 20px; background-size: cover; filter: grayscale(1) brightness(50%); border-radius: 6px;
box-shadow: 0px 0px 10px #fff;
}

#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(1) brightness(100%);padding: 8px; border-radius: 6px; box-shadow: 0px 0px 10px #fff;


}

#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: 0px;
left: 0px;
text-align: center;
margin-top: 382px;
margin-left: 310px;
width : 601px;
height: 500px;
  overflow: hidden;
}

#box {
width: 50px;
height: 50px;
overflow: hidden;
border: 1px double #000;
margin: 8px;
box-shadow: 0px 0px 5px 0px #444;
border-radius: 10px;
filter: grayscale(0.2) brightness(0.7) contrast(100%);
}
#hidden {
width: 50px;
height: 50px;
overflow: hidden;
}
#hidden img {
width: 50px;
margin: 0px;
}
#title {
font-family: "JennaSue";
color: #fff;
font-size: 12px;
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: 50px;


}

@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);
}


#links {
 z-index: 100!important;
 position: fixed;
 overflow: hidden;
 font-size: 8px;
font-family:'roboto';
letter-spacing: 1px;
font-weight: bold;
 text-transform: lowercase;
 margin-top: 135px;
 margin-left: 218px;
 text-align: left;
 width: 180px;
 height: 115px!important;
 background: #trans;
 line-height: 25px;
filter: grayscale(0.5);
 background: #trans;


}

#links a {
 color: #000044!important;
 padding: 15px;
 -webkit-transition: all 0.7s ease;
 height: 15px!important;

}


#links a {
 color: #999!important;
 background: #111;
display:inline-block; color:#6495ED; font-size:6px; width:40px; height:10px;
  border: 2px solid #222;
text-align: center;
 border-radius: 10%;
 padding-top: 10px;
 margin: 2px;
 -webkit-transition: all 0.7s ease;
}