Skin Help Andrew Please

Author Comment
User avatar

Posts: 212

Location: Australia

Hi Andrew, I have made another colored skin for the group next year, but have a couple of things I can't work out where to fix on them...can you please tell me where they are will show you pictures of what is wrong...and I will put the CSS in the next post....Rene

Image . . . Image

User avatar

Posts: 212

Location: Australia

body {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 88%;
   color: #fff;
   background: #66BBAA;
}

th {
   color: #fff;
   font-size: 1.2em;
   font-family: Arial, Helvetica, sans-serif;
   padding: 2px;
   background: #1D757C;
}

th a:link { color: #fff; }

a { color: #fff; }

a:link { color: #fff; }

a:visited { color: #fff; }

a:hover { color: #fff; }

a:active { color: #fff; }

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

.boxheading a:link { color: #FFF; }

.boxheading h1 { font-size: 1.2em; }

.boxheading h2 { font-size: 1.2em; }

.boxheading h3 { font-size: 1.2em; }

.tool-box .boxheading {
   color: #1D757C;
   border: none;
   padding-bottom: 3px;
   background: transparent;
}

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

.discussion-box th { border: 1px solid #1D757C; }

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

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

textarea { border: 1px solid #1D757C; font-size: 1.2em; }

.dropdown li { border: 1px solid #1D757C; color: #333; background: #ECF1F6; }

.kudos { display: none; }

.views { display: none; }

.tags-box { display: none; }

.post-tags { display: none; }

.edit-info { display: none; }

html>/**/body { font-size: 14px; }

#wrapper { font-size: 1em; margin: 10px 0; }

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

.boxheading .bread-crumbs { font-size: 1.2em; }

.boxheading * { font-weight: bold; }

.th { font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; }

.announcement-box { font-size: 1.2em; border: none; background: transparent; }

.post-content { font-size: 1.2em; padding: 5px; background: #fff; }

.forum-box td { font-size: 1.2em; }

.forumtitle h3 { font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; }

input.text { font-size: 1.2em; }

h1 { font-size: 1.8em; }

h2 { font-size: 1.6em; font-family: Arial, Helvetica, sans-serif; }

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 { font-size: 1.1em; }

.button { font-size: 1.1em; }

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

.user-name { font-family: Arial, Helvetica, sans-serif; }

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

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

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

.forumholder a { color: #1D757C; }

.forumholder a:visited { color: #1D757C; }

.forumholder a:hover { color: #1D757C; }

.forumholder a:active { color: #1D757C; }

.sidebarholder a { color: #1D757C; }

.sidebarholder a:visited { color: #1D757C; }

.sidebarholder a:hover { color: #CC6600; }

.sidebarholder a:active { color: #1D757C; }

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

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

.sidebarholder { width: 170px; float: left; background: #CCE8E3; }

.box { margin-bottom: 10px; }

.boxheading a { color: #FFF; }

.boxheading a:visited { color: #FFF; }

.boxbody { padding: 5px; }

.community-content .boxbody { padding: 0px; }

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

.collapsed { border-bottom: none; }

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

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

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

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

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

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

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

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

.dropdown ul { border: 1px solid #1D757C; padding: 2px; background: #1D757C; }

.dropdown li * { color: #333; }

.dropdown li a:link { text-decoration: none; color: #333; }

.dropdown li a:visited { text-decoration: none; color: #333; }

.dropdown li:hover { background: #FFF; }

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

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

*+html .topic-pagejump.top { padding-bottom: 5px; }

*+html .calendar-jump.top { padding-bottom: 5px; }

.tool-box { border: none; background: #1D757C; }

.tool-box .boxheading a { color: #CCE8E3; }

.tool-box .boxheading a:visited { color: #1D757C; }

.tool-box .boxbody { background: #CCE8E3; }

.control-box {
   border: none;
   padding: 0 5px;
   font-weight: bold;
   background: transparent;
}

.jump-box { border: none; background: transparent; }

.legend-box { border: none; padding: 0 5px 10px 5px; background: transparent; }

.breadcrumb-box { border: none; background: transparent; }

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

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

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

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

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

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

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

.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 { border: none; }

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

.comment-header { color: #003366; background: #CCE8E3; }

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

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

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

div.discussion-box .avatar-block { width: 120px; }

div.discussion-box .user-name { width: 120px; }

.topic-pagejump { text-align: left; }

.topic-pagejump a.previous-topic { float: none; display: inline; }

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

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

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

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

.visitors { border-bottom: 1px solid #1D757C; padding-bottom: 10px; min-height: 2em; }

* html .visitors { height: 2em; }

.whosonline-box  .visitors li { border-color: #1D757C; }

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

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

.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; }

#forum_view tr.even td { background: #ECF1F6; }

#search_text tr.even td { background: #ECF1F6; }

#domainstats_activemembers tr.even td { background: #ECF1F6; }

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

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

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

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

div.mgr-right-col p.mgr-sliver-open-button a:hover { background: #1D757C; }

#search_form { margin: 0 20px; }

form.search { margin: 0 20px; }

.advanced-search { float: right; padding: 5px 0 5px 10px; margin: 0 0 0 20px; }

.advanced-search a:link { color: #1D757C; }

.advanced-search a:visited { color: #1D757C; }

.text { padding: 2px 5px; }

#submit { padding: 2px 5px; }

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

td { padding: 2px; }

.calendar table { border: 1px solid #1D757C; margin: 1px; }

.calendar td { border: 1px solid #1D757C; }

.calendar th { border: 1px solid #1D757C; }

.feeds { display: none; }

.featured-box .content-footer { display: none; }

#forum_view .featured-box { display: none; }

#forum_view #msn-style { display: none; }

#forum_viewtopic #msn-style { display: none; }

#domainstats_activemembers #msn-style { display: none; }

#directory_featured #msn-style { display: none; }

.calendar #msn-style { display: none; }

#search_advanced #msn-style { display: none; }

#search_text #msn-style { display: none; }

.post-page #msn-style { display: none; }

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

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

#forum_view #yuku-style { display: block; }

#forum_viewtopic #yuku-style { display: block; }

#domainstats_activemembers #yuku-style { display: block; }

#directory_featured #yuku-style { display: block; }

.calendar #yuku-style { display: block; }

#search_advanced #yuku-style { display: block; }

#search_text #yuku-style { display: block; }

.post-page #yuku-style { display: block; }

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

.scrolling div { clear: both; }

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

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

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

.sidebar-sub { color: #1D757C; text-decoration: underline; text-align: left; }

.dropdown.sidebar-sub li a:link { color: #1D757C; text-decoration: underline; text-align: left; }

.dropdown.sidebar-sub li a:visited { color: #1D757C; text-decoration: underline; text-align: left; }

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

.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 #1D757C;
   padding: 3px 8px;
   font-weight: bold;
   text-decoration: none;
   font-size: 1.1em;
}

.announcement-marquee {
   padding: 5px;
   border: 2px solid #1D757C;
   color: #1D757C;
   margin: 0px 10px 10px 10px;
   background: #fff;
}

.announcement-marquee a { color: #1D757C; }

.announcement-marquee a:link { color: #1D757C; }

.announcement-marquee a:hover { color: #1D757C; }

.announcement-marquee a:visited { color: #1D757C; }

.announcement-marquee a:active { color: #1D757C; }

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

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

.my-clocks { margin: 0px; padding-bottom: 5px; text-align: center; }

.my-clocks small { font-size: 0.8em; }

.renegal59  .post-body { padding-top: 40px; background: url(
http://i373.photobucket.com/albums/oo173/Renegal62/Group%20Buttons/cooltext1326276358_zps02cbc4de.png~original) no-repeat right top; }

.Yancey23   .post-body { padding-top: 40px; background: url(http://i373.photobucket.com/albums/oo173/Renegal62/Group%20Buttons/cooltext1326276358_zps02cbc4de.png~original) no-repeat right top; }

.renegal59 .post-body { padding-top: 40px; background: url(http://i373.photobucket.com/albums/oo173/Renegal62/Group%20Buttons/cooltext1326276358_zps02cbc4de.png~original) no-repeat right top; }

.welcome-message a[target="_new"] { display: none; }

User avatar

Admin

Posts: 11073

That CSS has been through the WYSIWYG skin editor and hence has become broken. The MSN style skin should not be WYSIWYGed. Odd things will happen, I assure you!

Colors are as easy as find and replace.

I really do not even want to begin to try and fix what you have as it would be much easier and better just to make another. FWIW, you have the same visited link color as the background:

.tool-box .boxheading a:visited { color: #1D757C; }

As you said "next year", there is plenty of time for me to change the colours from a good CSS base. It should not take long but I have to find time to fit it in.

User avatar

Posts: 212

Location: Australia

Oh :( Dear!! And I thought I was doing great...LOL

User avatar

Admin

Posts: 11073

You did... but what you did not do was check all pages in all browsers. You'd get a shock! :lol

No, you did fine because you produced an image of the colors you wanted. Won't take me long to change them. I just made a color list here, which should make find and replace a lot easier.

You can do this yourself easily. Just take a copy of the original CSS and find and replace one color with another (this you can do in bulk). Obviously, the HTML is best copied over by copying the whole and then transplanting the CSS later on that copy.

No, I am afraid I tried very hard to make that skin WYSIWYG proof but I am afraid it doesn't work 100% as there are things that the WYSIWYG just does not understand.

User avatar

Posts: 212

Location: Australia

I will give it a go, think I understand

User avatar

Admin

Posts: 11073

Yeah, sorry. Maybe I should have expanded a little. You can copy the CSS into a text editor and use find and replace (usually Ctrl+H) to replace one of the original colors with another. Usually whichever text editor you are using will have an option to "replace all". All you have to do is cross-refer the colours and you are set!

You will find some of the locations obscure. It could be a simple border in a lesser used spot but if you replace all like this, you will be sure to have a matching set. It is also guaranteed to work! :D

You're fine because you know your colours. People that want to try and see will find it more tedious.

Way back when... I was asked to do different colours but I just never had the time. The idea was to replicate all the different styles offered by MSN but MSN Groups closed before I could get to see them. I'd have needed someone to show me them too.

I might just make a few common ones at some point and just put them up for download.

You will find a selection of images to use with them here.

User avatar

Posts: 212

Location: Australia

UM!! Andrew, never seen a Text Editor or used one ever....think I will just have to wait to you have time...

User avatar

Admin

Posts: 11073

From your images, all I can see is:
#503562 -> #66bbaa
#846a9f -> #053e3f
#F1F1F1 -> #cce8e3
#ECF1F6 -> #cce8e3
#9999CC -> #1d757c
#666699 -> #1d757c
#003366 -> #1d757c
#FFFFE8 -> #ffffff

Resulting in:
/* 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: 75%; } /* this is for IE */

html>/**/body { font-size: 12px; } /* 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: #1d757c; }

.my-header .greeting {
   font-family: 'Comic Sans MS', Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 36px;
   color: #1d757c;
   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: #1d757c; }

.forumholder a:visited { color: #1d757c; }

.forumholder a:hover { color: #1d757c; }

.forumholder a:active { color: #1d757c; }

.sidebarholder a { color:#1d757c; }

.sidebarholder a:visited { color:#1d757c; }

.sidebarholder a:hover { color:#CC6600; }

.sidebarholder a:active { color:#1d757c; }

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: #66bbaa; }

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

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

.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: #1d757c;
   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 #66bbaa;
}

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

/* 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: #cce8e3;
   border: 1px solid #66bbaa;
   padding: 2px;
}

.dropdown li {
   border: 1px solid #66bbaa;
   background-color: #cce8e3;
   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: #053e3f;
}

.tool-box .boxheading {
   color: #66bbaa;
   border: none;
   background: transparent;
   padding-bottom: 3px;
}

.tool-box .boxheading a,
.tool-box .boxheading a:visited { color: #66bbaa; }

.tool-box .boxbody { background-color: #cce8e3; }

/* 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 #66bbaa;
   width: 97%;
   margin: 10px auto;
}

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

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

.comment-header {
   background-color: #cce8e3;
   color: #1d757c;
}

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

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

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

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

.reply-box {
   border: 1px solid #66bbaa;
   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 #66bbaa;
}

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

* html .visitors { height: 2em; }

.whosonline-box  .visitors li { border-color: #1d757c; }

.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: #cce8e3; }

/* 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: #66bbaa; }

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

div.mgr-right-col p.mgr-sliver-open-button a:hover { background-color: #053e3f; }

/* 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: #66bbaa; }

.text { padding: 2px 5px; }

#submit { padding: 2px 5px; }

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

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

/* TABLES ---- */


th,
td { padding: 2px; }

th {
   background: #1d757c;
   color: #fff;
}

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

.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: #1d757c;
   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;
}

Try it and see.

User avatar

Posts: 212

Location: Australia

Hi Andrew, Sorry I have been away...just home today, and thought I would pop in and see if there was anything here for me....and what a lovely surprise....have added it to the original skin added the picture I had...and it looks amazing...thank you so much, my group is going to love this change....Happy New Year...to you regards Rene

User avatar

Admin

Posts: 11073

No need to apologize, t'is the time of year! I had it there before you needed it and am just glad it needs no further adjustment. This is the full list of original colors, so you can see what has not been changed.

#000000 x
#000 x
#333 x
#503562 y
#666699 y
#9999CC y
#846a9f y
#003366 y
#9BC3E3 x
#CC0000 x
#CC6600 x
#f3e4d2 x
#ECF1F6 y
#F1F1F1 y
#FFFFE8 y
#fff x

It is as simple as copying the CSS to Notepad and using find and replace to change one color to another over the whole skin, then it can be copied and pasted back in.

User avatar

Posts: 212

Location: Australia

Saved them thank you

Display posts from previous:  Sort by  



Who is online

Users browsing this forum: No registered users and 2 guests


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