Hey all,
I need help removing the blurryiness over my images
I cant find it in the style.css
im using the anabolica theme
http://www.durhamclubinfo.com/photo/index.php
login/pass = guest
Remove the opacity property from the .image class in style.css
Quote from: Gizmo on September 04, 2008, 12:45:04 PM
Remove the opacity property from the .image class in style.css
i have 5 different opacity options
i tried making all the values 0 and it still showed it
a, bblink a, .catlink a, .topmenu a {
color: #646464;
text-decoration: none;
}
a:visited .image, a:visited .image1 {
border-bottom: 2px solid #646464;
border-right: 2px solid #646464;
filter: Shadow(Direction=120);
}
a:hover .image, a:hover .image1 {
border-bottom: #FFFFFF 1px solid;
border-left: #FFFFFF 1px solid;
border-right: #FFFFFF 1px solid;
border-top: #FFFFFF 1px solid;
filter: Blur(Add=1, Direction=120, Strength=1);
}
bblink a:hover {
color: #646464;
text-decoration: overline;
}
body {
background-attachment: fixed;
background-color: #000000;
background-image: url(images/background.jpg);
background-position: left;
background-repeat: no-repeat;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 0px;
margin: 0px;
scrollbar-3dlight-color: #555555;
scrollbar-arrow-color: #777777;
scrollbar-darkshadow-color: #333333;
scrollbar-face-color: #444444;
scrollbar-highlight-color: #444444;
scrollbar-shadow-color: #333333;
scrollbar-track-color: #333333;
}
h1{
color: #ffffff;
font-family: "Verdana", Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: oblique;
font-weight: bold;
}
h2 {
color: #FFFFFF;
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
}
h3 {
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
li {
color: #FFFFFF;
list-style-position: outside;
list-style-type: disc;
margin-bottom: 4px;
margin-left: 10px;
margin-top: 4px;
padding: 0px;
}
p {
color: #FFFFFF;
font-family: Verdana, Helvetica, sans-serif;
font-size: 100%;
margin: 2px 0px;
}
table {
color: #FFFFFF;
font-size: 10px;
}
ul {
margin-left: 5px;
padding: 0px;
}
.admin_menu {
background-image: url(images/button_bg.gif);
background-position: bottom;
border: 1px solid #005D8C;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 85%;
margin-bottom: 0px;
margin-top: 0px;
text-align: center;
}
.admin_menu a {
color: #000000;
display: block;
padding-bottom: 1px;
padding-left: 2px;
padding-right: 2px;
padding-top: 1px;
position: relative;
text-decoration: none;
}
.admin_menu a:hover {
color: #000000;
text-decoration: underline;
}
.admin_menu_thumb {
border: 1px solid #FFFFFF;
color: #FFFFFF;
font-family: Verdana, Helvetica, sans-serif;
font-size: 85%;
font-weight: bold;
margin-bottom: 0px;
margin-top: 0px;
width: 85px;
}
.admin_menu_thumb a {
color: #FFFFFF;
display: block;
padding-bottom: 1px;
padding-left: 10px;
padding-right: 10px;
padding-top: 1px;
position: relative;
text-decoration: none;
}
.alblink a, .footer a, .statlink a, .user_thumb_infobox a {
color: #FFFFFF;
text-decoration: none;
}
.album_stat {
font-size: 85%;
margin: 5px 0px;
}
.anycontent a:hover {
color: #FFFFFF;
font-size: 95%;
text-decoration: overline;
}
.anycontent, .anycontent a {
color: #FFFFFF;
font-size: 95%;
}
.button {
border: 1px solid;
color: #000000;
font-family: Verdana, Helvetica, sans-serif;
font-size: 100%;
}
.catlink {
display: block;
margin-bottom: 2px;
}
.checkbox, .radio {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
vertical-align: middle;
}
.clickable_option {
border-bottom: 1px dotted #0000FF;
cursor: hand;
}
.comment_button {
background: #000000;
border: 1px solid;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
padding-left: 3px;
padding-right: 3px;
}
.comment_date{
color: #FFFFFF;
font-size: 90%;
vertical-align: middle;
}
.debug_text {
background-color: #EFEFEF;
border: #BDBEBD;
margin: 0px;
width: 100%;
}
.footer {
color: #FFFFFF;
font-size: 9px;
}
.footer a:hover, .navmenu a:hover, .statlink a:hover, .thumb_caption a, .topmenu a:hover, .user_thumb_infobox a:hover, a:hover, .admin_menu_thumb a:hover, .alblink a:hover, .catlink a:hover {
color: #FFFFFF;
text-decoration: overline;
}
.gal_name {
color: #646464;
font-size: 14px;
font-weight: bold;
}
.image {
border-color: #FFFFFF;
border-style: solid;
border-width: 2px;
filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=100);
margin: 2px;
-moz-opacity: 0.5;
}
.imageborder {
background-color: #FFFFFF;
border: 1px solid #000000;
margin-bottom: 30px;
margin-top: 30px;
}
.img_caption_table {
background: #646464;
border: none;
margin: 0px;
width: 100%;
}
.img_caption_table td {
background: #646464;
border-top: 1px solid;
padding-bottom: 6px;
padding-left: 10px;
padding-right: 10px;
padding-top: 6px;
}
.img_caption_table th {
background: #646464;
border-top: 1px solid;
color: #FFFFFF;
font-size: 100%;
padding-bottom: 4px;
padding-left: 10px;
padding-right: 10px;
padding-top: 4px;
}
.listbox {
border: 1px solid #FFFFFF;
color: #000000;
font-family: Verdana, Arial, Arial, Helvetica, sans-serif;
font-size: 100%;
vertical-align: middle;
}
.listbox_lang {
background-color: #000000;
border: 1px solid #CCCCCC;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
vertical-align: middle;
}
.listbox_lang {
background-color: #D1D7DC;
border: 1px solid #D1D7DC;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
vertical-align: middle;
}
.maintable {
}
.menu_navigator {
border-bottom: 1px solid;
border-left: 0px;
border-right: 0px;
border-top: 0px;
color: #FFFFFF;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
font-weight: bold;
padding-bottom: 1px;
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
}
.navmenu {
background: #646464;
border-style: none;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
}
.navmenu a {
background-color: #646464;
color: #FFFFFF;
display: block;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
position: relative;
text-decoration: none;
}
.navmenu img {
background: #646464;
margin-bottom: 1px;
margin-left: 5px;
margin-right: 5px;
margin-top: 1px;
}
.sortorder_cell {
color: #FFFFFF;
margin: 0px;
padding: 2px;
}
.sortorder_options {
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 85%;
font-weight: normal;
margin: 0px;
padding: 0px;
white-space: nowrap;
}
.statlink {
color: #FFFFFF;
}
.tableb {
}
.tableb_compact {
}
.tablef {
background: #646464;
color: #FFFFFF;
filter: alpha(Opacity=100, FinishOpacity=40, Style=1, StartX=100, StartY=0, FinishX=0, FinishY=0);
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
}
.tableh1 {
background: #646464;
color: #FFFFFF;
filter: alpha(Opacity=100, FinishOpacity=40, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=0);
padding-bottom: 3px;
padding-left: 10px;
padding-right: 10px;
padding-top: 3px;
text-align: left;
}
.tableh1_compact, .tableh2_compact {
background: #646464;
color: #FFFFFF;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
}
.tableh2 {
background: #646464;
color: #FFFFFF;
filter: alpha(Opacity=100, FinishOpacity=0, Style=3, StartX=0, StartY=0, FinishX=200, FinishY=0);
padding-bottom: 3px;
padding-left: 10px;
padding-right: 10px;
padding-top: 3px;
}
.textinput {
background-color: #000000;
border: 1px solid #FFFFFF;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
padding-left: 3px;
padding-right: 3px;
}
.thumb_caption {
display: block;
font-size: 85%;
padding: 1px;
}
.thumb_num_comments {
display: block;
font-size: 85%;
font-style: normal;
font-weight: normal;
padding: 2px;
}
.thumb_title {
display: block;
font-size: 100%;
font-weight: bold;
padding: 2px;
}
.thumbnails {
padding: 5px;
}
.topmenu {
color: #FFFFFF;
font-size: 100%;
}
.topmenu td {
font-weight: bold;
white-space: nowrap;
}
.user_thumb_infobox {
margin-bottom: 1px;
margin-top: 1px;
}
.user_thumb_infobox td {
font-size: 90%;
margin-bottom: 1px;
margin-top: 1px;
text-align: center;
}
.user_thumb_infobox th {
font-size: 100%;
font-weight: bold;
margin-bottom: 1px;
margin-top: 1px;
text-align: center;
}
#v_css {
background-image: url(../../images/valid-css.gif);
float: right;
}
#v_css:hover{
background-image: url(../../images/h_valid-css.gif);
}
#v_mysql {
background-image: url(../../images/powered-mysql.gif);
float: left;
}
#v_mysql:hover {
background-image: url(../../images/h_powered-mysql.gif);
}
#v_php {
background-image: url(../../images/powered-php.gif);
float: left;
}
#v_php:hover {
background-image: url(../../images/h_powered-php.gif);
}
#v_xhtml {
background-image: url(../../images/valid-xhtml10.gif);
float: right;
}
#v_xhtml:hover {
background-image: url(../../images/h_valid-xhtml10.gif);
}
#vanity a {
display: block;
height: 20px;
margin: 3px 20px;
width: 57px;
}
#vanity img {
border: 0;
}
I removed it from the class I specified in my first repsonse and it worked for me. When I say remove, I mean delete it and see what happens.
ok got it
thanks!