Example:
box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}
.fsi-skin-example .fsi-ui-tool-tip-arrow {
border-top: 7px solid #4d4d4d;
}
/* navigation window */
.fsi-skin-example .fsi-ui-nav-window {
background-color: rgba(255,255,255,0.8);
}
.fsi-skin-example .fsi-ui-nav-window-image {
border: 1px solid #33b1aa;
background-color: rgba(255,255,255,0.8);
}
/* PSEUDO CLASS, only these 2 values will be read */
.fsi-skin-example .fsi-ui-nav-frame {
border-color: #33b1aa;
background-color: rgba(255,255,255,0.35);
}
/* the text 0.0% to 100.0% below the nav window image */
.fsi-skin-example .fsi-ui-nav-window-zoom-text{
color:#4d4d4d;
}
/* HotSpots */
.fsi-skin-example .fsi-ui-hotspot {
color:#fff;
border:1px solid rgba(255,255,255, 1.0);
border-radius: 2px;
background-color: rgba(88, 168, 255, 0.85);
box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}
.fsi-skin-example .fsi-ui-hotspot-hover {
background-color: rgba(88, 168, 255, 1.0);
}
.fsi-skin-example .fsi-ui-hotspot-active {
background-color: rgba(88, 168, 255, 1.0);
}
.fsi-skin-example .fsi-ui-hotspot-line-color {
color: #336699;
}
.fsi-skin-example .fsi-ui-hotspot-line-background-color {
color: #113399;
}
/* dialogs */
13 Appendix
NeptuneLabs - FSI Viewer
512
