contradiction - css

body {
  background-color: #111;
  background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/7776506495?profile=original);
  background-repeat: repeat;
}

body, html {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}

a, a:hover {cursor:url(http://static.tumblr.com/vmteopo/DH3njhg50/help_cursor.png), crosshair; }

#xg_body {
  left: auto;
  position: fixed!important;
  margin-top: -110px;
}

div#xg_ad_below_header, div#xg_ad_below_footer {
  display: none!important;
}

div#xg_navigation {
  visibility: hidden;
  position: fixed;
}

div.xg_theme #xg_navigation ul li a, .xg_theme #xg_navigation ul {
  display: none;
}


div#xg_masthead {
  position: relative;
}

div#xn_bar {
  display: none;
}

#xg_body:before {
  content:"There are things that people experience in a lifetime. There is trauma, pain, love, passion, sadness, and happiness. These things they are what shape us into who we are supposed to be, what we are meant to make of ourselves. They say there are 3 people that you will love in your life, 1 being your young fascination spiraling based off of what you think love is from the movies, 2 being the love that is just what you need but ends in a way that seems almost poetic, and 3 being the one that you never even expected but it feels so right and fits so well. More than likely only 1 of these will prevail in the end, it's easy to pick which one. Of course it isn't option 1 that ended in handcuffs and police cars, and you don't really think it could be option 2 because that ended in a puddle of tears and brokenness because parental approval is very important and that was lacking. So obviously it's option 3, the one that feels right and it clicks and it doesn't always feel like younger you thought love should feel like but it also seems appalling to even fathom your world without this love. This love being the one who didn't watch very many love stories and spent time reading comics instead of reading about girls. This love is the one who wants to stay in instead of going out which lets be honest that isn't always a disadvantage. This love is the love that makes you wonder what the hell youre doing because you thought it was supposed to be something out of a fairytale or at least a show that ended with the perfect family picture. But it's okay, this love is pure, this love should last."; /* CHANGE TEXT HERE */
  position: absolute;
  top: 160px;
  left: 205px;
  font: 7px 'maszyna royal', sans serif, cursive;
  color: #ccc;
  text-transform: lowercase;
  text-align: justify;
  width: 350px;
  height: 440px;
  border-radius: 3px;
  background: #333;
  padding: 54px 110px 10px 15px;
  box-sizing: border-box;
  line-height: 12px;
}


@font-face{font-family:"maszyna royal";src:url('https://static.tumblr.com/it5srtk/dT5orvvwu/maszynaroyaldark.ttf');}


div#xg_layout_column_1 {
  position: relative;
  z-index: 1;
  top: 100px;
  left: 100px;
  width: 800px;
  height: auto;
  overflow: hidden;
  background: #;
}

div#xg_layout_column_1:before {
  content:"";
  position: absolute;
  width: 260px;
  height: 400px;
  top: 100px;
  left: 100px;
  background: url(https://storage.ning.com/topology/rest/1.0/file/get/7775664082?profile=original) -20px 0px repeat; /* CHANGE IMAGE HERE */
  background-size: cover;
  -webkit-filter: grayscale(0.4);
}

div#xg_layout_column_1:after {
  content:"";
  z-index: 100;
  position: absolute;
  top: 78px;
  left: 400px;
  width: 90px;
  height: 135px;
  border-radius: 3px;
  background: url(https://data.whicdn.com/images/348054127/original.jpg) -10px 0px no-repeat; /* CHANGE IMAGE HERE */
  background-size: cover;
  filter: grayscale(0)contrast(70%)brightness(110%);
}

div.module_user_summary:before {
  z-index: 100!important;
  visibility: visible!important;
  content:"";
  position: absolute;
  top: 230px;
  left: 400px;
  width: 90px;
  height: 135px;
  border-radius: 3px;
  background: url(https://data.whicdn.com/images/348054116/original.jpg) -25px 0px no-repeat; /* CHANGE IMAGE HERE */
  background-size: cover;
  filter: grayscale(0)contrast(70%)brightness(110%);
background-size: 140%;

}

div.module_user_summary:after {
  z-index: 100!important;
  visibility: visible;
  content:"";
  position: absolute;
  top: 480px;
  left: 380px;
  width: 300px;
  height: 25px;
  border-top: 1px #e2e2e2 solid;
}

div.xg_span-16:before {
  visibility: visible!important;
  z-index: 100;
  content:"conflicted contradiction"; /* CHANGE TEXT HERE */
  position: absolute;
  top: 490px;
  left: 200px;
  width: 260px;
  height: 60px;
  font-weight: 300;
  font-size: 35px;
  line-height: 45px;
  letter-spacing: 1px;
  font-style: italic;
  text-shadow: none;
  text-align: center;
  font-family: 'messy';
  color: #fff;
}

@font-face { font-family: messy; src: url('https://dl.dropboxusercontent.com/s/7yz5qhv4qijqmvt/KGLifeisMessy.ttf') ;}

@font-face{ font-family:'kaoly'; src: url('https://dl.dropboxusercontent.com/s/zixecst6vtxj3xx/Kaoly%20Demo-Regular.ttf'); }

div.module_user_thumbnail:before {
  opacity: 1;
  visibility: visible;
  content:"21. sep4. virgo. flying solo "; /* CHANGE TEXT HERE */
  position: absolute;
  z-index: 1;
  top: 118px;
  left: 540px;
  width: 230px;
  height: 15px;
  color: #aaa;
  letter-spacing: 0px;
  font-size: 10px;
  font-family: 'maszyna royal', cursive, sans serif;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

div.module_user_thumbnail:after {
  opacity: 1;
  visibility: visible;
  content:""; /* CHANGE TEXT HERE */
  position: absolute;
  top: 58px;
  left: 442px;
  width: 2px;
  height: 422px;
  border-right: 1px #e2e2e2 solid;
}

@font-face {font-family:"Multicolore"; src: url('https://static.tumblr.com/gdh5wux/njzmq56tr/multicolore.otf'); }

.dy-avatar.dy-avatar-full-width:after {
  opacity: 1;
  z-index: 100!important;
  visibility: visible;
  content:"rosegram"; /* CHANGE TEXT HERE */
  position: absolute;
  top: 310px;
  left: 400px;
  width: 60px;
  height: 16px;
  text-align: center;
  letter-spacing: 0.5px;
  font-weight: bold;
  font: 8px 'comfortaa', sans serif, cursive;
  color: #e5cb95;
  text-transform: uppercase;
  border-radius: 3px;
  text-align: center;
  padding: 6px 2px 4px 2px;
  box-sizing: border-box;
  background: #eee;
}

@font-face {font-family:"Comfortaa"; src: url('https://static.tumblr.com/aorjzw7/aMums1s2i/comfortaa.ttf'); }

.dy-avatar.dy-avatar-full-width:before {
  visibility: visible;
  z-index: 0;
  content:""; /* CHANGE TEXT HERE */
  position: absolute;
  top: 58px;
  left: 380px;
  width: 300px;
  height: 458px;
  border-radius: 4px 4px 0px 0px;
  box-sizing: border-box;
  line-height: 30px;
  padding: 10px;
  background: #333;
}

div#xg_layout_column_2 {
  position: absolute;
  z-index: 100!important;
  width: 820px;
  height: 40px;
  top: 70px;
  font-size: 11px;
  left: 9%;
  background: #trans;
  font-family:'comfortaa';
  color: #fff;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
}

div.module_user_summary {
  visibility: hidden;
}

.dy-avatar.dy-avatar-full-width {
  z-index: -1!important;
  width: 900px;
  margin-left: 0px;
  margin-top: 0px;
  height: 30px;
  background: #trans;
}

img#xj_photo_img_tag {
  visibility: visible;
  z-index: 1!important;
  width: 120px!important;
  height: 120px!important;
  margin-left: 550px;
  margin-top: 905px;
  border: 5px solid #fff;
  border-radius: 100px;
  transition:all 0.3s ease-in-out;
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .6);
}

div.xg_span-16 {
  visibility: visible;
  z-index: -1!important;
}

div.xg_3col {
  visibility: visible;
}

/* POP UP + BUTTON COLOURS */

.xg_floating_container.xg_lightborder {
  background-color: #fff;
}

input.button.action-primary {
  background-color: #fff;
}

p.buttongroup {
  background-color: #fff;
  padding: 5px;
}

a.xj_cancel.action-secondary {
  color: #ac6c48;
}

/* REMOVED CODES */

.online {
  display: none;

}

.xg_module_body.profile.vcard {
  display: none;
}

.account-links {
  display: none;

}

#xg_foot {
  display: none;
}

p.left {
  display: none;
}

p.right.xg_lightfont {
  display: none;
}

#xg_sitedesc {
  display: none;
}

#xg_sitename {
  display: none;
}

img.poweredbyLogo {
  display: none;
}

.xg_module_head {
  display: auto;
  border-bottom: 0px solid #fff!important;
}

#xg_profile_activity{
  display:none;
}

.xg_sprite {
  background: transparent;
}

a.send-message-link {
  display: none;
}

dd.profile-like-button {
  display: none;
}

dd.profile-social-buttons {
  display: none;
}

.module_blog {
  display: none!important;
}

a.xj_block_messages {
  display: none;
}

h1, h2, h3, #xj_approvalBox, .module_groups, .xg_sprite.xg_sprite-add, .xg_module_comment_wall, .xg_chatBar, .xg_span-5, .module_feed, .module_about_user, .module_members, #xj_module_gift {
  display: none;
}

ul.nobullets.last-child {
  display: none;
}

span.fn {
  display: none;
}

span.fn:before {
  content:"";
}

a.xj_appearance_editor_profile {
  display: none;
}

.xg_module.topmsg.birthday_msg {
  display: none!important;
}

/* TEXT + LINK CODES*/

a#add-as-friend-link {
  position: fixed;
  font-size: 20px;
  font-weight: 900;
  font-family: 'multicolore', cursive, sans serif;
  margin-top: 89px;
  margin-left: -120px;
  letter-spacing: 2px;
  text-transform: lowercase;
  text-align: right;
  color: rgb(255, 255, 255)!important;
  -webkit-transition: ease-in-out 0.6s;
  -webkit-transition-duration: 700ms;
  text-shadow: 0px 2px 2px #aaa;
  transform: rotate(-90deg);
}

#xg_body a {
  color: auto!important;
  background-color: transparent;
  font-style: normal;
  -webkit-transition: 1s;

}

p {
  color: auto!important;
  font-size: 11px;
  font-family: 'multicolore';
}


::selection {
    background: #000;
    color: #ac6c48;
}

::-webkit-scrollbar {
width: 4px;
height: 0px;
background: transparent;
}

::-webkit-scrollbar-thumb {
background: #fff;
border-radius: 4px;
}

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

#links {
 z-index: 1!important;
 position: fixed;
 overflow: hidden;
 font: 13px 'comfortaa';
 text-transform: lowercase;
 margin-top: -5px;
 margin-left: 420px;
 text-align: left;
 width: 370px;
 height: 30px!important;
 background: #trans;
 line-height: 40px;
 text-shadow: 0px 2px 2px #111:
}

#links a {
 color: #fff!important;
 margin-left: 20px;
 padding-left:10px;
 padding: 5px;
 -webkit-transition: all 0.7s ease;
}


div.xg_span-16:after { position: absolute; content:""; width: 338px; height: 475px; top: 140px; left: 460px; background: #222; padding: 10px 10px 10px 10px; box-sizing: border-box; text-align: justify; border-radius: 4px;}


div.xg_3col:before {
  visibility: visible!important;
  z-index: 200!important;
  content:"mikayla grace"; /* CHANGE TEXT HERE */
  position: absolute;
  top: 180px;
  left: 582px;
  width: 300px;
  height: 30px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  border-radius: 4px;
  font: 20px 'kaoly', cursive, sans serif;
  color: #fff;
  font-style: italic;
  letter-spacing: 1px;
  text-transform: lowercase;
}

.links {
z-index:100;
width:257px;
height:80px;
text-align: left;
border-bottom:  solid 1px #eee;
padding: 2px 3px 3px 8px;
box-sizing:   border-box;
margin-top: 30px;
margin-left: 100px;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
  -webkit-filter: grayscale(20) contrast(15%);

}

.links a {
z-index:100;
height:40px;
font-size: 11px;
margin:5px;
line-height:0px;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-webkit-filter: grayscale(0)contrast(97%)brightness(100%);
}

.links a:hover {
opacity:0.5;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
}


div#xg_layout_column_2:after {
  content:"";
  z-index: 100;
  position: absolute;
  top: 512px;
  left: 410px;
  width: 263px;
  height: 31px;
  background: url(https://storage.ning.com/topology/rest/1.0/file/get/4931858686?profile=RESIZE_710x) 0px 0px repeat; /* CHANGE IMAGE HERE */
  background-size: cover;
  -webkit-filter: grayscale(10)contrast(100%)brightness(100%);
}


.bio {
  width: 140px;
  height: 180px;
  margin-left: 510px;
  margin-top: 160px;
  font-family: 'comfortaa', cursive, sans serif;
  color: #6b6b6b;
  font-style: italic;
  overflow: scroll;
  font-size: 7px;
  text-align: justify;
  line-height: 20px;
  letter-spacing: 1px;
}


.bio b, strong {color: #fff; font-family: 'multicolore'; font-size:8px; letter-spacing:0px;font-weight: normal;}


i, em {
  color: #aaa;
  font-family: 'maszyna royal';
  font-size: 8px;
  font-style: normal;
  line-height: 0px;
}