My Free MFC Profile Help: FREE Passion Red Theme Layout

Just put this theme together, it's FREE for anyone who wants to use it. Enjoy!

CSS Code:

a:link,a:active,a:hover {
  color:#FFFFFF;
}

a:visited {
  color:#990066;
}

body {
  background-color:#000000;
  background-position:top left;
  background-attachment:scroll;
  background-repeat:repeat;
}

body,td {
  color:#FFFFFF;
  font-family:'';
  font-weight:bold;
  font-style:;
  font-size:16px;
}

.container_padding {
  padding:1px;
  height:100%;
}

.container_transparency {
  height:100%;
  width:100%;
  filter:alpha(opacity=100);
  background:;
}

.container {
  color:#FFFFFF;
  position:relative;
  border:px #;
  padding:4px;
  height:100%;
  background-color:transparent;
}

.container .heading {
  padding:4px;
  background-color:#;
  color:#FFFFFF;
  font-family:'';
  font-weight:bold;
  font-style:;
  font-size:17px;
}

body {
  width:1024px!important;
  padding:40px 0 0;
}

body[style] {
  margin:auto!important;
}

.content {
  padding:5px;
}

.clock,#clock {
  display:none;
}

td[style='font-size:14px;'] {
  display:none;
}

.heading {
  visibility:hidden;
}

.interests_info {
  display:none;
}

#schedule {
  height:1px;
  width:1px;
  overflow:hidden;
}

#wall_header {
  height:1px;
  width:1px;
  overflow:hidden;
}

.content {
  padding:3px;
}

.clock,#clock {
  visibility:hidden;
}

td[style='font-size:14px;'] {
}

element_style {
  padding:20px 170px;
}

div [style='padding:5px;text-align:center;'] img {
  padding:6px;
  border:2px solid #4ab10c;
  background:#999;
  border-radius:8px;
  -ms-border-radius:8px;
  -o-border-radius:8px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  margin:0;
}

.gallery_image {
  border:0;
}

.gallery_image img {
  width:70px;
  height:70px;
  border:6px solid #000;
  border-radius:8px;
  borderradius:8px;
  -moz-border-radius:8px;
  -moz-border-radius:8px;
  margin:0 10px 4px -6px;
  -webkit-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  -moz-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  -ms-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  -o-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
}

.gallery_image img:hover {
  border:6px solid #FF0000;
  -webkit-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  -moz-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  -ms-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  -o-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
}

.highlight {
  outline:none;
  transition:all .25s ease-in-out;
  -webkit-transition:all .25s ease-in-out;
  -moz-transition:all .25s ease-in-out;
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border:4px solid rgba(0,0,0,0.0);
}

.highlight:hover {
  box-shadow:0 0 10px rgba(215,40,40,0.9);
  -webkit-box-shadow:0 0 10px rgba(215,40,40,0.9);
  -moz-box-shadow:0 0 10px rgba(215,40,40,0.9);
  border:4px solid rgba(215,40,40,0.9);
}

.wall_info {
  font-weight:700;
  color:#CCC;
  text-decoration:none;
  padding:10px;
  background:rgb(75,81,79);
  background:-moz-linear-gradient(top,rgba(75,81,79,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%);
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(75,81,79,1)),color-stop(50%,rgba(110,119,116,1)),color-stop(51%,rgba(10,14,10,1)),color-stop(100%,rgba(10,8,9,1)));
  background:-webkit-linear-gradient(top,rgba(75,81,79,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%);
  background:-o-linear-gradient(top,rgba(75,81,79,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%);
  background:-ms-linear-gradient(top,rgba(75,81,79,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%);
  background:linear-gradient(to bottom,rgba(75,81,79,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b514f',endColorstr='#0a0809',GradientType=0);
  width:809px;
  border-radius:7px 7px 0 0;
  -moz-border-radius:7px 7px 0 0;
  -ms-border-radius:7px 7px 0 0;
  -o-border-radius:7px 7px 0 0;
  -webkit-border-radius:7px 7px 0 0;
  margin:0 0 1px 115px;
}

.wall_body {
  font-family:'Century Gothic';
  font-size:16px;
  color:#FFF;
  padding:10px;
  background:rgba(0,0,0,0.5)!important;
  margin:0 0 40px 115px;
  border:0 dotted #000;
  border-top:none;
  border-bottom-right-radius:8px;
  border-bottom-left-radius:8px;
  -moz-border-radius-bottomright:8px;
  -moz-border-radius-bottomleft:8px;
  width:809px!important;
}

.wall_info A:link {
  color:#FFF;
  text-decoration:none;
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  transition:all .3s;
  text-transform:uppercase;
  font-weight:400;
}

.wall_info A:visited {
  color:#FFF;
  text-decoration:none;
}

.wall_info A:hover {
  color:#FFF;
  text-transform:uppercase;
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  transition:all .3s;
  text-decoration:none;
  font-weight:700;
}

table {
  margin:0;
  padding:0;
}

td {
  margin:0;
  padding:0;
}

.container .heading {
  padding:7px;
  background:#2f538f;
  background:-moz-linear-gradient(top,#2f538f 0%,#000000 100%);
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#2f538f),color-stop(100%,#000000));
  background:-webkit-linear-gradient(top,#2f538f 0%,#000000 100%);
  background:-o-linear-gradient(top,#2f538f 0%,#000000 100%);
  background:-ms-linear-gradient(top,#2f538f 0%,#000000 100%);
  background:linear-gradient(to bottom,#2f538f 0%,#000000 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f538f',endColorstr='#000000',GradientType=0);
  border:0;
  border:#000000;
  border-radius:4px 4px 4px 4px;
  color:#000;
  text-shadow:1px 0 0 #4ab10c;
  height:33px;
  font-family:'Century Gothic',cursive,Comic Sans MS,Verdana;
  font-weight:normal;
  font-style:normal;
  font-size:17px;
  visibility:hidden;
}

#stuff {
  width:960px;
  overflow:hidden;
  position:relative;
  z-index:9999;
  margin:20px 0 0 -472px;
  text-align:center;
}

.status_value_online {
  visibility:visible;
}

.status_key {
  visibility:hidden;
}

interests_info {
  display:none;
}

.blurb_value {
  visibility:hidden;
}

.blurb_key {
  visibility:hidden;
}

table[cellpadding='20px'] {
  margin:auto;
}

.key {
  text-align:right;
  color:#fff;
  text-shadow:1px 0 1px #000;
}

.value {
  text-align:left;
  color:#CCC;
  border-left:1px solid #FFF;
  padding-left:12px;
  text-shadow:1px 0 1px #000;
}

div[style='padding:8px;text-align:center;'] img {
  border:3px solid #ff158;
  background:transparent!important;
  border-radius:8px;
  border-radius:8px;
  -moz-border-radius:8px;
  -moz-border-radius:8px;
  margin:0 0 0 -17px;
}

#friends_key,.friends_value,.submit_rating {
  font-size:11px!important;
  text-align:left;
}

.online {
  display:marker;
  opacity:1;
  font-weight:normal;
  color:#2C062F;
  font-size:9px;
  text-shadow:0 0 0 #555;
  padding-left:6px;
  padding-right:6px;
  width:30px;
  heigh:70px;
  position:relative;
  top:-20px;
  left:-22px;
  padding-top:5px;
  padding-bottom:5px;
}

.online a {
  display:marker;
  color:#FFF;
  -webkit-transition:all 1s;
  -moz-transition:all 1s;
  transition:all 1s;
  font-weight:bold;
  padding-left:6px;
  padding-right:6px;
  width:30px;
  heigh:70px;
  position:relative;
  top:-20px;
  left:-22px;
  padding-top:5px;
  padding-bottom:5px;
}

.online a:hover {
  display:marker;
  color:#FFF;
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  transition:all .3s;
  padding-left:6px;
  padding-right:6px;
  width:30px;
  heigh:70px;
  position:relative;
  top:-20px;
  left:-22px;
  padding-top:5px;
  padding-bottom:5px;
  text-transform:uppercase;
}

.online:hover {
  display:marker;
  opacity:1;
  padding-left:6px;
  padding-right:6px;
  width:30px;
  heigh:70px;
  position:relative;
  top:-20px;
  left:-22px;
  padding-top:5px;
  padding-bottom:5px;
}

body {
  background-image:url(http://i3.minus.com/ibxn06tgzLT5N1.png);
  background-repeat:no-repeat;
  background-attachment:scroll;
  background-position:top center;
}

.container_transparency {
  height:100%;
  width:100%;
  background-color:#000000;
  filter:alpha(opacity=10);
  background:rgba(0,0,0,0.0);
}

#navhead {
  position:fixed;
  top:2px;
  left:150px;
  padding-left:160px;
  display:block;
  width:600px;
  height:42px;
  z-index:9999;
  background:rgba(215,44,44,0.4) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYXKoue1029jTWer9sn5QPbv11Sw7d_rvOAvf5m47MTtB1yHDOz7OSg96StGtiKQ1qyQdAHJxZy8sFTasZipCjZKPvsN3PEn-Pf6BJo9D4ccALDCwuRR2-D_OuxVVKrHFgUhyDPsz_PVI/s1600/1075213A4Aa4WDy.gif) left no-repeat;
}

#nv a {
  padding:11px 11px 4px 8px;
  display:inline-block;
  float:inherit;
  position:relative;
  text-transform:uppercase;
  border-left:0 solid #aaaaaa;
  border-right:0 solid #aaaaaa;
  color:#FFF;
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  transition:all .5s;
  -ms-transition:all .5s;
  -o-transition:all .5s;
  text-shadow:0 2px 1px #000;
  text-decoration:none;
  font-size:15px;
}

#nv a:hover {
  font-weight:bold;
  font-style:none;
  color:#FFF;
  padding:11px;
  background:rgba(215,44,44,0.9);
  -webkit-box-shadow:inset 0 10px 10px 0 #000;
  -moz-box-shadow:inset 0 5px 5px 0 #000;
  box-shadow:inset 0 5px 5px 0 #000;
  text-shadow:-4px 8px 9px #000;
  font-size:17px;
  position:relative;
  -moz-box-shadow:0 18px 10px -9px rgba(0,0,0,0.7);
  -webkit-box-shadow:0 18px 10px -9px rgba(0,0,0,0.7);
  box-shadow:0 18px 10px -9px rgba(0,0,0,0.7);
  -o-box-shadow:0 18px 10px -9px rgba(0,0,0,0.7);
  -ms-box-shadow:0 18px 10px -9px rgba(0,0,0,0.7);
}

.right-box .ipad,#userprof_state a,input[value='Make Post'],input[value='Send Message'],a[style='font-size:18px;'] {
  -webkit-box-shadow:0 2px 3px 0 #000000;
  -moz-box-shadow:0 2px 3px 0 #000000;
  box-shadow:0 2px 3px 0 #000000;
  background:#000000;
  background:url(http://i963.photobucket.com/albums/ae117/dexdesign2002/dzz_zps6c4975ca.png) no-repeat,-moz-linear-gradient(top,#000000 0%,#595959 68%);
}

.right-box .ipad,#userprof_state a,input[value='Make Post'],input[value='Send Message'],a[style='font-size:18px;'] {
  background:url(http://i963.photobucket.com/albums/ae117/dexdesign2002/dzz_zps6c4975ca.png) no-repeat,-webkit-linear-gradient(top,#000000 0%,#595959 68%);
  background:url(http://i963.photobucket.com/albums/ae117/dexdesign2002/dzz_zps6c4975ca.png) no-repeat,-o-linear-gradient(top,#000000 0%,#595959 68%);
  background:url(http://i963.photobucket.com/albums/ae117/dexdesign2002/dzz_zps6c4975ca.png) no-repeat,-ms-linear-gradient(top,#595959 0%,#d10cbc 14%,#292729 100%);
}

.right-box .ipad,#userprof_state a,input[value='Make Post'],input[value='Send Message'],a[style='font-size:18px;'] {
  -webkit-transition:all 0;
  -moz-transition:all 0;
  transition:all 0;
  background-position:-50px 0;
}

.right-box .ipad:hover,#userprof_state a:hover,input[value='Make Post']:hover,input[value='Send Message']:hover,a[style='font-size:18px;']:hover {
  background:url(http://i963.photobucket.com/albums/ae117/dexdesign2002/dzz_zps6c4975ca.png) no-repeat,-webkit-gradient(linear,left top,left bottom,color-stop(0%,#292729),color-stop(68%,#292729));
  background:url(http://i963.photobucket.com/albums/ae117/dexdesign2002/dzz_zps6c4975ca.png) no-repeat,-webkit-linear-gradient(top,#292729 0%,#292729 68%);
}

.right-box .ipad:hover {
  background-position:100px 0;
  -webkit-transition:all .7s;
  -moz-transition:all .7s;
  transition:all .7s;
}

.callout,#userprof_state a:hover {
  background-position:80px 0;
  -webkit-transition:all .7s;
  -moz-transition:all .7s;
  transition:all .7s;
}

input[value='Make Post'] {
  margin-top:15px;
  margin-bottom:1px;
  letter-spacing:-1px;
}

#pro {
  position:fixed;
  top:33px;
  right:-2px;
  display:block;
  width:180px;
  height:69px;
  z-index:9999;
}

.pro {
  margin-bottom:-1px;
  overflow:hidden;
}

Edit the HTML Code in bold red before pasting anywhere on the "Edit Profile" page

HTML Code:

<div id="navhead">
<div id="nv" style="height:44px;display:block;position:relative;float:left;margin-top:1px;margin-left:110px;font-weight:normal;margin-right:110px;text-align:center;">

<a href="https://twitter.com/your_twitter_username">Twitter</a>

<a href="http://www.myfreecams.com/mfc2/php/tip.php?request=tip&broadcaster_id=your_broadcaster_ID">Tip Me Offline</a>

<a href="http://your_amazon_wishlist_url">Amazon</a>
</div>
</div>

Wednesday, October 9, 2013

FREE Passion Red Theme Layout

No comments:

Post a Comment