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;
}