Template:InfoBox/Style.css

From 2009.igem.org

(Difference between revisions)
m (Make infobox inline.)
m
Line 1: Line 1:
.infoIcon { display: inline; }
.infoIcon { display: inline; }
.infoIcon[info=noinfo] { display: none; }
.infoIcon[info=noinfo] { display: none; }
-
.infoIcon .infoBox { display: none; color: #000; background: #efe; border: #000 solid 1px; width: 5cm; padding: .5em; position: absolute; left: 0%; top: 75%; z-index: 1; text-align: left; }
+
.infoIcon .infoBox { display: none; color: #000; background: #efe; border: #000 solid 1px; width: 20cm; padding: .5em; position: absolute; left: 0%; top: 75%; z-index: 1; text-align: left; }
.infoIcon:hover .infoBox { display: block; }
.infoIcon:hover .infoBox { display: block; }
.infoIcon .infoBox:hover { display: block; }
.infoIcon .infoBox:hover { display: block; }

Revision as of 18:20, 14 October 2009

.infoIcon { display: inline; } .infoIcon[info=noinfo] { display: none; } .infoIcon .infoBox { display: none; color: #000; background: #efe; border: #000 solid 1px; width: 20cm; padding: .5em; position: absolute; left: 0%; top: 75%; z-index: 1; text-align: left; } .infoIcon:hover .infoBox { display: block; } .infoIcon .infoBox:hover { display: block; }