Is It Possible To Change Color Of MSN Look A like Group Skin?

Author Comment
User avatar

Posts: 212

Location: Australia

Hi Andrew is it possible to change the color of my MSN look a like Group Skin....it is purple at moment and I thought it would be a nice surprise for Christmas for the members if I could change the purple to red....like have a skin just for Christmas...if I copied the skin code here would you be able to make the changes...just a thought....Rene

User avatar

Admin

Posts: 11073

I'm sure that is quite possible.

I have all the files stored away somewhere, so really all I need do is give you a replacement CSS and you can copy that into a copy of your existing skin.

User avatar

Posts: 212

Location: Australia

That would be excellent Andrew, thank you :lol

User avatar

Admin

Posts: 11073

You probably know how to do all this but I will just run through things just in case.

Copy your active skin by Admin > Design > Customized Skins and clicking "copy" beside your active skin. This will produce a copy of your skin at the end of your skins list.

Press "Edit HTML" beside the copy and firstly, you may wish to rename this skin. e.g. "MSN Style - Christmas". Then scroll down to the last box, "Advanced CSS" and select all and delete everything in that box. Replace it with the CSS below.

Press "save" and you will be returned to your skins list. You can then preview that skin, to make sure it is suitable for your needs.

When you decide that you wish to use that skin, press "apply" next to it and choose "default" and "all forums", then submit. Reverse this to reapply your existing skin when the period is over.

/* TYPOGRAPHY --------------------------
 set default font faces, font colors and sizes for the entire page */
body
{color: #fff;
font-family: Arial, Helvetica, sans-serif;}

body {font-size: 88%;} /* this is for IE */
html>/**/body {font-size: 14px;} /* this is for standards compliant browsers */
#wrapper {font-size: 1em;}

.featured-box .boxbody *
{font-size: 1em;}

/* set all boxheadings to have the same font size */
.boxheading h1, .boxheading h2, .boxheading h3, .boxheading .bread-crumbs
{font-size: 1.2em;}

.boxheading *
{font-weight: bold;}

th, .th, /* table header font */
.announcement-box, .post-content, .forum-box td, .forumtitle h3, textarea, input.text
{font-size: 1.2em;}

h1 {font-size: 1.8em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

.topic-pager {font-size: .9em;}

.pager, .button, .post-tools
{font-size: 1.1em;}

h2, .forumtitle h3, .user-name, th, .th
{font-family: Arial, Helvetica, sans-serif;}

.forumholder { color: #003500; }

.my-header .greeting {
font-family: 'Comic Sans MS', Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 36px;
color: #B32D2D;
text-align: center;
padding-bottom: 10px;
margin: auto 100px;
}

#directory_default .my-header .greeting {
margin-bottom: -15px;
}

/* LINKS ------------------------------ */

a {color: #fff;}
a:visited {color: #fff;}
a:hover {color: #fff;}
a:active {color: #fff;}

.forumholder a {color: #003500;}
.forumholder a:visited {color: #003500;}
.forumholder a:hover {color: #003500;}
.forumholder a:active {color: #003500;}

.sidebarholder a {color:#2AA82A;}
.sidebarholder a:visited {color:#2AA82A;}
.sidebarholder a:hover {color:#CC6600;}
.sidebarholder a:active {color:#2AA82A;}

div.mgr-navigation-sliver a:link { text-decoration: none; }
div.mgr-navigation-sliver a:visited { text-decoration: none; }

/* BODY ----------------------------------
change background color or add a background image */
body {background-color: #600;}


/* BASIC PAGE LAYOUT ---------------------
set dimensions and margins for page content */
#wrapper
{margin: 10px 0;}

.sidebarholder {
width: 170px;
float: left;
background-color: #efe;
}

.forumholder {
margin-left: 170px;
background-color: #fff;
}


/* STANDARD CLASSES ----------------------
set the colors, dimensions, etc. of standard elements */

/* GENERIC BOX ---- */
.box
{margin-bottom: 10px;}

.boxheading
{background: #B32D2D;
color: #FFF;
padding: 5px;}

   /* custom link colors for boxheadings */
   .boxheading a, .boxheading a:visited
   {color: #FFF;}

.boxbody
{padding: 5px;}

/* COMMUNITY CONTENT (boxes containing forums) */
.community-content .boxbody
{padding: 0px;}

.community-content .boxheading,
.collapsed
{border-bottom: none;}

.community-content th a,
.community-content th a:visited,
.community-content th a:hover
{color: #fff;}

.category-box {
width: 98%;
margin: 10px auto;
border: 1px solid #600;
}

.category-box td { border-top: 1px solid #600; }

/* BREADCRUMBS ---- */

ul.bread-crumbs li.last a,
ul.bread-crumbs li.last a:visited
{ color: #fff; }

/* BUTTONS ---- */


/* DROP DOWN MENUS ----
set background colors, etc. for drop down list items */

/* arrow for dropdown lists */
.dropdown span
{background: url(http://static.yuku.com/common/bypass/images/arrows/down-arrow-gray-dk.gif) no-repeat right center;
padding-right: 12px;
padding-top: 2px;
padding-bottom: 2px;}

.dropdown ul
{background-color: #efe;
border: 1px solid #600;
padding: 2px;}

.dropdown li
{border: 1px solid #600;
background-color: #efe;
color: #333; }

.dropdown li *
{color: #333;}

.dropdown li a:link, .dropdown li a:visited
{text-decoration: none;
color: #333;}
   
.dropdown li:hover
{background-color: #FFF;}

/* PAGER (clickable page numbers) ---- */
.pager .jump
{background: url(http://static.yuku.com/common/bypass/images/arrows/down-arrow-black.gif) no-repeat right center;
padding-right: 12px;}

.jump-dropdown
{border: 1px solid #9BC3E3;
background: #FFF;}

*+html .topic-pagejump.top,
*+html .calendar-jump.top {
margin: 0; padding-bottom: 5px;
}


/* SPECIAL BOX & ELEMENT CLASSES ----------------------------
(set the styles of individual boxes different from the default box style) */

/* TOOL-BOX ---- */
.tool-box
{border: none;
background-color: #420000;
}

.tool-box .boxheading
{color: #600;
border: none;
background: transparent;
padding-bottom: 3px;}
   
.tool-box .boxheading a, .tool-box .boxheading a:visited
{color: #600;}
   
.tool-box .boxbody {
background-color: #F1F1F1;
}

/* ANNOUNCEMENT-BOX, CONTROL-BOX, JUMP-BOX, LEGEND-BOX ---- */
.announcement-box, .control-box, .jump-box, .legend-box, .breadcrumb-box
{border: none;
background-color: transparent;
padding: 0;}

.announcement-box .boxbody, .control-box .boxbody, .jump-box .boxbody, .legend-box .boxbody
{padding: 0;}
   
.legend-box .boxheading
{display: none;}

.control-box {
margin-bottom: 0;
padding: 0 5px;
font-weight: bold;
}

#forum_view .control-box.top {
height: 30px;
}


/* FORUM-BOX ---- */

.forum-box {
border: 0px none;
padding-left: 5px;}

/* MSN style author icon */
td.author
{background: url(http://images.yuku.com/image/gif/47e154746b866fcf1d7fe6794e7816df5d0819d.gif) no-repeat 5px 50%;
padding-left: 25px;}

.forum-box .boxheading { display: none; }

.forum-box .boxbody { padding: 0px; }

.forum-box a,
.forum-box a:link {
text-decoration: none;
font-weight: bold;
}

.forum-box a:hover {
text-decoration: underline;
}

.forum-name {
color: #CC6600;
font-size: 2em;
}

/* DISCUSSION-BOX ---- */
.discussion-box
{border: none;}

.discussion-box table {
border: 1px solid #600;
width: 97%;
margin: 10px auto;
}

.discussion-box td { border: 1px solid #600; }

.signature
{border-top: 1px solid #600;}

.comment-header {
background-color: #efe;
color: #003500;
}

.post-content {
background-color: #FFFFE8;
padding: 5px;
}

.reply-box {
border: 1px solid #600;
width: 97%;
margin: 10px auto;
}

div.breadcrumb-box {
padding: 10px;
}

div.breadcrumb-box li.last a:visited {
color: #003500;
}

.reply-box {
border: 1px solid #600;
width: 97%;
margin: 10px auto;
}

/* (force width of column) */
div.discussion-box .avatar-block,
div.discussion-box .user-name
{width: 120px;}

/* previous and next topic links */
.topic-pagejump
{text-align: left;}

.topic-pagejump a.previous-topic,
.topic-pagejump a.next-topic
{float: none;
display: inline;}
   
.topic-pagejump a.next-topic
{padding-left: 1em;}

/* STATS-BOX ---- */

.stats-box,
.whosonline-box {
width: 98%;
margin: 10px auto;
border: 1px solid #600;
}

.domain-time, .visitors
{border-bottom: 1px solid #600;
padding-bottom: 10px;
min-height: 2em;}

* html .visitors
{height: 2em;}

.whosonline-box

.visitors li
{border-color: #003500;}

.domain-stats-box .boxbody,
.member-stats-box .boxbody {
overflow-y: auto
}

.legend-box {
padding: 0 5px 10px 5px;
}

/* SIDEBAR BOX ---- */

.sidebarholder .boxbody {
padding: 5px 10px;
font-size: 1.3em;
line-height: 25px;
font-weight: bold;
}

.sidebarholder form {
font-size: 0.75em;
text-align: center;
font-weight: normal;
}

.my-text {
margin: 5px auto;
padding-left: 3px;
}

/* TABLE ROWS (color alternate rows) */

#forum_view tr.even td,
#search_text tr.even td,
#domainstats_activemembers tr.even td
{ background-color: #efe;}

/* GENERAL TAGS ----------------------------------
(styles for misc general HTML tags) */

/* navigation bar ---- */

div.mgr-navigation-sliver-wrapper { border: none; }
 
div.mgr-navigation-sliver { border: none;}

div.mgr-right-col p.mgr-sliver-open-button { background-color: #600; }

div.mgr-right-col p.mgr-sliver-open-button a:link { background-color: #600; border: 1px solid #fff; }
       
div.mgr-right-col p.mgr-sliver-open-button a:hover { background-color: #420000; }


/* search ---- */
#search_form, form.search { margin: 0 20px; }

.advanced-search { float: right; padding: 5px 0 5px 10px; margin: 0 0 0 20px;  }
.advanced-search a:link,
.advanced-search a:visited
{ color: #600; }

.text {
padding: 2px 5px;
}

#submit {
padding: 2px 5px;
}

hr
{color: #003500;
background: #003500;
height: 1px;
border: none;}

blockquote {
border: 1px solid #003500;
padding: 5px;
}

/* TABLES ---- */


th, td
{padding: 2px;}

th
{background: #B32D2D;
color: #fff;
}

.calendar table,
.calendar td,
.calendar th
{ border: 1px solid #600; }

.calendar table {
margin: 1px;
}

/* HIDE THESE --------------------------------
(delete the below code if you want to show these features) */
.tags-box,
.post-tags,
.kudos,
.feeds,
.views,
.featured-box .content-footer,
#forum_view .featured-box,
#forum_view #msn-style,
#forum_viewtopic #msn-style,
#domainstats_activemembers #msn-style,
#directory_featured #msn-style,
.calendar #msn-style,
#search_advanced #msn-style,
#search_text #msn-style,
.post-page #msn-style
{display: none;}

/* TOGGLE CONTENT ---- */

.content-links {
text-align: right;
padding: 5px 10px;
clear: both;
}

.content-links { display: none; }

#directory_default .content-links
{ display: block; }

#forum_view #yuku-style,
#forum_viewtopic #yuku-style,
#domainstats_activemembers #yuku-style,
#directory_featured #yuku-style,
.calendar #yuku-style,
#search_advanced #yuku-style,
#search_text #yuku-style,
.post-page #yuku-style
{ display: block; }

/* HACKS ---- */

* html #msn-style {
overflow-x: auto;
overflow-y: hidden;
width: expression(document.body.clientWidth - 176 + "px");
}

.scrolling div { clear: both; }

/* SUBFORUMS ---- */

ul.subforums-list {
margin-left: 15px;
}

ul.subforums-list li {
display: block;
margin-bottom: 5px;
}

.subforums-list li.unread {
background: url(http://www.ezboard.com/prefabs/ez/topicnew.gif) left center no-repeat;
padding-left: 12px;
}

.sidebar-sub,
.dropdown.sidebar-sub li a:link,
.dropdown.sidebar-sub li a:visited {
color: #2AA82A;
text-decoration: underline;
text-align: left;
}

.dropdown.sidebar-sub li {
font-size: 0.9em;
}

/* ADDONS ---- */

.my-staff-online {
width: 100px;
float: left;
padding-left: 10px;
}

.my-staff-online h4 {
margin: 0px;
}

.join-now {
width: 100px;
float: right;
padding-right: 10px;
text-align: right;
padding-top: 7px;
}

.join-now a {
border: 1px solid #fff;
padding: 3px 8px;
font-weight: bold;
text-decoration: none;
font-size: 1.1em;
}

.announcement-marquee {
padding: 5px;
border: 2px solid #CC0000;
background:
#f3e4d2;
color: #000000;
margin: 0px 10px 10px 10px;
}

.announcement-marquee a,
.announcement-marquee a:link,
.announcement-marquee a:hover,
.announcement-marquee a:visited,
.announcement-marquee a:active {
color: #000;
}

.scrolling div { clear: both; }

.edit-info { display: none; }

.my-footer {
clear: both;
text-align: center;
margin-top: 40px;
}

ul#ka-facebook-controls * {display:none;}

User avatar

Posts: 212

Location: Australia

Thanks so much Andrew, will follow your instructions...
PS Have followed your instructions, it look great Yeah!! thank you so much, your the best....Rene


Last edited by Anonymous on 11/24/13 14:02:05, edited 1 time in total.

User avatar

Admin

Posts: 11073

Unfortunately, I cannot see your board to see how you get on as it is not publicly viewable. Do let us know how it goes or if you need further tweaks.

User avatar

Posts: 825

It looks to be the same purple as before Rene, have you simply not applied the "new" skin yet?

User avatar

Posts: 212

Location: Australia

Paul4...I am not using it till about the 2nd December....on the 1st it is our Groups 5th Birthday, so after that I am going to surprise the members.

Andrew the only thing I would like tweaked is the color Green used in the side Bar....would rather a dark green if possible please

User avatar

Posts: 825

My lips are sealed, won't spoil the surprise :)

User avatar

Admin

Posts: 11073

These are the three areas that need adjusted for that. (See below for full CSS.)
.sidebarholder {
width: 170px;
float: left;
background-color: #efe;
}

.sidebarholder a {color:#2AA82A;}
.sidebarholder a:visited {color:#2AA82A;}
.sidebarholder a:hover {color:#CC6600;}
.sidebarholder a:active {color:#2AA82A;}

.sidebar-sub,
.dropdown.sidebar-sub li a:link,
.dropdown.sidebar-sub li a:visited {
color: #2AA82A;
text-decoration: underline;
text-align: left;
}

Here is a complete replacement CSS, with changes made.
/* TYPOGRAPHY --------------------------
 set default font faces, font colors and sizes for the entire page */
body
{color: #fff;
font-family: Arial, Helvetica, sans-serif;}

body {font-size: 88%;} /* this is for IE */
html>/**/body {font-size: 14px;} /* this is for standards compliant browsers */
#wrapper {font-size: 1em;}

.featured-box .boxbody *
{font-size: 1em;}

/* set all boxheadings to have the same font size */
.boxheading h1, .boxheading h2, .boxheading h3, .boxheading .bread-crumbs
{font-size: 1.2em;}

.boxheading *
{font-weight: bold;}

th, .th, /* table header font */
.announcement-box, .post-content, .forum-box td, .forumtitle h3, textarea, input.text
{font-size: 1.2em;}

h1 {font-size: 1.8em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

.topic-pager {font-size: .9em;}

.pager, .button, .post-tools
{font-size: 1.1em;}

h2, .forumtitle h3, .user-name, th, .th
{font-family: Arial, Helvetica, sans-serif;}

.forumholder { color: #003500; }

.my-header .greeting {
font-family: 'Comic Sans MS', Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 36px;
color: #B32D2D;
text-align: center;
padding-bottom: 10px;
margin: auto 100px;
}

#directory_default .my-header .greeting {
margin-bottom: -15px;
}

/* LINKS ------------------------------ */

a {color: #fff;}
a:visited {color: #fff;}
a:hover {color: #fff;}
a:active {color: #fff;}

.forumholder a {color: #003500;}
.forumholder a:visited {color: #003500;}
.forumholder a:hover {color: #003500;}
.forumholder a:active {color: #003500;}

.sidebarholder a {color:#83AF2C;}
.sidebarholder a:visited {color:#83AF2C;}
.sidebarholder a:hover {color:#CC6600;}
.sidebarholder a:active {color:#83AF2C;}

div.mgr-navigation-sliver a:link { text-decoration: none; }
div.mgr-navigation-sliver a:visited { text-decoration: none; }

/* BODY ----------------------------------
change background color or add a background image */
body {background-color: #600;}


/* BASIC PAGE LAYOUT ---------------------
set dimensions and margins for page content */
#wrapper
{margin: 10px 0;}

.sidebarholder {
width: 170px;
float: left;
background-color: #293E00;
}

.forumholder {
margin-left: 170px;
background-color: #fff;
}


/* STANDARD CLASSES ----------------------
set the colors, dimensions, etc. of standard elements */

/* GENERIC BOX ---- */
.box
{margin-bottom: 10px;}

.boxheading
{background: #B32D2D;
color: #FFF;
padding: 5px;}

   /* custom link colors for boxheadings */
   .boxheading a, .boxheading a:visited
   {color: #FFF;}

.boxbody
{padding: 5px;}

/* COMMUNITY CONTENT (boxes containing forums) */
.community-content .boxbody
{padding: 0px;}

.community-content .boxheading,
.collapsed
{border-bottom: none;}

.community-content th a,
.community-content th a:visited,
.community-content th a:hover
{color: #fff;}

.category-box {
width: 98%;
margin: 10px auto;
border: 1px solid #600;
}

.category-box td { border-top: 1px solid #600; }

/* BREADCRUMBS ---- */

ul.bread-crumbs li.last a,
ul.bread-crumbs li.last a:visited
{ color: #fff; }

/* BUTTONS ---- */


/* DROP DOWN MENUS ----
set background colors, etc. for drop down list items */

/* arrow for dropdown lists */
.dropdown span
{background: url(http://static.yuku.com/common/bypass/images/arrows/down-arrow-gray-dk.gif) no-repeat right center;
padding-right: 12px;
padding-top: 2px;
padding-bottom: 2px;}

.dropdown ul
{background-color: #efe;
border: 1px solid #600;
padding: 2px;}

.dropdown li
{border: 1px solid #600;
background-color: #efe;
color: #333; }

.dropdown li *
{color: #333;}

.dropdown li a:link, .dropdown li a:visited
{text-decoration: none;
color: #333;}
   
.dropdown li:hover
{background-color: #FFF;}

/* PAGER (clickable page numbers) ---- */
.pager .jump
{background: url(http://static.yuku.com/common/bypass/images/arrows/down-arrow-black.gif) no-repeat right center;
padding-right: 12px;}

.jump-dropdown
{border: 1px solid #9BC3E3;
background: #FFF;}

*+html .topic-pagejump.top,
*+html .calendar-jump.top {
margin: 0; padding-bottom: 5px;
}


/* SPECIAL BOX & ELEMENT CLASSES ----------------------------
(set the styles of individual boxes different from the default box style) */

/* TOOL-BOX ---- */
.tool-box
{border: none;
background-color: #420000;
}

.tool-box .boxheading
{color: #600;
border: none;
background: transparent;
padding-bottom: 3px;}
   
.tool-box .boxheading a, .tool-box .boxheading a:visited
{color: #600;}
   
.tool-box .boxbody {
background-color: #F1F1F1;
}

/* ANNOUNCEMENT-BOX, CONTROL-BOX, JUMP-BOX, LEGEND-BOX ---- */
.announcement-box, .control-box, .jump-box, .legend-box, .breadcrumb-box
{border: none;
background-color: transparent;
padding: 0;}

.announcement-box .boxbody, .control-box .boxbody, .jump-box .boxbody, .legend-box .boxbody
{padding: 0;}
   
.legend-box .boxheading
{display: none;}

.control-box {
margin-bottom: 0;
padding: 0 5px;
font-weight: bold;
}

#forum_view .control-box.top {
height: 30px;
}


/* FORUM-BOX ---- */

.forum-box {
border: 0px none;
padding-left: 5px;}

/* MSN style author icon */
td.author
{background: url(http://images.yuku.com/image/gif/47e154746b866fcf1d7fe6794e7816df5d0819d.gif) no-repeat 5px 50%;
padding-left: 25px;}

.forum-box .boxheading { display: none; }

.forum-box .boxbody { padding: 0px; }

.forum-box a,
.forum-box a:link {
text-decoration: none;
font-weight: bold;
}

.forum-box a:hover {
text-decoration: underline;
}

.forum-name {
color: #CC6600;
font-size: 2em;
}

/* DISCUSSION-BOX ---- */
.discussion-box
{border: none;}

.discussion-box table {
border: 1px solid #600;
width: 97%;
margin: 10px auto;
}

.discussion-box td { border: 1px solid #600; }

.signature
{border-top: 1px solid #600;}

.comment-header {
background-color: #efe;
color: #003500;
}

.post-content {
background-color: #FFFFE8;
padding: 5px;
}

.reply-box {
border: 1px solid #600;
width: 97%;
margin: 10px auto;
}

div.breadcrumb-box {
padding: 10px;
}

div.breadcrumb-box li.last a:visited {
color: #003500;
}

.reply-box {
border: 1px solid #600;
width: 97%;
margin: 10px auto;
}

/* (force width of column) */
div.discussion-box .avatar-block,
div.discussion-box .user-name
{width: 120px;}

/* previous and next topic links */
.topic-pagejump
{text-align: left;}

.topic-pagejump a.previous-topic,
.topic-pagejump a.next-topic
{float: none;
display: inline;}
   
.topic-pagejump a.next-topic
{padding-left: 1em;}

/* STATS-BOX ---- */

.stats-box,
.whosonline-box {
width: 98%;
margin: 10px auto;
border: 1px solid #600;
}

.domain-time, .visitors
{border-bottom: 1px solid #600;
padding-bottom: 10px;
min-height: 2em;}

* html .visitors
{height: 2em;}

.whosonline-box

.visitors li
{border-color: #003500;}

.domain-stats-box .boxbody,
.member-stats-box .boxbody {
overflow-y: auto
}

.legend-box {
padding: 0 5px 10px 5px;
}

/* SIDEBAR BOX ---- */

.sidebarholder .boxbody {
padding: 5px 10px;
font-size: 1.3em;
line-height: 25px;
font-weight: bold;
}

.sidebarholder form {
font-size: 0.75em;
text-align: center;
font-weight: normal;
}

.my-text {
margin: 5px auto;
padding-left: 3px;
}

/* TABLE ROWS (color alternate rows) */

#forum_view tr.even td,
#search_text tr.even td,
#domainstats_activemembers tr.even td
{ background-color: #efe;}

/* GENERAL TAGS ----------------------------------
(styles for misc general HTML tags) */

/* navigation bar ---- */

div.mgr-navigation-sliver-wrapper { border: none; }
 
div.mgr-navigation-sliver { border: none;}

div.mgr-right-col p.mgr-sliver-open-button { background-color: #600; }

div.mgr-right-col p.mgr-sliver-open-button a:link { background-color: #600; border: 1px solid #fff; }
       
div.mgr-right-col p.mgr-sliver-open-button a:hover { background-color: #420000; }


/* search ---- */
#search_form, form.search { margin: 0 20px; }

.advanced-search { float: right; padding: 5px 0 5px 10px; margin: 0 0 0 20px;  }
.advanced-search a:link,
.advanced-search a:visited
{ color: #600; }

.text {
padding: 2px 5px;
}

#submit {
padding: 2px 5px;
}

hr
{color: #003500;
background: #003500;
height: 1px;
border: none;}

blockquote {
border: 1px solid #003500;
padding: 5px;
}

/* TABLES ---- */


th, td
{padding: 2px;}

th
{background: #B32D2D;
color: #fff;
}

.calendar table,
.calendar td,
.calendar th
{ border: 1px solid #600; }

.calendar table {
margin: 1px;
}

/* HIDE THESE --------------------------------
(delete the below code if you want to show these features) */
.tags-box,
.post-tags,
.kudos,
.feeds,
.views,
.featured-box .content-footer,
#forum_view .featured-box,
#forum_view #msn-style,
#forum_viewtopic #msn-style,
#domainstats_activemembers #msn-style,
#directory_featured #msn-style,
.calendar #msn-style,
#search_advanced #msn-style,
#search_text #msn-style,
.post-page #msn-style
{display: none;}

/* TOGGLE CONTENT ---- */

.content-links {
text-align: right;
padding: 5px 10px;
clear: both;
}

.content-links { display: none; }

#directory_default .content-links
{ display: block; }

#forum_view #yuku-style,
#forum_viewtopic #yuku-style,
#domainstats_activemembers #yuku-style,
#directory_featured #yuku-style,
.calendar #yuku-style,
#search_advanced #yuku-style,
#search_text #yuku-style,
.post-page #yuku-style
{ display: block; }

/* HACKS ---- */

* html #msn-style {
overflow-x: auto;
overflow-y: hidden;
width: expression(document.body.clientWidth - 176 + "px");
}

.scrolling div { clear: both; }

/* SUBFORUMS ---- */

ul.subforums-list {
margin-left: 15px;
}

ul.subforums-list li {
display: block;
margin-bottom: 5px;
}

.subforums-list li.unread {
background: url(http://www.ezboard.com/prefabs/ez/topicnew.gif) left center no-repeat;
padding-left: 12px;
}

.sidebar-sub,
.dropdown.sidebar-sub li a:link,
.dropdown.sidebar-sub li a:visited {
color: #83AF2C;
text-decoration: underline;
text-align: left;
}

.dropdown.sidebar-sub li {
font-size: 0.9em;
}

/* ADDONS ---- */

.my-staff-online {
width: 100px;
float: left;
padding-left: 10px;
}

.my-staff-online h4 {
margin: 0px;
}

.join-now {
width: 100px;
float: right;
padding-right: 10px;
text-align: right;
padding-top: 7px;
}

.join-now a {
border: 1px solid #fff;
padding: 3px 8px;
font-weight: bold;
text-decoration: none;
font-size: 1.1em;
}

.announcement-marquee {
padding: 5px;
border: 2px solid #CC0000;
background:
#f3e4d2;
color: #000000;
margin: 0px 10px 10px 10px;
}

.announcement-marquee a,
.announcement-marquee a:link,
.announcement-marquee a:hover,
.announcement-marquee a:visited,
.announcement-marquee a:active {
color: #000;
}

.scrolling div { clear: both; }

.edit-info { display: none; }

.my-footer {
clear: both;
text-align: center;
margin-top: 40px;
}

ul#ka-facebook-controls * {display:none;}

User avatar

Posts: 212

Location: Australia

Brilliant....that looks excellent, thank you once again Andrew

User avatar

Admin

Posts: 11073

You're welcome Rene. Hope you get to bed at some time! :lol

User avatar

Posts: 212

Location: Australia

paul4 wrote:My lips are sealed, won't spoil the surprise :)



thanks Paul4 :)

User avatar

Admin

Posts: 11073

List of colors and what they are applied to on the standard MSN Style skin (with one or two additions for this variant).


#000000
.announcement-marquee


#000
.announcement-marquee a, .announcement-marquee a:link, .announcement-marquee a:hover,
.announcement-marquee a:visited, .announcement-marquee a:active


#333
.dropdown li, .dropdown li *, .dropdown li a:link, .dropdown li a:visited


#503562
body, .category-box, .category-box td, .dropdown ul, .dropdown li, .tool-box .boxheading, .tool-box .boxheading a, .tool-box .boxheading a:visited, .discussion-box table, .discussion-box td, .signature, .reply-box, .stats-box, .whosonline-box, .domain-time, .visitors, div.mgr-right-col p.mgr-sliver-open-button, div.mgr-right-col p.mgr-sliver-open-button a:link, .advanced-search a:link, .advanced-search a:visited, .calendar table, .calendar td, .calendar th


#666699
.sidebarholder a, .sidebarholder a:visited, .sidebarholder a:active, .sidebar-sub, .dropdown.sidebar-sub li a:link, .dropdown.sidebar-sub li a:visited


#9999CC
.my-header .greeting, .boxheading, th,


#846a9f
.tool-box, div.mgr-right-col p.mgr-sliver-open-button a:hover,


#003366
.forumholder, .forumholder a, .forumholder a:visited, .forumholder a:hover, .forumholder a:active, .comment-header, div.breadcrumb-box li.last a:visited, .visitors li, hr, blockquote,


#9BC3E3
.jump-dropdown


#CC0000
.announcement-marquee


#CC6600
.sidebarholder a:hover, .forum-name


#f3e4d2
.announcement-marquee


#ECF1F6
.sidebarholder, .dropdown ul, .dropdown li, .comment-header, #forum_view tr.even td, #search_text tr.even td, #domainstats_activemembers tr.even td


#F1F1F1
.tool-box .boxheading a, .tool-box .boxheading a:visited, .tool-box .boxbody


#FFFFE8
.post-content


#fff
body, a, a:visited, a:hover, a:active, .forumholder, .boxheading, .boxheading a, .boxheading a:visited, .community-content th a, .community-content th a:visited, .community-content th a:hover, ul.bread-crumbs li.last a, ul.bread-crumbs li.last a:visited, .jump-dropdown, div.mgr-right-col p.mgr-sliver-open-button a:link, th, .join-now a,



Display posts from previous:  Sort by  



Who is online

Users browsing this forum: No registered users and 1 guest


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
Jump to:  
cron
Powered by phpBB® Forum Software © phpBB Group