personal vault - css

body {
background:#070706 url(https://storage.ning.com/topology/rest/1.0/file/get/31189037861?profile=original) repeat!important;
}

#xg_body a {color:#aaa;}
#xg_body a:hover {color:#fff;}

#xg_layout_column_2 {
background:transparent;
font-family:Arial;
font-size:12px;
margin-left:-80px;
margin-top:-30px;
width:1200px;
height:800px;
}

::-webkit-scrollbar {display:none;}

#code {
position:relative;
width:900px;
height:800px;
margin:0 auto;
font-family:Arial;
color:#eee9df;
}

#topname {
position:absolute;
z-index:10;
left:90px;
top:40px;
width:365px;
height:72px;
background:#dedbd1;
color:#111;
border-radius:40px;
line-height:72px;
}

#topname:after {
content:"";
position:absolute;
right:-2px;
top:0;
width:74px;
height:72px;
background:#080807;
border-radius:100%;
}

#topname b {
position:absolute;
left:30px;
top:0;
font-size:16px;
font-weight:bold;
}

#topname span {
position:absolute;
right:72px;
top:0;
font-size:10px;
font-weight:bold;
}

#topupdate {
position:absolute;
z-index:9;
left:430px;
top:40px;
width:310px;
height:72px;
background:#817166;
color:#f4eee5;
border-radius:40px;
font-size:12px;
font-weight:bold;
text-align:center;
line-height:72px;
}

#leftphoto {
position:absolute;
z-index:2;
left:90px;
top:140px;
width:350px;
height:350px;
background:#222;
border-radius:32px 0 32px 32px;
overflow:hidden;
}

#insta-fade {
position:absolute;
z-index:3;
left:0;
top:0;
width:350px;
height:350px;
overflow:hidden;
border-radius:32px 0 32px 32px;
filter:grayscale(20%) sepia(15%) brightness(90%);
}

#insta-fade .fade {
position:absolute;
left:0;
top:0;
width:350px;
height:350px;
background-size:cover;
background-position:center;
opacity:0;
animation:fade 16s infinite;
}

#insta-fade .img1 {
background-image:url(https://64.media.tumblr.com/69e8b0b20e4755b057dabd30cedfb623/0e7ca5c649340b6f-52/s2048x3072/72162f44a77b5e13ce73ab8cd52a2b33711586ff.jpg);
animation-delay:0s;
}

#insta-fade .img2 {
background-image:url(https://i.pinimg.com/1200x/5b/39/1c/5b391ca5a43512e335dc224b7160553a.jpg);
animation-delay:4s;
}

#insta-fade .img3 {
background-image:url(https://i.pinimg.com/736x/c8/22/2a/c8222a5e1f8388c7c2468d4715a1b0e1.jpg);
animation-delay:8s;
}

#insta-fade .img4 {
background-image:url(https://i.pinimg.com/736x/fd/b2/52/fdb252e4089168df88e3cf607af2d28b.jpg);
animation-delay:12s;
}

@keyframes fade {
0% {opacity:0;}
5% {opacity:1;}
25% {opacity:1;}
30% {opacity:0;}
100% {opacity:0;}
}

#sparkle {
position:absolute;
z-index:8;
left:112px;
top:155px;
font-size:35px;
color:#f4eee5;
}

#photoword {
position:absolute;
z-index:8;
left:300px;
top:402px;
width:110px;
font-family:Georgia;
font-size:25px;
font-style:italic;
color:#eee6db;
text-align:center;
transform:rotate(-7deg);
}

#lefttext {
position:absolute;
z-index:1;
left:90px;
top:460px;
width:350px;
height:190px;
background:#817166;
border-radius:0 0 32px 0;
}

#late {
position:absolute;
z-index:5;
left:125px;
top:482px;
font-size:27px;
font-weight:bold;
color:#161412;
}

#month {
position:absolute;
z-index:5;
left:125px;
top:518px;
font-family:Arial Narrow,Arial;
font-size:24px;
line-height:21px;
color:#f4eee5;
}

#entry {
position:absolute;
z-index:5;
left:125px;
top:578px;
width:275px;
font-size:8px;
line-height:14px;
color:#f4eee5;
}

#circle {
position:absolute;
z-index:12;
left:275px;
top:405px;
width:160px;
height:160px;
border:1px solid #b8afa3;
border-radius:100%;
background:#171512;
color:#bdb3a6;
font-family:Georgia;
font-size:17px;
font-style:italic;
text-align:center;
padding-top:50px;
box-sizing:border-box;
opacity:.88;
}

#circle b {
font-size:34px;
font-weight:normal;
line-height:30px;
}

#rightcard {
position:absolute;
z-index:1;
left:465px;
top:140px;
width:300px;
height:510px;
background:#d6d2c9;
border-radius:32px 0 32px 32px;
}

#rightphoto {
position:absolute;
z-index:3;
left:520px;
top:140px;
width:245px;
height:245px;
background-image:url(https://i.pinimg.com/736x/cc/2a/63/cc2a632ff4f76372feea8bf2d4c2d013.jpg);
background-size:cover;
background-position:center;
border-radius:0 0 0 100%;
filter:grayscale(25%) sepia(12%) brightness(90%);
}

#rightring {
position:absolute;
z-index:6;
left:548px;
top:158px;
width:190px;
height:190px;
border:1px solid #ddd5c9;
border-radius:100%;
}

#rightword {
position:absolute;
z-index:7;
left:585px;
top:320px;
width:170px;
font-family:Georgia;
font-size:29px;
font-style:italic;
color:#d9d1c5;
transform:rotate(-5deg);
}

#smalltitle {
position:absolute;
z-index:5;
left:465px;
top:402px;
width:300px;
font-size:7px;
font-weight:bold;
text-align:center;
color:#292521;
}

#trip {
position:absolute;
z-index:5;
left:490px;
top:422px;
width:250px;
font-family:Arial Narrow,Arial;
font-size:24px;
line-height:21px;
text-align:center;
color:#27231f;
}

#place {
position:absolute;
z-index:5;
left:465px;
top:478px;
width:300px;
font-family:Georgia;
font-size:8px;
text-align:center;
color:#49423c;
}

#story {
position:absolute;
z-index:5;
left:515px;
top:510px;
width:205px;
font-size:8px;
line-height:14px;
color:#292521;
}

#charm {
position:absolute;
z-index:15;
left:454px;
top:250px;
width:1px;
height:110px;
background:#ded6ca;
transform:rotate(-22deg);
}

#charmdot {
position:absolute;
z-index:16;
left:469px;
top:295px;
width:7px;
height:7px;
background:#171512;
border:1px solid #ded6ca;
border-radius:100%;
}

#charmphoto {
position:absolute;
z-index:16;
left:460px;
top:348px;
width:42px;
height:42px;
background-image:url(https://64.media.tumblr.com/0a18692e41771d6433b6b4d1167ff2d2/0e7ca5c649340b6f-b3/s2048x3072/81fbe60e573b407d0275479a11ee192fb9159124.jpg);
background-size:cover;
background-position:center;
border:1px solid #eee6db;
border-radius:100%;
filter:grayscale(50%);
}

#flower {
position:absolute;
z-index:20;
left:695px;
top:575px;
width:140px;
height:140px;
}

.petal {
position:absolute;
width:65px;
height:44px;
background:#b7b0a5;
border:1px solid #ddd7ce;
border-radius:100%;
}

.p1 {
left:37px;
top:2px;
transform:rotate(90deg);
}

.p2 {
left:73px;
top:47px;
}

.p3 {
left:37px;
top:92px;
transform:rotate(90deg);
}

.p4 {
left:0;
top:47px;
}

#smile {
position:absolute;
z-index:3;
left:48px;
top:48px;
width:42px;
height:42px;
background:#69635c;
border:2px solid #eee7dc;
border-radius:100%;
font-size:20px;
line-height:42px;
text-align:center;
color:#eee7dc;
}

#info {
position:absolute;
z-index:10;
left:92px;
top:675px;
width:390px;
font-size:7px;
letter-spacing:1px;
text-transform:uppercase;
color:#958c82;
}

#links {
position:absolute;
z-index:30;
left:90px;
top:710px;
width:300px;
height:40px;
line-height:40px;
}

#links a {
display:inline-block;
width:30px;
height:30px;
margin-right:10px;
padding:0;
border:1px solid #827970;
border-radius:100%;
background:transparent;
color:#ddd6cc!important;
font-size:7px;
line-height:30px;
text-align:center;
}

#links a:hover {
background:#ddd6cc;
color:#171411!important;
}

h1,h2,h3,
#xg_head,
#xg_foot,
#xg_layout_column_1,
.xg_module.xg_module_comment_wall,
.xg_span-5,
ul.nobullets.last-child,
.xg_chat.chatFooter,
li.right,
#xn_bar,
#xn_bar_menu_tabs,
#xn_bar_menu_more,
p#xn_gyo_link,
p#xn_brand {
display:none!important;
}