I was unable to find the above code in my template.css.css. I have tried for hours playing with this code but still spaces after every image and thumbnails.
This is my template.css.css:
/* Body */
BODY {
margin: 0px 0px 0px 0px;
background-color : #336699 ;
color : #000000;
scrollbar-3dlight-color: #336699;
scrollbar-base-color: #003366;
scrollbar-darkshadow-color: #336699;
scrollbar-face-color: #336699;
scrollbar-highlight-color: #003366;
scrollbar-shadow-color: #003366;
scrollbar-track-color: #003366;
scrollbar-arrow-color: #FFFFFF;
}
td,tr,p,div {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: Black;
}
/* Styles for dhtml tabbed-pages */
.ontab {
background-color: #000000;
border-left: outset 2px #336666;
border-right: outset 2px #808080;
border-top: outset 2px #336666;
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: #99CCCC;
text-align: left;
}
.pagetext {
visibility: hidden;
display: none;
position: relative;
top: 0;
}
h4 {
color: #003366; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 16px; font-weight: bold;
}
h5 {
color: #336699; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 14px; font-weight: bold;
}
h6 {
color: #33CCCC; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; font-weight: bold;
}
/* Links */
a:link, a:visited {
font-size: 11px; color: #3366CC; text-decoration: none;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
a:hover {
color: #99CCFF; text-decoration: none;
font-weight: bold;
}
/* Horizontal Line */
hr {
background: #99CCCC; height:2px; border: 1px inset;
}
hr.separator {
background: #336699;
height: 1px;
width: 75px;
border: 0px;
}
/* --Default Class Settings-- */
a.mainlevel:link, a.mainlevel:visited {
color: #000033;
background-position: left;
text-align: right;
}
a.mainlevel:hover {
color: #737373;
background-position: left;
text-align: left;
}
a.mainmenu:link, a.mainmenu:visited {
color: #003366; font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, serif;
font-weight: normal;
}
a.mainmenu:hover, {
color: #336699; text-decoration: underline;
}
a.sublevel:hover {
color: #336699; text-decoration: underline;
}
a.sublevel:link, a.sublevel:visited {
color: #003366; font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, serif;
font-weight: normal;
}
/* For content item titles that are hyperlink instead of Read On */
a.contentpagetitle:link, a.contentpagetitle:visited {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #003366;
text-align:left;
}
a.contentpagetitle:hover {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-align:left;
color: #336699;
text-decoration: underline;
font-weight: bold;
}
/* Content - Sections & Categories */
.contentpane {
background-color : #FFFFFF;
}
.contentpaneopen {
border : 0px ridge #66CCCC;
}
.contentheading {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #000033;
text-align:left;
background-image: url(../images/bullet2.gif);
background-repeat: no-repeat;
background-position: top left;
text-indent: 22px;
line-height: 16px;
height: 15px;
}
.contentpagetitle {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #336699;
text-align:left;
}
table.contenttoc {
color: #333300;
background-color: #e0e0e0;
}
table.contenttoc td {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
text-align:left;
}
.contentdescription {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000033;
text-align: left;
}
/* Links */
a.blogsection:link, a.blogsection:visited {
color: #003366; text-decoration: none; font-weight: normal;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
a.blogsection:hover {
color: #336699; text-decoration: underline;
font-weight: normal;
font-size: 10px;
}
a.weblinks:link, a.weblinks:visited {
color: #003366; text-decoration: none; font-weight: normal;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
a.weblinks:hover {
color: #336699; text-decoration: underline;
}
a.readon:link, a.readon:visited {
color: #003366; text-decoration: none; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
list-style: inside url(../images/read.gif);
list-style-type: disc;
display: list-item;
white-space: normal;
font-weight: normal;
}
a.readon:hover {
color: #336699; text-decoration: underline;
font-weight: normal;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
list-style: inside url(../images/read.gif);
list-style-type: disc;
display: list-item;
white-space: normal;
}
table.moduletable {
margin: 0px 0px 0px 0px;
width: 95%;
border-left: solid 0px #000000;
border-right: solid 0px #000000;
border-top: solid 0px #000000;
border-bottom: solid 0px #000000;
}
table.moduletable th {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #003333;
text-align: left;
width: 100%;
background: transparent url(../images/moduleheading.gif) no-repeat left;
text-indent: 18px;
height: 20px;
border-bottom: 1px solid #336699;
line-height: 20px;
}
table.moduletable td {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
}
.componentheading {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #000033;
text-align:left;
background-repeat: no-repeat;
text-indent: 20px;
line-height: 15px;
height: 15px;
list-style: disc inside url(../images/bullet.gif);
white-space: normal;
display: list-item;
border-bottom: 1px solid #336699;
}
.button {
color: #000033; font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, serif;
font-weight: bold;
text-align: center;
font-size: 12px;
font: bold;
background: White;
border: 1px solid #6633CC;
height: 20px;
}
.inputbox {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
background: #336699;
border: 1px solid;
}
/** category text format and links **/
.category {
color: #333399; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px; font-weight: bold; text-decoration: none;
}
a.category:link, a.category:visited {
color: #003366; font-weight: bold;
}
a.category:hover {
color: #336699;
}
.poll {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
line-height: 14px
}
.sectiontableentry1, {
background-color : #FFFFFF;
}
.contentpane {
background-color : #FFFFFF;
}
.sectiontableentry2 {
background-color : #CCCCFF;
}
.sectiontableheader {
background-color : #003366;
color : #99CCCC;
font-weight : bold;
}
.small {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #333399;
text-decoration: none;
font-weight: normal;
}
.smalldark {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #333333;
text-decoration: none;
font-weight: normal;
}
.newsfeedheading {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #333333;
text-align:left;
}
.newsfeeddate {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #6633CC;
font-weight: normal;
}
.createdate {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #336699;
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: inside url(../images/arrow.gif) 3px;
list-style-image: url(../images/arrow.gif);
}
.fase4rdf {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px; color: #FFFFFF; font-weight: normal;
}
a.fase4rdf:link {
font-size: 11px; font-weight: normal; color: #003366;
}
a.fase4rdf:hover {
font-weight: bold; color: #336699;
}
table.searchintro {
background-color: #FFFFFF;
border: 1px solid #336699;
}
table.contact {
background-color: #CCCCFF;
}
table.contact td.icons {
background-color: #CCCCFF;
}
table.contact td.details {
background-color: #99CCCC;
font-size: 10px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.pagenav {
font-weight: normal;
}
a.pagenav, a.pagenav:visited {
font-weight: bold;
color: #336699;
}
a.pagenav:hover {
color: #99CCCC;
}
.pagenavbar {
}
/* Content voting */
.content_rating {
font-weight: normal;
font-size: 8pt;
}
.content_vote {
font-weight: normal;
font-size: 8pt;
}
a.bar:link, a.bar:visited {
color: White; text-decoration: none; font-weight: normal;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font: bold;
}
a.bar:hover {
color: #6633CC; text-decoration: none;
}
.searchbox {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: White;
background: #336699;
border: 2px solid;
height: 18px;
line-height: 13px;
}
.title {
font-weight: bold;
font-size: 18px;
color: White;
letter-spacing: 6px;
}
/* for modifying {moscode} output. Don't set the colour! */
.moscode {
background-color: #f0f0f0;
}
/* Text passed with mosmsg url parameter */
.message {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size : 10pt;
color : #3300FF;
text-align: center;
}
.pathway {
color : #FFFFFF;
}
So, any ideas please? This is driving me mad!