Open include/functions.inc.php, find
$thumb_list[$i]['image'] = '<img src="' . $pic_url . '" class="image" ' . $image_size['geom'] . ' border="0" alt="' . $row['filename'] . '" title="' . $pic_title . '" />';
and replace the class to your needs.
It's probably a good idea for the next Coppermine release to add an additional class (e.g. "thumbnail") to the thumbnails.
I found a simple way to add diffrent style to thumbnails without editing coppermine files:
all images (thumbnails and intermediate pictures) have the same class: .image but they are in tables,tr,td or divs with diffrent css class.
In the curve theme the classes for .image are:
.image {
border-style:solid;
border-width:1px;
border-color:#000000;
margin:2px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
/* pseudo-classes for image links */
a:link .image{
border-style:solid;
border-width:1px;
border-color:#000000;
margin:2px;
}
a:visited .image{
border-style:solid;
border-width:1px;
border-color:#840084;
margin:2px;
}
a:focus .image{
border-style:solid;
border-width:1px;
border-color:#000000;
margin:2px;
}
a:hover .image{
border-style:solid;
border-width:1px;
border-color:#0033CC;
margin:2px;
}
a:active .image{
border-style:solid;
border-width:1px;
border-color:#000000;
margin:2px;
}
because the thumbnails images are in a tr with class .thumbnails you can override the image class like this:
add to style.css:
.thumbnails .image{
border:none;
margin:2px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
.thumbnails a:link .image{
border:none;
margin:2px;
}
.thumbnails a:visited .image{
border:none;
margin:2px;
}
.thumbnails a:focus .image{
border:none;
margin:2px;
}
.thumbnails a:hover .image{
border:5px solid #cccccc;
margin:2px;
}
.thumbnails a:active .image{
border:none;
margin:2px;
}
you can add your custom styles to code above like background,opacity,border etc .