cbb forum hover style.css [Module troubleshooting]

cbb forum hover style.css

2005/6/3 23:26
mickbriz
Not too shy to talk
Posts: 114
Since: 2005/3/26

Where does the dropdown menu go, I have put it my default theme style but it doesnt seem to work.

 body {color: black; background: white; margin: 0; padding: 0;} 
 
table {width: 100%; margin: 5; padding: 5; font-size: small} 
table td {padding: 0; border-width: 0; vertical-align: top; font-family: Verdana, Arial, Helvetica, sans-serif;} 
 
a {color: #666666; text-decoration: none; font-weight: bold; background-color: transparent;} 
a:hover {color: #ff6600;} 
 
h1 {} 
h2 {} 
h3 {} 
h4 {} 
h5 {} 
ul { margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;} 
li { margin-left: 2px; list-style: square inside; color: #2F5376} 
 
input.formButton {} 
 
.item {border: 1px solid #cccccc;} 
.itemHead {padding: 3px; background-color: #2F5376; color: #FFFFFF;} 
.itemInfo {text-align: right; padding: 3px; background-color: #efefef} 
.itemTitle a {font-size: 130%; font-weight: bold; font-variant: small-caps; color: #ffffff; background-color: transparent;} 
.itemPoster {font-size: 90%; font-style:italic;} 
.itemPostDate {font-size: 90%; font-style:italic;} 
.itemStats {font-size: 90%; font-style:italic;} 
.itemBody {padding-left: 5px;} 
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;} 
.itemText:first-letter {font-size: 133%; font-weight: bold;} 
.itemFoot {text-align: right; padding: 3px; background-color: #efefef} 
.itemAdminLink {font-size: 90%;} 
.itemPermaLink {font-size: 90%;} 
 
th {background-color: #2F5376; color: #FFFFFF; padding : 2px; vertical-align : middle; font-family: Verdana, Arial, Helvetica, sans-serif;} 
 
td#headerbanner {width: 100%; background-color: #2F5376; vertical-align: middle; text-align:center;} 
td#headerbar {border-bottom: 1px solid #dddddd; background-image: url(hbar.gif);} 
 
#dropdown a{ 
    color:#FFFFFF; 
    } 
 
#dropdown .menubar, #dropdown .menu, #dropdown .item, #dropdown .separator{ 
    background-color: #99B5CC; 
    color:#FFFFFF; 
    } 
 
#dropdown .separator{ 
    border: 1px inset #e0e0e0; 
    } 
 
#dropdown .menu a:hover{ 
    color: #333; 
    } 
 
td#leftcolumn {width: 170px; border-right: 1px solid #cccccc; font-size:12px;} 
td#leftcolumn th {background-color: #2F5376; color: #FFFFFF; vertical-align: middle;} 
td#leftcolumn div.blockTitle {padding: 3px; background-color: #dddddd; color: #639ACE; font-weight: bold;} 
td#leftcolumn div.blockContent {padding: 3px; line-height: 120%; line-height: 120%;} 
 
 
td#centercolumn {font-size: 12px;} 
 
td#centercolumn th {background-color: #2F5376; color: #FFFFFF; vertical-align: middle;} 
td#centerCcolumn {padding: 0px 3px 1px 3px;} 
td#centerCcolumn legend.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px; margin-right: 0px;  margin-left: 0px;} 
td#centerCcolumn div.blockContent {border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #dddddd; padding: 3px; margin-right: 0px;  margin-left: 0px; margin-bottom: 2px; line-height: 120%;} 
 
td#centerLcolumn {width: 50%; padding: 0px 3px 0px 0px;} 
td#centerLcolumn legend.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px;} 
td#centerLcolumn div.blockContent {border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #dddddd; padding: 3px; margin-left: 3px; margin-right: 2px; margin-bottom: 2px; line-height: 120%;} 
 
td#centerRcolumn {width: 50%; padding: 0px 3px 0px 0px;} 
td#centerRcolumn legend.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px;} 
td#centerRcolumn div.blockContent {border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #dddddd; padding: 3px; margin-left: 2px; margin-right: 3px; margin-bottom: 2px; line-height: 120%;} 
 
div#content {text-align: left; padding: 8px;} 
 
td#rightcolumn {width: 170px; border-left: 1px solid #cccccc; font-size:12px;} 
td#rightcolumn th {background-color: #2F5376; color: #FFFFFF; vertical-align: middle;} 
td#rightcolumn div.blockTitle {padding: 3px; background-color: #dddddd; color: #639ACE; font-weight: bold;} 
td#rightcolumn div.blockContent {padding: 3px; line-height: 120%;} 
 
tr#footerbar {text-align:center; background-image: url(hbar.gif);} 
 
td#mainmenu a {background-color: #e6e6e6; display: block; margin: 0; padding: 4px;} 
td#mainmenu a:hover {background-color: #ffffff;} 
td#mainmenu a.menuTop {padding-left: 3px; border-top: 1px solid silver; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;} 
td#mainmenu a.menuMain {padding-left: 3px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;} 
td#mainmenu a.menuSub {padding-left: 9px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;} 
 
td#usermenu a {background-color: #e6e6e6; display: block; margin: 0; padding: 4px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;} 
td#usermenu a:hover {background-color: #ffffff;} 
td#usermenu a.menuTop {border-top: 1px solid silver;} 
td#usermenu a.highlight {background-color: #fcc;} 
 
 
 
.outer {border: 1px solid silver;} 
.head {background-color: #c2cdd6; padding: 5px; font-weight: bold;} 
.even {background-color: #dee3e7; padding: 5px;} 
.odd {background-color: #E9E9E9; padding: 5px;} 
.foot {background-color: #c2cdd6; padding: 5px; font-weight: bold;} 
tr.even td {background-color: #dee3e7; padding: 5px;} 
tr.odd td {background-color: #E9E9E9; padding: 5px;} 
 
div.errorMsg { background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;} 
div.confirmMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;} 
div.resultMsg { background-color : #CCCCCC; color: #333333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px;} 
 
div.xoopsCode { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;} 
div.xoopsQuote { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;} 
 
 
 
.comTitle {font-weight: bold; margin-bottom: 2px;} 
.comText {padding: 2px;} 
.comUserStat {font-size: 10px; color: #2F5376; font-weight:bold; border: 1px solid silver; background-color: #ffffff; margin: 2px; padding: 2px;} 
.comUserStatCaption {font-weight: normal;} 
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #2F5376; font-weight:bold; font-size: 10px;} 
.comUserRank {margin: 2px;} 
.comUserRankText {font-size: 10px;font-weight:bold;} 
.comUserRankImg {border: 0;} 
.comUserName {} 
.comUserImg {margin: 2px;} 
.comDate {font-weight: normal; font-style: italic; font-size: smaller} 
.comDateCaption {font-weight: bold; font-style: normal;}

Re: cbb forum hover style.css

2005/6/11 21:53
javier
Not too shy to talk
Posts: 184
Since: 2002/8/6 1

you already solved the problem?

As far i can see, of course will not work because you have a css diferent sintaxis:

If you put the following, will not work:
Quote:

/* color -- dropdown menu for Forum */
#dropdown a{
color:#FFFFFF;
}

#dropdown .menubar, #dropdown .menu, #dropdown .item, #dropdown .separator{
background-color: #99B5CC;
color:#FFFFFF;
}

#dropdown .separator{
border: 1px inset #e0e0e0;
}

#dropdown .menu a:hover{
color: #333;
}
/* color - end */

You must add THIS to your style.css instead.

Quote:

/* color -- dropdown menu for Forum */
div.dropdown a, div.dropdown .menubar a{
color:#FFF;
}

div.dropdown .menu, div.dropdown .menubar, div.dropdown .item, div.dropdown .separator{
background-color: #2F5376; /* color set in your theme/style.ss .th{} is recommended */
color:#FFF;
}

div.dropdown .separator{
border: 1px inset #e0e0e0;
}

div.dropdown .menu a:hover, div.dropdown .userbar a:hover{
color: #333;
}
/* color - end */

grettings
Javier

Stats
Goal:	$100.00
Due Date:	Oct 31
Gross Amount:	$0.00
Net Balance:	$0.00
Left to go:	$100.00

cbb forum hover style.css

Re: cbb forum hover style.css

Login

Search

Recent Posts

XOOPS 2.5.11 session handling too strict?

Re: XOOPS 2.5.11 search user is not working

Tuto/news: Old themes with XOOPS 2.5.11

Re: Suggetions for xmNews & xSitemap

Re: Suggetions for xmNews & xSitemap

Suggetions for xmNews & xSitemap

Help Needed with Custom Module Development in XOOPS

Re: sbadmin5 - Bootstrap 5 Theme

Re: sbadmin5 - Bootstrap 5 Theme

Re: sbadmin5 - Bootstrap 5 Theme

Who's Online

Donat-O-Meter

Latest GitHub Commits

{{ record.sha.slice(0, 7) }} - {{ record.commit.message | truncate }}