coco - css

body {
background-color:#dfd6d6!important;
background-image:url(https://64.media.tumblr.com/16dee788205d271b97fde0025fccb6aa/eecb3fea615a1461-bd/s2048x3072/dd60d6529d28c2144ea233f45f8a22a7ce71caa6.jpg)!important;
background-repeat:repeat!important;
}

#xg_body a {
color:#8f8f8f;
text-decoration:none;
}

#xg_body a:hover {
color:#9f3311;
}

#xg_layout_column_2 {
background:transparent;
font-family:poppins;
font-size:11px;
margin-left:-60px;
margin-top:-25px;
width:1100px;
height:700px;
}

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

#code {
position:relative;
width:760px;
height:650px;
margin:0 auto;
font-family:poppins;
font-size:11px;
color:#000;
}

/* BACKGROUND SHAPES */

#shape1 {
position:absolute;
z-index:1;
left:25px;
top:170px;
width:85px;
height:175px;
background:#9f3311;
border-radius:50px;
transform:rotate(-8deg);
}

#shape2 {
position:absolute;
z-index:1;
left:310px;
top:190px;
width:125px;
height:145px;
background:#000;
border-radius:0 45px 45px 0;
}

#shape3 {
position:absolute;
z-index:1;
left:590px;
top:420px;
width:125px;
height:145px;
background:#6ebebb;
border-radius:100%;
}

#paper1 {
position:absolute;
z-index:1;
left:410px;
top:390px;
width:290px;
height:240px;
background-image:url(https://static.tumblr.com/zvesamf/oTZs9n6d0/png_paper.png);
background-size:290px auto;
background-repeat:no-repeat;
}

#paper2 {
position:absolute;
z-index:1;
left:0;
top:120px;
width:255px;
height:240px;
background-image:url(https://static.tumblr.com/zvesamf/oTZs9n6d0/png_paper.png);
background-size:280px auto;
background-repeat:no-repeat;
transform:rotate(180deg);
}

/* HEADER */

#header {
position:absolute;
z-index:20;
left:80px;
top:35px;
width:345px;
height:45px;
background:#000;
color:#fff;
}

#headershadow {
position:absolute;
z-index:8;
left:88px;
top:47px;
width:345px;
height:45px;
background:#000;
}

#heading {
position:absolute;
left:10px;
top:0;
width:160px;
height:45px;
font-size:13px;
font-weight:bold;
line-height:45px;
overflow:hidden;
}

#navigation {
position:absolute;
right:5px;
top:0;
height:45px;
line-height:45px;
}

#navigation a {
display:inline-block;
width:25px;
height:45px;
padding:0;
margin:0 1px;
color:#fff!important;
font-family:Arial;
font-size:17px;
text-align:center;
}

#navigation a:hover {
color:#6ebebb!important;
}

#headertape {
position:absolute;
z-index:25;
left:215px;
top:26px;
width:70px;
height:18px;
background:#6ebebb;
opacity:.65;
}

/* INTRO */

#intro {
position:absolute;
z-index:15;
left:88px;
top:86px;
width:325px;
height:118px;
background:#fff;
box-shadow:-1px -1px 8px rgba(0,0,0,.12);
transform:rotate(-1deg);
}

#introphoto {
position:absolute;
left:10px;
top:10px;
width:90px;
height:98px;
background-image:url(https://64.media.tumblr.com/c881873cbb2ee2ba7602746cc945281f/b6eaaa0ed109cef0-1c/s400x600/7ae03a349f7763878cb2f17b1abfc3c817541bee.gifv);
background-size:cover;
background-position:center;
}

#introtext {
position:absolute;
left:115px;
top:12px;
width:185px;
height:90px;
overflow:hidden;
font-size:11px;
line-height:17px;
text-align:justify;
transform:rotate(1deg);
}

#introtext b {
color:#6ebebb;
}

#introtext i {
color:#9f3311;
}

#introtext strong {
color:#000;
}

#introtext u {
text-decoration:none;
border-bottom:1px solid #9f3311;
}

/* PROFILE TEXT BOX */

#postbox {
position:absolute;
z-index:8;
left:98px;
top:245px;
width:315px;
height:285px;
padding:20px;
background:#fff;
box-sizing:border-box;
box-shadow:-1px -1px 7px rgba(0,0,0,.08);
}

#posttitle {
font-size:14px;
font-weight:bold;
margin-bottom:18px;
}

#postsubtitle {
color:#6ebebb;
font-size:12px;
font-weight:bold;
margin-bottom:14px;
}

#posttext {
font-size:11px;
line-height:21px;
}

/* FIRST POLAROID */

#polaroid1 {
position:absolute;
z-index:8;
left:455px;
top:42px;
width:205px;
height:238px;
padding:13px;
background-color:#fff;
background-image:url(https://static.tumblr.com/zvesamf/wYSs9n6d2/polaroids_bg.jpg);
background-repeat:no-repeat;
background-position:bottom right;
box-sizing:border-box;
box-shadow:-1px -1px 9px rgba(0,0,0,.14);
transform:rotate(1deg);
}

#photo1 {
width:179px;
height:196px;
background-image:url(https://64.media.tumblr.com/123e602d35662495c10dc666431e3d7e/5d28fae3dc46193a-34/s2048x3072/075c22276d062a76192d17ece876a15a2677f159.jpg);
background-size:cover;
background-position:center;
}

#tape1 {
position:absolute;
z-index:16;
left:523px;
top:34px;
width:68px;
height:17px;
background:#d7a68e;
opacity:.65;
}

/* SECOND POLAROID */

#polaroid2 {
position:absolute;
z-index:10;
left:435px;
top:310px;
width:205px;
height:238px;
padding:13px;
background-color:#fff;
background-image:url(https://static.tumblr.com/zvesamf/wYSs9n6d2/polaroids_bg.jpg);
background-repeat:no-repeat;
background-position:bottom left;
box-sizing:border-box;
box-shadow:-1px -1px 9px rgba(0,0,0,.14);
transform:rotate(-1deg);
}

#photo2 {
width:179px;
height:196px;
background-image:url(https://64.media.tumblr.com/6bafd07e1a2650a5ac070d3c58f59622/c55f4a911413e684-ed/s1280x1920/1a1557a684539b83e52b5349311a4b7a6a4b27a7.jpg);
background-size:cover;
background-position:center;
}

#tape2 {
position:absolute;
z-index:17;
left:503px;
top:302px;
width:68px;
height:17px;
background:#a1a1a1;
opacity:.65;
}

#next {
position:absolute;
z-index:12;
left:8px;
bottom:8px;
width:24px;
height:24px;
background:#000;
color:#fff;
border-radius:100%;
font-family:Arial;
font-size:20px;
line-height:22px;
text-align:center;
}

/* MINI POLAROID */

#smallpolaroid {
position:absolute;
z-index:21;
left:610px;
top:445px;
width:105px;
height:130px;
background-color:#f7f7f7;
background-image:url(https://static.tumblr.com/zvesamf/wYSs9n6d2/polaroids_bg.jpg);
background-repeat:no-repeat;
background-position:top left;
box-shadow:-1px -1px 8px rgba(0,0,0,.18);
}

#smallphoto {
position:absolute;
left:9px;
top:12px;
width:87px;
height:95px;
background-image:url(https://64.media.tumblr.com/b9c04e3180b7ac5e983332d4fd1f55e6/b6eaaa0ed109cef0-f8/s400x600/721c2bec0f18d4ecd9c5ab77744815847bdc8a28.gifv);
background-size:cover;
background-position:center;
}

/* ORIGINAL PNG DECORATIONS */

#butterfly1 {
position:absolute;
z-index:24;
left:35px;
top:145px;
width:125px;
height:125px;
background-image:url(https://static.tumblr.com/zvesamf/tjps9n6d0/png_three.png);
background-size:contain;
background-repeat:no-repeat;
background-position:center;
}

#butterfly2 {
position:absolute;
z-index:24;
left:620px;
top:260px;
width:125px;
height:125px;
background-image:url(https://static.tumblr.com/zvesamf/pRps9n6cz/png_one.png);
background-size:contain;
background-repeat:no-repeat;
background-position:center;
}

#camera {
position:absolute;
z-index:23;
left:0;
top:210px;
width:115px;
height:115px;
background-image:url(https://static.tumblr.com/zvesamf/RxJs9n6tb/png_four.png);
background-size:contain;
background-repeat:no-repeat;
background-position:center;
}

#decodrinks {
position:absolute;
z-index:22;
left:625px;
top:165px;
width:130px;
height:90px;
background-image:url(https://static.tumblr.com/zvesamf/89cs9n6d1/png_two.png);
background-size:contain;
background-repeat:no-repeat;
background-position:center;
}

#heartpin {
position:absolute;
z-index:26;
left:410px;
top:245px;
width:85px;
height:85px;
background-image:url(https://static.tumblr.com/zvesamf/egbs9n6cz/png_five.png);
background-size:contain;
background-repeat:no-repeat;
background-position:center;
}

/* LINKS */

#links {
position:absolute;
z-index:30;
left:105px;
top:550px;
width:250px;
height:35px;
}

#links a {
display:inline-block;
width:27px;
height:27px;
padding:0;
margin-right:9px;
background:#000;
border-radius:100%;
color:#fff!important;
font-size:7px;
line-height:27px;
text-align:center;
}

#links a:hover {
background:#6ebebb;
color:#fff!important;
}

/* FONT */

@font-face {
font-family:poppins;
src:url(https://dl.dropboxusercontent.com/s/c7yh7zqu0j7bvb0/Poppins-Regular.otf);
}

/* NING CLEANUP */

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