User:Zocky/PicturePopups.css
From Wikipedia, the free encyclopedia
Note: After saving, you have to bypass your browser's cache to see the changes. Mozilla/Safari: hold down Shift while clicking Reload (or press Ctrl-Shift-R), Internet Explorer: press Ctrl-F5, Opera/Konqueror: press F5.
.imagenote { border:solid 1px black; position:fixed; font-size:90%; cursor:default; } .imagenote > table { background:#EEE } .imagenoteicons { width:4em; } .imagenoteicons, .imagenotetitle { vertical-align:top; white-space:nowrap; color:#888; } .imagenoteicons a, .imagenotetitle a { color:#AAA; text-decoration:none; } .imagenoteicons a:hover, .imagenotetitle a:hover { color:black; background:white; } .imagenotecontent { text-align:center; min-height:2em; border:solid 1px silver; background:white; position:relative } .imagenote #file img { cursor:default; } .imagenote[minimized='1'] > table { width:150px } .imagenote[minimized='1'] .imagenotetitle span { display:block; vertical-align:top; white-space:nowrap; overflow:hidden; width:100px } .imagenote[minimized='1'] #file img { width:100%; height:100% } .imagenotecontent #imageLicense { display:inline!important; background:none!important; border:none!important; position:absolute; z-index:1; top:2em; left:0%; min-height:28px!important; width:28px!important; } .imagenotecontent #imageLicense:hover { background:white!important; border:solid 1px #AAA!important; width:326px!important; } .imagenotecontent #imageLicenseIcon { display:inline; position:relative!important; background:none!important; } .imagenotecontent #imageLicenseIcon img { height:28px; width:100% } .imagenotecontent #imageLicenseText { display:none; background:white; margin-left:60px; padding:4px; width:250px; position:relative; } .imagenotecontent #imageLicense:hover #imageLicenseText { display:block; } .imagenotecontent #imageLicense:hover #imageLicenseIcon { background:white; float:left; width:64px; height:100%; } .imagenotecontent #imageLicense:hover #imageLicenseIcon img { background:white; float:left; width:64px; height:100%; } .imagenote .imagenotecaption { width:10em; padding:0 4px; } .imagenote[minimized='1'] .imagenotecaption { display:none; } .imagenote .magnify { display:none; }