BLOGGER STYLE PAGE

[Two Column Blogger/Wordpress like preset profile.


http://www.ouroldspace.com/Copenhagen/


Red clored text below specifies the major color areas of the page.


---->Right click your mouse anywhere on this blog and then click the SELECT ALL from the menu


----> go to your DESIGN PROFILE PAGE


----->Click on Custom CSS


----->Right click on the CSS Text area and press PASTE


------>DELETE the top area here within these brackets.


----->Click PREViEW to make sure everything looks okay.


------>A few things


------------------>Dont forget that your contact user menu will not show up while you are logged in


------------------>While logged in your Heros section will be covered by your friends block.  However, all other users will be able to see both.  The reason for this is to difficult to -------------------->explain here.  But if you want, after changing to this layout, log-out and then view your page.  ]


 


body {


background: #c0c0c0 !important;


font-family: 'lucida grande',tahoma,verdana,arial,sans-serif !important;


font-weight: normal;


color: #f6f7f8;


}


 


textarea,


form  {


z-index: 99;


}


 


 


div {


border: 0;


margin: 0;


}


 


a {


color: #999 !important;


}


 


#global_attachment_status {


background: #3b7bbf !important;


}


 


 


*/ HEADER SECTION */


#header {


background: #313a47 !important;


}


 


#header_left a#logo,


#header_menu_holder ul li a{


color: #fff !important;


}


 


#header_menu_holder ul li a.active,


#header_menu_holder ul li a.active:hover,


#holder_notify ul li a.notify_drop_link:hover,


#header_menu_holder ul li ul li a {


color: #0e0e0e !important;


}


 


 


#header_menu {


background: transparent;


}


 


#header_menu ul li a:hover {


border-right: 1px solid #fff !important;


background: #f6f7f8 !important;


color: #0e0e0e !important;


}


 


#header_menu ul li a {


border-right: 0 !important;


color: #fff !important;


}


 


.holder {


background-color: transparent !important;


}


 


*/ Background color for Stream and Right & Left columns */


*/ First color is for right side(L & R columns), 2nd for left side(stream)*/


#content_holder {


background: linear-gradient(to left, #586575 32%, #ecedef 28%);


border: 5px solid #223238;


margin: 10px 0 0 0;


padding: 0px 0 0 0!important;


-moz-border-radius: 0px;


-webkit-border-radius: 0px;


border-radius: 0px;


-moz-box-shadow: 0px 0px 0px #efefef;


-webkit-box-shadow: 0px 0px 0px #efefef;


box-shadow: 0 0 0;


width: 950px !important;


}


 


 


 


*/ LEFT COLUMN */


 


#left {


width: 301px;


background: transparent !important;


float: right !important;


margin: 0px 0px 0 0px !important;


padding: 250px 0 0 0 !important; */ Make Interest Content Start Even with stream */


border-right: 0 !important;


}


 


#left > div {


border: 0;


width: 100%!important;


}


 


#left > div div {


border: 0 !important;


}


 


#left li {


width: 130px !important;


background: url('http://s2.wp.com/wp-content/themes/pub/shaan/images/pointer.gif') no-repeat 0 10px;


margin-left: 3px;


padding-left: 10px !important;


}


 


#left div div li a {


padding-left: 10px !important;


font-family: 'lucida grande',tahoma,verdana,arial,sans-serif !important;


font-size: 10px !important;


color: #3b7bbf !important;


text-shadow: 2px 2px 3px #777;


}


 


#left>div:nth-child(1) {


position: absolute;


top: 0;


left: -999em;


width: 110px !important;


margin-left: -35px;


}


 


#left>div:nth-child(2) {


position: absolute;


left: .5em;


top: 9em;


background: #fff !important;


width: 360px!important;


height: 137px;


margin: 0 0 0 0!important;


padding-left: 10px !important;


border: 1px solid rgba(34, 73, 111, 0.075)!important;


border-radius: 3px;


box-shadow: 0px 0px 15px rgba(0,0,0,.4);


z-index: 99;


}


 


#left>div:nth-child(2) div {


width: 140px;


margin: 0 !important;


padding: 0!important;


}


 


#left>div:nth-child(2) .box_hdng {


position: absolute;


left: -999em;


}


 


#left>div:nth-child(3) {


position: absolute;


left: 58em;


top: 3.5em;


width: 300px !important;


padding: 10px !important;


z-index: 10;


}


 


#left>div:nth-child(3) div ul li#js_add_friend_on_profile {


color: #3b7bbf !important;


text-shadow: 2px 2px 3px #777;


padding-left: 20px !important;


}


 


#left>div:nth-child(3) div+div {


float: left;


clear: left;


width: 130px;


border: 1px solid rgba(34, 73, 111, 0.075)!important;


background: #fff !important;


border-radius: 3px;


box-shadow: 0px 0px 15px rgba(0,0,0,.4);


}


 


#left>div:nth-child(3) div+div+div {


clear: none!important;


margin-left: 20px;


}


 


#left>div:nth-child(3) .box_hdng {


float: left


clear:both;


width: 60px;


height: 19px;


overflow: hidden;


position: relative!important;


margin: 0 0 15px 100px;


}


 


#left>div:nth-child(3) li {


height: 16px;


padding-left: 10px !important;


margin-left: 3px;


width: 110px !important;


text-align: left!important;


}


 


#left>div:nth-child(3) li img, #left>div:nth-child(3) li div {


position: absolute;


left: -999em;


}


 


 


#left a.first,


#left a.inlinepopup {


position: relative;


}


 


 


.profile_pic {


position: absolute;


left: 1028em;


top: 100px;


width: 100px;


background: transparent;


margin: 0 0 0 -25px;


padding: 10px !important;


z-index: 100;


}


 


.profile_pic img {


width: 85px;


height: auto;


padding: 5px;


border: 1px solid #ddd !important;


}


 


h1.pro_name {


position: absolute;


left: -999em;


}


 


.prfl_details {


position: absolute;


left: -999em;


}


 


.online_now {


position: absolute;


left: -999em;


}


 


.box_hdng {


background: transparent;


color: #f6f7f8 !important;


padding-left: 10px !important;


font-family: 'molengo', 'lucida sans unicode', 'lucida grande', garuda, sans-serif!important;


font-size: 14px !important;


text-shadow: 1px 1px 1px #4c7caf;


}


 


#left table.table_one {


position: relative!important;


margin: 10px 0 0 0px !important;


padding: 10px 0px 10px 10px !important;


background-color: transparent !important;


border-spacing: 0 !important;


width: 100% !important;


}


 


 


*/ make General Interest Table line up properly for user view only  */


#left>div:nth-child(3) table.table_one {


margin: 187px 0 0 1px !important;


background: #586575 !important;


z-index: 80;


width: 300px !important;


}


 


 


td {


color: #f6f7f8;


padding: 0px !important;


border: 0!important;


font-size: 9px !important;


border-bottom: 0!important;


}


 


 


table.table_one tr td.lf {


width: 40px !important;


padding-left: 10px !important;


background: transparent url('http://s2.wp.com/wp-content/themes/pub/shaan/images/pointer.gif') no-repeat 0 50%!important;


border: 0!important;


color: #dce3e8 !important;


font-family: 'molengo', 'lucida sans unicode', 'lucida grande', garuda, sans-serif!important;


font-size: 11px !important;


font-weight: normal!important;


text-shadow: 1px 1px 1px #4c7caf;


vertical-align: middle !important;


}


 


table.table_one tr td.rg {


background-color: transparent !important;


min-height: 50px !important;


width: 190px !important;


padding: 20px 3px 20px 3px !important;


border: 1px solid rgba(34, 73, 111, 0.075)!important;


color: #dce3e8 !important;


font-weight: normal;


font-size: 13px !important;


 


}


 


td.rg img {


position: relative !important;


background: #fff;


max-width: 175px !important;


height: auto !important;


margin: 10px 0 0 2px !important;


padding: 5px !important;


border: 2px solid #999 !important;


-webkit-box-shadow: 0 1px 3px -1px rgba(0, 0, 0, .15)!important;


}


 


#left div:nth-of-type(5n) table.table_one tr td.lf {


vertical-align: baseline;


width: 40px !important;


border-bottom: 0 !important;


}


 


#left div:nth-of-type(5n) table.table_one tr td.rg {


width: 190px !important;


padding-bottom: 5px !important;


padding-top: 5px !important;


min-height: 20px !important;


border-bottom: 0 !important;


border-top: 0 !important;


}


 


 


#left .pages_view_sub_menu {


width: 115px !important;


position: absolute;


top: 0px;


left: 832px;


z-index: 99;


}


 


#left .pages_view_sub_menu ul li {


padding-top: 5px;


padding-bottom: 0!important;


height: 16px;


}


 


#left .pages_view_sub_menu ul li a {


padding-left: 10px!important;


color: #c9def3 !important;


}


 


 


 


 


*/  MAIN CONTENT */


 


#main_content {


width: 68%;


background-color: transparent !important;


margin: 0px 0 0 0px!important;


padding: 0px 0 0 0px!important;


}


 


#main_content_holder {


background: transparent;


}


 


#main_content_padding {


background: transparent !important;


padding: 0 0 0 0!important;


}


 


 


 


 


*/  PROFILE HEADER SECTION  */


 


.profile_header {


width: 950px!important;


min-height: 250px!important;


margin: 0px -305px 0px 0 !important;


padding: 15px 0;


float: left!important;


clear: left;


border-bottom: 0 !important;


background: #384351!important;


}


 


.profile_header_inner h1 {


position: relative!important;


padding: 0px !important;


font-family: 'molengo', 'lucida sans unicode', 'lucida grande', garuda, sans-serif;


margin: 0px !important;


padding-left: 14em !important;


width: 900px!important;


}


 


.profile_header_inner h1 a {


font-size: 50px !important;


font-weight: bold;


text-align: left !important;


color: #ffffff !important;


text-shadow: rgba( 0, 0, 0, .5 ) 1px 1px 1px;


}


 


.profile_header_inner h1 a+span+a {


font-size: 16px!important;


color: #0e0e0e !important;


}


 


 


#section_menu {


position: absolute;


left: 30em !important;


top: 24.5em !important;


right: 0 ! important;


z-index: 99;


}


 


#section_menu a {


background: linear-gradient(-90deg, #ffffff, #cccccc) !important;


-webkit-border-radius: 1em !important;


-moz-border-radius: 1em !important;


border-radius: 1em !important;


-moz-box-shadow: 0 1px 1px rgba(0,0,0,.3) !important;


-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.3) !important;


box-shadow: 0 1px 1px rgba(0,0,0,.3) !important;


color: #666 !important;


filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#ed1c24', endcolorstr='#aa1317');


}


 


#section_menu_drop {


position: absolute;


left: 30em !important;


top: 26.5em !important;


right: 0 !important;


}


 


.profile_info {


color: #dce3e8 !important;


text-shadow: rgba( 0, 0, 0, .5 ) 1px 1px 1px;


padding: 0 0 0 12px;


}


 


 


*/ STREAM */


 


#content_load_data {


width: 100%!important;


background: transparent !important;


margin: 0px 0 0 0px !important;


}


 


#content.content_float.content3.content2 {


width: 600px;


margin: 0 !important;


z-index: 80;


}


 


#content.content_float.content2 {


margin-left: 0px !important;


margin-top: -120px !important;


}


 


 


#site_content {


padding-top: 125px;


width: 550px;


}


 


.activity_feed_form_share {


margin: 40px 0 0 0px;


padding-left: 25px !important;


border-top: 1px solid #ccc !important;


width: 100%;


}


 


.activity_feed_form_holder {


z-index: 99;


background: transparent !important;


}


 


.activity_feed_form_button {


z-index: 99;


}


 


 


ul.activity_feed_form_attach a div {


color: #999;


}


 


 


.activity_feed_form {


width: 550px;


margin: 0 0 0 25px;


z-index: 100;


}


 


.activity_feed_form_button_position {


z-index: 100;


}


 


#js_activity_feed_form {


z-index: 200;


width: 545px;


}


 


.message {


float: left;


}


 


.js_feed_view_more_entry_holder {


width: 625px !important;


background: transparent !important;


margin: 35px 0 50px 0 !important;


padding: 0px !important;


border: 0 !important;


font-family: arial, helvetica, verdana, 'lucida sans unicode', 'lucida grande', garuda, sans-serif;


font-size: 14px;


line-height: 1.6;


-webkit-margin-before: 1em;


-webkit-margin-after: 1em;


-webkit-margin-start: 0px;


-webkit-margin-end: 0px;


}


 


.activity_feed_content {


background: transparent url('http://i457.photobucket.com/albums/qq292/kierkegaard73/contentbg-1.png') repeat-x top;


-moz-background-size: 484px 50px !important;


-webkit-background-size: 484px 50px !important;


background-size: 484px 50px !important;


margin: 0 0 0 0px;


}


 


.activity_feed_content_text {


padding: 50px 0 0 55px;


}


 


.activity_feed_content_info {


color: #fff!important;


margin: -50px 0 0 0;


}


 


span.user_profile_link_span a {


color: #fff !important;


font-family: 'molengo', 'lucida sans unicode', 'lucida grande', garuda, sans-serif;


font-size: 19px;


line-height: 1.4;


text-shadow: 1px 1px 1px #8eadcf;


}


 


.activity_feed_content_float span.user_profile_link_span a {


font-size: 18px !important;


color: #0e0e0e !important;


line-height: 40px !important;


}


 


.comment_mini_content span.user_profile_link_span a {


color: #3b7bbf !important;


font-size: 13px !important;


line-height: 16px !important;


}


 


.activity_feed_content_status {


padding: 30px 0 0 10px;


color: #888 !important;


}


 


.activity_feed_content_link {


margin: 30px 0 0 0;


}


 


.activity_feed_content_image {


max-width: 530px !important;


height: auto;


margin: 5px !important;


padding: 5px !important;


border: 2px solid #999 !important;


-webkit-box-shadow: 0 1px 3px -1px rgba(0, 0, 0, .15) !important;


background: #fff !important;


}


 


.activity_feed_content_image a img {


max-width: 520px !important;


max-height: none !important;


height: auto !important;


margin: 5px !important;


padding: 0px !important;


}


 


.activity_feed_content_image a.play_link.no_ajax_link img {


max-width: 120px !important;


max-height: 90px !important;


margin: 0 !important;


}


 


img.photo_holder {


max-width: 520px !important;


height: auto;


}


 


.js_comment_like_holder {


color: #444 !important;


}


 


.js_feed_comment_border div {


background: transparent !important;


}


 


.js_feed_comment_border {


margin: 40px 0px 0 50px;


border-top: 0 !important;


}


 


.comment_mini_content_border {


border-radius: 0px;


-moz-border-radius: 0px;


-webkit-border-radius: 0px;}


 


.js_feed_comment_form


margin: 0 10px 0 0px;


}


 


.activity_like_holder.comment_mini span.user_profile_link_span a {


font-size: 13px !important;


color: #0e0e0e !important;


}


 


.comment_mini_link_like {


margin-bottom: 10px;


padding: 5px 0 5px 0;


border-top: 1px solid rgba(0,0,0,.13);


border-bottom: 1px solid rgba(0,0,0,.13);


}


 


.comment_mini_text {


color: #444!important;


font-family: 'lucida grande',tahoma,verdana,arial,sans-serif !important;


font-size: 11px !important;


}


 


.comment_mini_end {


background-image: none !important;


}


 


.comment_mini {


border-bottom: 0 !important;


}


 


.comment_mini_link_like ul li a {


color: #444 !important;


text-shadow: 0px 0px 0px #000;


}


 


.js_view_more_part,


a.activity_feed_content_view_more,


span.js_view_more_full{


color: #888 !important;


text-shadow: 0px 0px 0px #000;


}


 


 


.comment_mini_content {


margin-left: -5px !important;


padding-left: 40px;


}


 


 


div.row1,


div.row2{


border: 0;


}


 


 


*/  RIGHT COLUMN  */


 


#right {


position: relative;


margin: 0px -304px  0px 0px;


width: 301px !important;


max-width: 301px !important;


float: right!important;


clear: right!important;


background: transparent !important;


padding: 450px 0 0 0px!important;


font-size: 13px;


line-height: 1.5;


}


 


h3.blrbs_ttle {


background: transparent;


color: #f6f7f8 !important;


padding-left: 10px !important;


font-family: 'molengo', 'lucida sans unicode', 'lucida grande', garuda, sans-serif!important;


font-size: 16px !important;


text-shadow: 1px 1px 1px #4c7caf;


text-align: center!important;


}


 


h3.abt_me {


background: transparent;


color: #f6f7f8 !important;


padding-left: 10px !important;


text-indent: 10px;


font-family: 'molengo', 'lucida sans unicode', 'lucida grande', garuda, sans-serif!important;


font-size: 14px !important;


text-shadow: 1px 1px 1px #4c7caf;


border: 0 !important;


border-bottom: 0 !important;


}


 


.abt_me_cnt {


position: relative;


color: #dce3e8 !important;


margin-bottom: 50px !important;


min-height: 150px;


text-indent: 20px!important;


padding: 5px 5px 0 20px !important;


font-size: 13px;


line-height: 1.5;


}


 


.abt_me_cnt div {


position: relative !important;


}


 


.abt_me_cnt img {


float: left;


position: relative !important;


max-width: 250px !important;


height: auto !important;


margin: 10px 0 20px 0px !important;


padding: 5px !important;


border: 2px solid #999 !important;


-webkit-box-shadow: 0 1px 3px -1px rgba(0, 0, 0, .15) !important;


background: #fff;


}


 


#right .blurbs {


position: absolute;


left: 5px;


top: 10px;


background-color: #f6f7f8!important;


width: 265px;


min-height: 385px;


float: left;


margin: 0 0 0 10px;


padding: 2px 0 5px 10px;


border: 1px solid rgba(34, 73, 111, 0.075) !important;


border-radius: 3px;


box-shadow: 1px 1px 6px -1px rgba(0,0,0,.4);


z-index: 81;


}


 


.blurbs .abt_me_cnt {


position: absolute;


left: -999em;


}


 


.blurbs h3.blrbs_ttle {


position: relative !important;


width: 200px !important;


height: 16px;


overflow: hidden;


background: transparent !important;


margin: 0 0 0 0 !important;


padding: 0 0 0 0 !important;


border: 0 !important;


font-size: 12px !important;


color: #0e0e0e !important;


text-shadow: 0px 0px 0px #fff !important;


font-weight: bold;


text-align: left !important;


}


 


#all_frnds {


width: 260px;


height: 163px;


overflow: hidden;


margin: 0px;


padding: 20px 0 0 0;


padding-left: 0px;


}


 


.block_listing_inline {


margin: 0 0 0 0 !important;


padding: 0 0 0 0 !important;


}


 


.block_listing_inline ul {


margin: 0;


padding: 0;


}


 


.block_listing_inline ul li {


position: relative!important;


background: transparent;


width: 255px !important;


height: 50px !important;


margin: 0px 0px 4px 0px !important;


padding: 0 0 0 0px !important;


float: none !important;


}


 


.block_listing_inline ul li div {


position: absolute;


left: 70px;


top: 8px;


background: transparent !important;


width: 190px !important;


height: 30px !important;


overflow: hidden;


padding: 2px 0 0 0 !important;


color: #0e0e0e !important;


text-align: left;


font-size: 11px !important;


font-weight: bold !important;


z-index: 10;


}


 


.block_listing_inline ul li img {


position: absolute;


left: 1px !important;


top: 1px !important;


width: 46px !important;


height: 46px !important;


background: transparent;


margin: 0 0 0 0 !important;


padding: 2px 2px 2px 2px !important;


border: 1px solid #ddd !important;


-webkit-box-shadow: 0 0px 0px 0px rgba(0, 0, 0, .15) !important;


}


 


#js_block_border_friend_mutual-friend {


position: absolute;


left: 5px;


top: 270px;


width: 255px !important;


max-width: 250px !important;


background: transparent !important;


margin: 0 0px 0px 15px !important;


padding: 0 0 10px 5px !important;


border-top: 1px solid #ddd;


z-index: 99;


}


 


#js_block_border_friend_mutual-friend .title {


max-width: 250px !important;


background: transparent !important;


margin: 0 0 -10px 0 !important;


border-bottom: 0 !important;


color: #0e0e0e !important;


}


 


#js_block_border_friend_mutual-friend .block_listing_inline ul li {


position: relative;


width: 50px !important;


height: 50px !important;


float: left !important;


margin: 0 3px 0 0 !important;


padding: 0px !important;


border: 1px solid #ddd !important;


 


}


 


#js_block_border_friend_mutual-friend .block_listing_inline ul li img {


position: absolute;


left: 4px;


top: 4px;


width: 44px;


height: 44px;


background: #fff;


padding: 0px !important;


}


 


#right>div:nth-last-of-type(2) {


float: left !important;


clear: both !important;


max-width: 280px !important;


margin: -15px 15px 35px 15px !important;


padding: 0 !important;


font-size: 9px !important;


color: #262626 !important;


font: 300 20px roboto,arial,sans-serif;


font-weight: bold;


z-index: 99;


 


}


 


#right>div:nth-last-of-type(2) a {


font-size: 10px !important;


font: 300 20px roboto,arial,sans-serif;


color: #00309c!important;


font-weight: bold!important;


}


 


.js_ad_space_parent {


margin: 15px 0 0 0;


}


 


 


 


 


 


*/ INFO PAGE* /


 


#js_block_border_custom_cf_movies,


#js_block_border_custom_cf_interests,


#js_block_border_custom_cf_music,


#js_block_border_custom_cf_books,


#js_block_border_custom_cf_heroes,


#js_block_border_custom_cf_television,


#js_feed_content .message js_no_feed_to_show {


position: absolute;


left: -999em;


}


 


 


#js_block_border_profile_info {


margin: 150px 0 0 0;


padding: 5px 0 0 10px!important;


}


 


#content div.info {


border-bottom: 0!important;


color: #444 !important;


}


 


#js_block_border_custom_cf_about_me .abt_me_cnt,


#js_block_border_custom_cf_who_i_d_like_to_meet .abt_me_cnt {


position: relative !important;


left: 0 !important;


}


 


#js_block_border_custom_cf_about_me .title,


#js_block_border_custom_cf_who_i_d_like_to_meet .title {


background: transparent !important;


color: #777!important;


border: 0 !important;


}


 


#js_block_border_custom_cf_about_me .js_custom_content,


#js_block_border_custom_cf_who_i_d_like_to_meet .js_custom_content {


background: #f6f7f8 !important;


width: 93%;


margin: 0 0 0 10px!important;


padding: 10px 10px 100px 15px;


border: 1px solid rgba(34, 73, 111, 0.075)!important;


border-radius: 3px;


box-shadow: 1px 1px 6px -1px rgba(0,0,0,.4);


color: #333;


text-indent: 10px;


font-size: 13px;


}


 


 


.js_custom_content img {


max-width: 560px !important;


height: auto !important;


float: left;


margin: 7px 20px 10px 0px !important;


padding: 5px !important;


border: 2px solid #999 !important;


-webkit-box-shadow: 0 1px 3px -1px rgba(0, 0, 0, .15)!important;


}


 


.js_custom_content #clearmyphoto,


.js_custom_content #clearmyphoto2 {


clear: both;


min-height: 10px !important;


border: 0 !important;


}


 


 


 


*/ FRIENDS PAGE */


 


 


#site_content .clear {


position: absolute;


left: -999em;


}


 


.pager_links_holder {


margin: 700px 0 0 0 !important;


}


 


.go_left {


width: 230px !important;


height: 100px !important;


background: #fff;


margin: 0 0 10px 20px !important;


padding: 0 !important;


border: 1px solid #e9eaed !important;


}


 


.go_left div {


position: relative !important;


width: 130px;


height: 20px;


margin: 30px 0 0 95px !important;


text-align: right !important;


}


 


.go_left div span a {


font-size: 10px !important;


color: #3b7bbf !important;


}


 


.go_left .t_center {


width: 100px !important;


height: 100px !important;


margin: 0 !important;


padding-left: 0px !important;


}


 


.t_center img {


width: 99px !important;


height: 99px !important;


float: left;


margin: 0 !important;


padding: 0 !important;


}


 


 


 


*/ BLOG AND PHOTO PAGE */


 


.row_title {


background: #fff!important;


margin-left: 20px;


border: 1px solid rgba(34, 73, 111, 0.075)!important;


border-radius: 3px;


box-shadow: 0px 0px 15px rgba(0,0,0,.4);


}


 


 


.extra_info_link {


margin-left: 10px !important;


}


 


.extra_info_link span.user_profile_link_span a {


font-size: 13px !important;


color: #3b7bbf !important;


}


 


.blog_content .comment_mini_link_like {


min-height: 20px;


padding-top: 2px !important;


}


 


.blog_content .comment_mini_link_like ul {


margin-top: 2px!important;


}


 


.extra_info .user_profile_link_span a {


color: #0e0e0e !important;


font-size: 12px !important;


}


 


.blog_content .item_tag,


.blog_content .item_tag_holder span a {


color: #0e0e0e !important;


text-shadow: 0px 0px 0px #000 !important;


}


 


 


.block .content {


border: 0 !important;


}


 


.js_mp_fix_width.photo_holder {


padding: 5px !important;


border: 1px solid rgba(34, 73, 111, 0.075)!important;


box-shadow: 0px 0px 15px rgba(0,0,0,.4)!important;


}


 


 


 


*/  SEARCH BAR - BLOGS,PHOTOS, VIDEOS, POLLS, ETC... */


 


.header_bar_menu {


position: absolute;


left: 0;


top: 27em;


min-height: 30px;


z-index: 101;


}


 


.header_bar_search {


position: absolute;


left: 10px;


top: 5;


width: 250px;


}


 


.header _bar_search form {


position: relative !important;


}


 


 


*/  YOUTUBE VIDEO CONTAINERS  */


 


#video-container1 {


height: 0;


overflow: hidden;


position: relative;


padding-bottom: 56.25% !important;


padding-top: 30px !important;


}


 


#video-container1 iframe,


#video-container1 object,


#video-container1 embed {


position: absolute;


top: 0;


left: 0;


width: 100% !important;


height: 100% !important;


}


 


 


#video-container2 {


height: 0;


overflow: hidden;


position: relative;


padding-bottom: 56.25% !important;


padding-top: 30px !important;


z-index: 10;


}


 


#video-container2 iframe,


#video-container2 object,


#video-container2 embed {


position: absolute;


top: 0;


left: 0px;


width: 100% !important;


height: 100% !important;


z-index: 10;


}


 


 


*/  FOOTER  */


 


#footer {


}


 


ul#footer_menu {


}


 

Topics: CSS, PRESET PROFILE
Preset Profile
Two things about the HTML.

IF you want to have pictures surrounded by text like on the sample "INFO" page. Copy this [<]DIV ID = "clearmyphoto"[>][<]/DIV[>] and paste it as the last thing in your "ABOUT ME" SECTION. And this [<]DIV ID = "clearmyphoto2"[>][<]/DIV[>] as the last thing in your "WHO I'...
  • August 6, 2013
  • ·
  • Like
pedantic pedestrian
He means "...removing all BRACKETS around ARROWS"!
Take out the [ ] brackets, just leaving the pointy things.

You can create 'custom divs' within your page for all sorts of things like this. A very useful thing to learn to do!!!

Just MARK UP any text that you enter into the 'ABOUT ME' and 'INTERESTS'...
  • August 6, 2013
  • ·
  • Like
existential pathos
I understand Danny. but, with both P.P.'s excellent catalog and this one here, only requires the ability to copy and paste the codes written in the corresponding blogs to change a profile's appearance. There's nothing else to it. It's really quite simple and easy to do
  • August 7, 2013
  • ·
  • Like