Last 5 SB Posts Module -> Is there a CSS Class that controls its styling

webweever · 17.04.2004, 05:13

Below is my css. Which part controls the look of the Last 5 SB topics Mod?

body {
margin: 0px 0px 0px 0px;
background-color : #ffffff;
color : #000000;
}

td,tr,p,div {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
}

h4 {
color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px; font-weight: bold;
}

h5 {
color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px; font-weight: bold;
}

h6 {
color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; font-weight: bold;
}

a:link, a:visited {
font-size: 11px; color: #333333; text-decoration: underline;
font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;
}
a:hover {
color: #D62222; text-decoration: none;
}

hr {

background: #858384; height:2px; border: 1px inset;

}

a.mainmenu:link, a.mainmenu:visited {

font-size: 11px;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: none;

}

a.mainmenu:hover {

font-size: 11px;
color: #FFFFFF;
border: none;
background-color: #D62222;

}

.contentpane {

}

.contentpaneopen {

}

.contentheading {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #333333;
text-align:left;
background-repeat: no-repeat;
text-indent: 0pt;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #D62222;
}

.contentdescription {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
text-align: left;
}

.pathway {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

a.blogsection:link, a.blogsection:visited {

color: #D62222; text-decoration: none; font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;

}

a.blogsection:hover {
color: #000000; text-decoration: none;
}

a.pathway:link, a.pathway:visited {

color: #000000; text-decoration: none; font-weight: normal; font-size: 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;

}

a.pathway:hover {

color:#D62222;
text-decoration: underline;
}

a.weblinks:link, a.weblinks:visited {

color: #D62222; text-decoration: none; font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.weblinks:hover {

color: #000000; text-decoration: none;

}

a.readon:link, a.readon:visited {

color: #3451B4; text-decoration: none; font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

a.readon:hover {
color: #000000;
text-decoration: none;

}

.moduleheading {

font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color: #ffffff
text-align: left;
white-space: nowrap;
width: 100%;
text-indent: 12px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #000000;

}

.componentheading {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #333333;
text-align:left;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #D62222;
}

.boxheading {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #000000;
text-align:left;

}

.button {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 9px;
background: #D62222;
color: #FFFFFF;
border: 1px solid;
}

.inputbox {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #D62222;
vertical-align: bottom;
}

.slogan {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #858384;
}

.searchsite {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
color: #D62222;
}

.category {

color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px; font-weight: bold; text-decoration: none;

}

a.category:link, a.category:visited {

color: #000000; font-weight: bold;

}
a.category:hover {

color: #D62222;

}

.poll {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
line-height: 14px
}

.pollstableborder {

border: 0px;

}

.sectiontableentry1 {

border: 0px;
color: #000000;
background-color: #CACACA;

}

.sectiontableentry2 {

border: 0px;
background-color: #E5E4E4;

}

.sectiontableheader {

border: 0px;
color : #FFFFFF;
font-weight : bold;
background-color: #D62222;

}

.small {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #D62222;
text-decoration: none;
font-weight: normal;

}

.createdate {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #CACACA;
text-decoration: none;
font-weight: normal;

}

.modifydate {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #808080;
text-decoration: none;
font-weight: normal;
}

ul {

margin: 0px 0px 0px 0px;

}

li {

list-style: url(../images/arrow2.png) inside;
}

.fase4rdf {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px; color: #000000; font-weight: normal;
}

a.fase4rdf:link {
font-size: 11px; font-weight: normal; color: #3451B4;
}

a.fase4rdf:hover {
font-weight: bold; color: #808080;
}

table.searchintro {

background-color: #ffffff;
}
table.contact {

background-color: #ffffff;

}
table.contact td.icons {
background-color: #ffffff;
}

table.contact td.details {
background-color: #ffffff;
font-size: 10px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;

}

.menu {

margin-left: 8px;
background-repeat: repeat-y;
background-color: #ffffff;

}

.menu2 {

background-color: #ffffff;

}

.layer {

font-size: 8px;
color: #FFFFFF;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.mainlevel:link {

}

a.mainlevel:hover {

color: #D62222;
background-color: #ffffff;
text-decoration: underline;
width: 95%;

}

.mainlevel {

font-size: 16px;
font-weight: bold;
}

.sublevel {

}

.moscode {

background-color: #ffffff;
}

.message {

font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size : 10pt;
color : #ff6600;
text-align: center;

}

.moduletable {

}

table.moduletable {

width: 95%;
border-left: solid 0px #000000;
border-right: solid 0px #000000;
border-top: solid 0px #000000;
border-bottom: solid 0px #000000;
margin-left: 10px;

}

table.moduletable th {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #D62222;
white-space: nowrap;
background-repeat: no-repeat;
background-image: url(../images/menu.gif);
text-indent: 20pt;
border-bottom-width: 1px;
border-bottom-style: inset;
border-bottom-color: #D62222;
text-align: left;

}

table.moduletable td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;

}
.ontab {
background-color: #ffffff;
border-left: outset 2px #ff9900;
border-right: outset 2px #808080;
border-top: outset 2px #ff9900;
border-bottom: solid 1px #d5d5d5;
text-align: center;
cursor: hand;
font-weight: bold;
color: #FFFFFF;
}

.offtab {
background-color : #e5e5e5;
border-left: outset 2px #E0E0E0;
border-right: outset 2px #E0E0E0;
border-top: outset 2px #E0E0E0;
border-bottom: solid 1px #d5d5d5;
text-align: center;
cursor: hand;
font-weight: normal;
}

.tabpadding {
}

.tabheading {
background-color: #ffffff;
text-align: left;
}

.pagetext {
visibility: hidden;
display: none;
position: relative;
top: 0;
}

tudorbob · 17.04.2004, 10:19

I do not think it has a special class - as there is no class specified in the script - therefore the links will have the same class as your generic links do.

Code:

 a:link, a:visited {
font-size: 11px; color: #333333; text-decoration: underline;
font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;
}
a:hover {
color: #D62222; text-decoration: none;
}

If you want to add your own class you can hack the file and add a class into the link such as this.

Code:

$content.=$enum.": <a class="yourclass" href=\"index.php?option=com_simpleboard&func=view&catid=".$mes->catid."&id=".$mes->id."\">".$mes->subject."</a>

Then just add it into the style sheet.

This is what I would do.
Tudor

visualdensity · 17.04.2004, 11:32

There is no custom CSS for Last 5 Topics module. If you want to change the outlook of it, you can either hack it manually, or change the settings of the moduleTable{} properties.

Do note that changing all the moduleTable{} properties will affect other modules unless you use tudorbob's suggestion (which I haven't tried using).

HTH