body { | |
background-image : url(../graphics/contentpage/whatsnew_wtr.jpg); | |
} | |
.page { min-height : 500px; } | |
/* show the "selected" image for this page */ | |
#navigation-links a#news img, #navigation-links a#news:hover img { background-image : url(../graphics/icons/ctool/whatsnew48sel.gif); } | |
/* | |
* Set up the content of the Whats New page to be displayed in | |
* two columns that are centered in the middle of the page. | |
*/ | |
#news-links { | |
text-align : left; | |
width : 760px; | |
/* To center in Moz (have to use text-align for IE) */ | |
margin: 0px auto; | |
} | |
#news-links a { | |
width : 370px; | |
text-align : left; | |
margin-left : 5px; | |
margin-right : 5px; | |
margin-top : 5px; | |
margin-bottom : -20px; | |
vertical-align : top; | |
} | |
#news-links > a { vertical-align : middle; } | |
#news-links a img { | |
height : 57px; | |
width : 57px; | |
vertical-align : middle; | |
} | |
#news-links a .link-label { | |
display : block; | |
width : 300px; | |
position : relative; | |
top : -50px; | |
left : 60px; | |
} | |
#news-links a p .text { | |
display : block; | |
width : 300px; | |
position : relative; | |
top : -45px; | |
left : 53px; | |
} | |
/* Special case for Mozilla, because the links are displayed | |
in 1 vertical column instead of 2 centered columns */ | |
#news-links > a { width : 700px; } | |
#news-links a > .link-label { width : 700px; } | |
#news-links a p > .text { width : 700px; } | |
#news-links a:hover { border-right : 5px; } | |
a#new-and-noteworthy img { background-image : url(../graphics/icons/obj48/new_obj.gif); } | |
a#new-and-noteworthy:hover img { background-image : url(../graphics/icons/obj48/newhov_obj.gif); } | |
a#migration img { background-image : url(../graphics/icons/obj48/migrate_obj.gif); } | |
a#migration:hover img { background-image : url(../graphics/icons/obj48/migratehov_obj.gif); } | |
a#updates img { background-image : url(../graphics/icons/obj48/updates_obj.gif); } | |
a#updates:hover img { background-image : url(../graphics/icons/obj48/updateshov_obj.gif); } | |
a#eclipse img { background-image : url(../graphics/icons/obj48/community_obj.gif); } | |
a#eclipse:hover img { background-image : url(../graphics/icons/obj48/communityhov_obj.gif); } | |