Wednesday, January 4, 2012

Minty Blue Minimalism #7 (2011/10/05)

First published on MySpace blog - 05/10/11
In which our hero once again addresses the problems of the ongoing tinkering on the MySpace homepage.



A few choice tweaks to our old friend the STYLISH homepage, reflecting yet MORE changes on the part of the MySpace 'designers'. I've a feeling I'll posting these updates a lot more regularly now, so stay tuned. This week, the "SuperShareContainer" has been changed for the second time in a fortnight. It now defaults to its expanded appearance (you can still minimize it, but it doesn't stay that way!). I've therefore restored the full "Notifications Module" to balance it up, turned the outlines between the sections to white instead of "MySpace Dark Grey". Widths have also been adjusted to line things up again.

Here's the section for the "SuperShareContainer". The background colour is white, but I've shaded the entry box in a tint of blue to match the stream container and made the border invisible by colouring that in white as well. I've still chosen to leave off the profile pic, for reasons stated in the earlier blog, but you could choose to use your profile pic as the background tile as before (The experiment didn't work for me, so I've gone back to a blue texture fill again!)

.superShareContainer {background-color:#ffffff!important; width:780px!important;}
button.submitBtn.glue.large.primary {background-color:#bbddff!important; border-color:#ffffff!important; color:#444444!important; text-shadow:none!important;}
div.minimized {background-color:#ddeeff!important; border-color:#ffffff!important;}
.profilePicContainer {display: none !important;}

The code for the "NotificationsModule" now looks like this. The width has been optimized so that the text doesn't run to two lines (which messes up the depth of the boxes). The "DarkWhite" icons have been removed (they serve no purpose and they don't fit my colour scheme!)

article.NotificationsModule {background-color:#bbddff!important; border-radius:0px!important; width:150px !important; float:right!important;}
span.indicator {color:#bbddff!important; background-color:#ffffff!important;}
li.notification.Mail {border-color:#ffffff!important;}
li.notification.Birthdays.secondLast {border-color:#ffffff!important;}
li.notification.Events {border-color:#ffffff!important;}
span.MSIcon.userCircleIconDarkWhite, span.MSIcon.birthdayCircleIconDarkWhite, span.MSIcon.mailCircleIconDarkWhite, span.MSIcon.eventCircleIconDarkWhite {display: none !important;}

Away from the Homepage for a moment, I've also introduced some more lines to the 'general' section, fixing the position of the "Manage Blog" link on the Blogs page. It should no longer be WAY OVER THERE (and hard to find) on the right hand side of the page, but alongside the other link buttons. This positioning will also apply to similar linked text on your other profile pages ("Manage Photos" etc). And I could be wrong, but I don't think that "Share" button over there actually does anything anymore, so it might as well go!

nav.gearLinks {float:left!important;}
div.shareButtonControl {display: none !important;}

Watch this space for more to come (I shouldn't be at all surprised!). Meanwhile, just for the record, here is my complete script as it looks now. Have fun playing with it - You should know your way around it by now! :-D

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain(www.myspace.com)
{
div.commentContainer {
font-size:12px!important;color:#000000!important;
}
div.layout.group {
background: transparent!important;
}
nav.gearLinks {
float:left!important;
}
ul.streamViews,
ul.footertools,
article.RecommendationsModule,
article.bestOfTheFixModule,
article.bulletinsModule,
article.manageMyStuffModule,
article.myVisitorsModule,
article.bandArtistDashboardModule,
article.upcomingShowsModule,
article.friendSpaceModule,
div.labeled_ad,
ad_container.medrec2,
ad_container.adspecial1,
div#tkn_leaderboard,
article.googleAdSenseModule,
div.module.module3.columnModule1.even.RecommendationsModule.draggable,
div.marketing,
div.linksColumn,
article#module-2.module.module2.columnModule0.odd.InfoGraphicModule,
div.infographic,
div.splashMedia,
div.footershim,
div.musicColumn,
div.splashSignUp,
article#module-3.module.module3.columnModule0.odd.SignUpV2Module.draggable,
div.curatorsColumn,
div.topicsColumn,
section#col2_0.column.column0.columnPath2_0.columnDepth1.firstColumn.lastColumn.allowDrop,
li.checkerLightBG,
div.alertsRequests,
div.pageFooter,
div.moduleFooter,
div.gracefulinjection,
div.shareButtonControl,
div.module.module4.columnModule1.even.RecommendationsModule.draggable {
display: none !important;
}
div.userActions {
float:right!important;
}
.msProfileTextLink {
font-weight:bold!important;
}
}

@-moz-document url-prefix('http://www.myspace.com/home')
{
.userHome {
background: url('http://graphicssoft.about.com/library/free/tiles/agsst135.jpg')!important;
}
.streamTabs {
display:none!important;
}
div.sysMessage {
background-color:#bbddff!important;
}
article.NotificationsModule {
background-color:#bbddff!important;
border-radius:0px!important;
width:150px !important;
float:right!important;
}
span.indicator {
color:#bbddff!important;
background-color:#ffffff!important;
}
li.notification.Mail {
border-color:#ffffff!important;
}
li.notification.Birthdays.secondLast {
border-color:#ffffff!important;
}
li.notification.Events {
border-color:#ffffff!important;
}
span.MSIcon.userCircleIconDarkWhite,
span.MSIcon.birthdayCircleIconDarkWhite,
span.MSIcon.mailCircleIconDarkWhite,
span.MSIcon.eventCircleIconDarkWhite {
display: none !important;
}
.superShareContainer {
background-color:#ffffff!important;
width:780px!important;
}
button.submitBtn.glue.large.primary {
background-color:#bbddff!important;
border-color:#ffffff!important;
color:#444444!important;
text-shadow:none!important;
}
div.minimized {
background-color:#ddeeff!important;
border-color:#ffffff!important;
}
.profilePicContainer {
display: none !important;
}
.dropdownFriendCategories {
background-color:#bbddff!important;
border-color:#ffffff!important;
float:right!important;
}
li.recent {
display: none !important;
}
.container {
background: transparent!important;
}
.horizontalMenu {
background-color:#ffffff!important;
width: 940px !important;
}
.activityStreamModule {
background-color:#ddeeff!important;
width:940px!important;
font-size:12px!important;
color:#000000!important;
}
.commentContainer {
background-color:#bbddff!important;
font-size:12px!important;
color:#000000!important;
}
.homeSwitch,
.span.new {
display: none !important;
}
.msProfileLink.miniProfile {
padding-right:2px!important;
padding-left:2px!important;
background:transparent!important;
}
div.glue-dialog.FBMP.large,
div.glue-overlay,
article.module.module6.columnModule2.odd.AdContainerModule.draggable,
article#module-6.module.module1.columnModule0.odd.adFbPromoModule.draggable {
display:none!important;
}
}


"COMMENTS FROM LAST TIME"

Peter Kelly... I like it but haven't got a clue really..............ha ha

PP... (I'll let you into a secret... I'm just making all this stuff up... hahaha)

No comments:

Post a Comment