1
skyangelo
CSS issue with Modern Blue theme
  • 2010/8/29 18:03

  • skyangelo

  • Just popping in

  • Posts: 79

  • Since: 2005/4/9 1


I'm using Modern Blue theme made by TSBMusic.
In my News module, the text color (font color =" xxx")and bold style (<strong>) change can not be displayed.
It's in itemText class and I can not find why it's not OK.
Please advise.
Thanks!

The style.css of the Modern Blue theme:
* {
    
border0;
    
padding0;
    
margin0;
    
vertical-alignbaseline;
    
font13px Verdanaserifsans-serif;
    
color#555;
}

body {
    
background#EBEBEB;
}
{
    
color#23497C;
    
text-decorationnone;
}
a:hover {
    
color#2288DD;
    
text-decorationunderline;
}
#page {
    
width1030px;
    
backgroundurl(../images/bg.pngrepeat-y;
    
marginauto;
}
#wrapper {
    
width1020px;
    
marginauto;
    
backgroundurl(../images/bg-pageWrapper.png);
    
padding-bottom10px;
}

#header {
    
width100%;
    
height150px;
    
backgroundurl(../images/header.png);
}
.
sitename b {
    
font-size26px;
    
color#FFF;
    
margin10px;
    
font-weightbold;
}
a:hover.sitename  {
    
text-decorationnone;
}

.
contenthead {
    
backgroundurl(../images/bg-contenthead.png);
    
width1000px;
    
margin-left10px;
    
height15px;
    
margin-top10px;
}

#contentWrapper, #contentWrapper1, #contentWrapper2, #contentWrapper3 {
    
margin-left10px;
    
width990px
    
padding5px;
    
background#FFF;
}

/* ContentWrapper1 */
#contentWrapper1 {
    
backgroundurl(../images/bg-contentWrapper1.png);
}

#contentWrapper1 #left {
    
floatleft;
    
width190px;
    
margin-right5px;
    
padding5px;
}
#contentWrapper1 #content {
    
floatleft;
    
width570px;
    
padding5px;
}
#contentWrapper1 #right {
    
floatright;
    
width190px;
    
margin-left5px;
    
padding5px;
}
/* ContentWrapper2 */
#contentWrapper2 {
    
backgroundurl(../images/bg-contentWrapper2.png);
}

#contentWrapper2 #left {
    
displaynone;
}
#contentWrapper2 #content {
    
floatleft;
    
width770px;
    
padding5px;
}
#contentWrapper2 #right {
    
floatright;
    
width190px;
    
margin-left5px;
    
padding5px;
}
/* ContentWrapper3 */
#contentWrapper3 {
    
backgroundurl(../images/bg-contentWrapper3.png);
}

#contentWrapper3 #left {
    
floatleft;
    
width190px;
    
margin-right5px;
    
padding5px;
}
#contentWrapper3 #content {
    
floatright;
    
width770px;
    
padding5px;
}
#contentWrapper3 #right {
    
displaynone;
}

/* Centerblocks */
#contentWrapper1 #centerblocks .centerblocks-center {
    
width570px;
    
margin-bottom10px;
}
#contentWrapper1 #centerblocks .centerblocks-left {
    
width280px;
    
floatleft;
    
margin-right10px;
}
#contentWrapper1 #centerblocks .centerblocks-right {
    
width280px;
    
floatright;
}
#contentWrapper2 #centerblocks .centerblocks-center {
    
width770px;
    
margin-bottom10px;
}
#contentWrapper2 #centerblocks .centerblocks-left {
    
width380px;
    
floatleft;
    
margin-right10px;
}
#contentWrapper2 #centerblocks .centerblocks-right {
    
width380px;
    
floatright;
}
#contentWrapper3 #centerblocks .centerblocks-center {
    
width770px;
    
margin-bottom10px;
}
#contentWrapper3 #centerblocks .centerblocks-left {
    
width380px;
    
floatleft;
    
margin-right10px;
}
#contentWrapper3 #centerblocks .centerblocks-right {
    
width380px;
    
floatright;
}
#centerblocks .centerblocks-center .block-title, .centerblocks-left .block-title, .centerblocks-right .block-title {
    
font-weightbold;
    
padding3px;
    
border-bottom1px solid #EBEBEB;
}
#centerblocks .centerblocks-center .block-content, .centerblocks-left .block-content, .centerblocks-right .block-content {
    
padding3px;
    
border1px solid #EBEBEB;
    
background#FFF url(../images/bg-centerblock.png) repeat-x;
    
margin-bottom10px;
}


.
errorMsg,.confirmMsg, .resultMsg, .successMsg {
    
text-aligncenter;
    
margin10px;
    
padding20px
}

.
errorMsg {
    
background-color#FBE3E4;
    
color#D12F19;
    
border1px solid #FBC2C4;
}

.
confirmMsg {
    
background-color#FFF6BF;
    
color#817134;
    
border1px solid #FFD324;
}

.
resultMsg, .successMsg {
    
background-color#E6EFC2;
    
color#529214;
    
border1px solid #C6D880;
}


.
block {
    
width180px;
    
heightauto;
    
margin-bottom10px;
}
.
block .blocktitle {
    
backgroundurl(../images/bg-blocktitle.pngno-repeat;
    
text-aligncenter;
    
font-weightbold;
    
color#FAFAFA;
    
height20px;
    
padding-top5px;
}
.
block .blockcontent {
    
padding5px;
    
border1px solid #CCC;               
}
.
block .blockcontent ul {
    list-
stylenone;
}
.
block .blockcontent table {
    
border0;
}
.
block .blockcontent table.outer {
    
border1px solid #CCC;
}

#mainmenu a, #usermenu a {
    
displayblock;
    
margin-bottom3px;
}
#mainmenu a.menuSub, #usermenu a.menuSub {
    
displayblock;
    
margin2px 2px 2px 8px;
    
font-styleitalic;
}

table {
    
width100%;
    
clearboth;
    
border1px solid #CCC;
    
padding1px;
    
margin-bottom3px;
}
table tdth {
    
padding3px;
}
theadth {
    
backgroundurl(../images/bg-th.pngcenter;
    
color#FFF;
    
font-weightbold;
}
theadth a {
    
color#FFF;
    
font-weightbold;
}
.
head, .footer {
    
background#F1F1F1;
}
.
even {
    
background#FAFAFA;
}
.
odd {
    
background#FFF;
}

.
usermenu, .login {
    
margin10px;
    
floatright;
    
border1px solid #EBEBEB;
    
-moz-border-radius5px;
    
color#F9F9F9;
}
.
usermenu {
    
padding5px;
}
.
usermenu span {
    
padding5px 0 3px 27px;
}
.
usermenu a {
    
text-decorationnone;
    
font-size17px;
    
color#F9F9F9;
}
.
usermenu span.profile {
    
backgroundurl(../images/profile.pngno-repeat left center;
}
.
usermenu span.pm {
    
backgroundurl(../images/pm.pngno-repeat left center;
}
.
usermenu span.logout {
    
backgroundurl(../images/logout.pngno-repeat left center;
}

ul {
    list-
style-typenone;
}

input[type=text], input[type=select], input[type=password], input[type=checkbox], select {
    
padding3px;
    
color#111;
    
border1px solid #CCC;
    
margin3px;
}
input[type=submit], input[type=reset], input[type=button], button {
    
padding3px;
    
color#111;
    
border1px solid #CCC;
    
margin3px;
    
height25px;
    
backgroundurl(../images/bg-button.png);
}
input[type=submit]:hoverinput[type=reset]:hoverinput[type=button]:hoverbutton:hover {
    
backgroundurl(../images/bg-button-over.png);
}
/* dock */
#navigation {
    
margin-top40px;
    
backgroundurl(../images/bg-nav.pngcenter no-repeat;
    
height75px;
}
.
dock {
    
positionrelative;
    
height70px;
    
text-aligncenter;
}
.
dock-container {
    
positionabsolute;
}
a.dock-item {
    
displayblock;
    
width40px;
    
color#000;
    
positionabsolute;
    
top0px;
    
text-aligncenter;
    
text-decorationnone;
    
fontbold 12px ArialHelveticasans-serif;
}
.
dock-item img {
    
bordernone;
    
width100%;
}
.
dock-item span {
    
displaynone;
    
text-aligncenter;
    
color#FFCD05;
    
font-weightbold;
}

.
item {
    
border0;
}
.
item table {
    
border0;
}
.
item .itemHead {
    
border-bottom1px solid #CCC;
    
padding3px;
}
.
item .itemTitle, .itemTitle a {
    
font-size18px;
    
font-weightbold;
}
.
item .itemInfo {
    
font-styleitalic;
    
color#CCC;
}
.
item .itemInfo .itemPoster, .itemPoster a {
    
font-styleitalic;                                                    
    
color#CCC;
}
.
item .itemInfo .itemPoster a:hover {
    
color#23497C;
}
.
item .itemInfo .itemPostDate {
    
font-styleitalic;
    
color#CCC;
}
.
item .itemInfo .itemStats {
    
font-styleitalic;
    
color#CCC;
}
.
item .itemBody .itemText {
    
padding5px;
}
.
item .itemFoot {
    
border-top1px solid #F4F4F4;
    
padding5px;
    
text-alignright;
    
border-bottom1px solid #CCC;
}
#footer {
    
background#EBEBEB;
    
padding5px;
    
text-aligncenter;
    
width990px;
    
margin-left10px;
}
#xo-logger-output {
    
width1010px;
    
marginauto;
}

2
ghia
Re: CSS issue with Modern Blue theme
  • 2010/8/29 20:25

  • ghia

  • Community Support Member

  • Posts: 4953

  • Since: 2008/7/3 1


I think you have to remove
* {
    
border0;
    
padding0;
    
margin0;
    
vertical-alignbaseline;
    
font13px Verdanaserifsans-serif;
    
color#555;
}
because it superseeds all other rules in the module News CSS files.

3
skyangelo
Re: CSS issue with Modern Blue theme
  • 2010/9/1 18:15

  • skyangelo

  • Just popping in

  • Posts: 79

  • Since: 2005/4/9 1


thanks Ghia
I changed to
font-family"Verdana"sans-serif;
    
font-size13px;

Instead of
font13px Verdanaserifsans-serif;
    
color#555;

And it's OK.
Could you please help me on another issue?
Thanks a lot!

Login

Who's Online

184 user(s) are online (66 user(s) are browsing Support Forums)


Members: 0


Guests: 184


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Mar 31
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits