mirror of
https://github.com/wxWidgets/Phoenix.git
synced 2026-01-09 21:40:34 +01:00
ca4746f13c
git-svn-id: https://svn.wxwidgets.org/svn/wx/wxPython/Phoenix/trunk@70205 c3d73ce0-8a6f-49c7-b76d-6d57e0e08775
47 lines
917 B
CSS
47 lines
917 B
CSS
<style type="text/css">
|
|
|
|
/*Credits: Dynamic Drive CSS Library */
|
|
/*URL: http://www.dynamicdrive.com/style/ */
|
|
|
|
.gallerycontainer{
|
|
position: relative;
|
|
/*Add a height attribute and set to largest image's height to prevent overlaying*/
|
|
}
|
|
|
|
.thumbnail img{
|
|
border: 1px solid white;
|
|
margin: 0 5px 5px 0;
|
|
}
|
|
|
|
.thumbnail:hover{
|
|
background-color: transparent;
|
|
}
|
|
|
|
.thumbnail:hover img{
|
|
border: 1px solid blue;
|
|
}
|
|
|
|
.thumbnail span{ /*CSS for enlarged image*/
|
|
position: absolute;
|
|
background-color: lightyellow;
|
|
padding: 5px;
|
|
left: -1000px;
|
|
border: 1px dashed gray;
|
|
visibility: hidden;
|
|
color: black;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.thumbnail span img{ /*CSS for enlarged image*/
|
|
border-width: 0;
|
|
padding: 2px;
|
|
}
|
|
|
|
.thumbnail:hover span{ /*CSS for enlarged image*/
|
|
visibility: visible;
|
|
top: 0;
|
|
left: 230px; /*position where enlarged image should offset horizontally */
|
|
z-index: 50;
|
|
}
|
|
|
|
</style> |