/* * -- ArekorePopup.css for ArekorePopup.js (v1.2.5) -- * * * node-tree when mouse pointer is on effective element: * * html * +- head * +- body * +- .. * +- .. * +- ins#AP-popup-parent (popup box) * +- ul * +- li.ap-banner (if 'ap:banner' attr exists) * | +- img (image specified in 'ap:banner') * | * +- li.title (if 'title' attr exists) * | +- #text ('title' attr value) * | * +- li.href (if 'href' attr exists) * | +- a (if attr is URI-type then exists) * | +- #text ('href' attr value) * : */ ins#AP-popup-parent, ins#AP-popup-parent ul, ins#AP-popup-parent li, ins#AP-popup-parent div, ins#AP-popup-parent img, ins#AP-popup-parent a { background-color: transparent !important; background-image: none /* !important */; background-repeat : repeat !important; background-attachment: scroll !important; background-position: top left !important; border: none !important; caption-side: top !important; clear: none !important; /* clip: auto !important; */ color: inherit !important; content: "" !important; counter-increment: none !important; counter-reset: none !important; cursor: auto !important; direction: ltr !important; display: block !important; empty-cells: show !important; float: none !important; font-family: inherit !important; font-size: inherit !important; font-size-adjust: none !important; font-stretch: normal !important; font-style: normal !important; font-variant: normal !important; font-weight: normal !important; height: auto /* !important */; letter-spacing: normal !important; line-height: normal !important; list-style-type: none !important; list-style-image: none !important; margin: 0 !important; max-height: none !important; max-width: none !important; min-height: 0 !important; min-width: 0 !important; overflow: visible !important; outline: invert none medium !important; padding: 0 !important; position: static !important; quotes: none !important; table-layout: auto !important; text-align: left !important; text-decoration: none !important; text-indent: 0 !important; text-shadow: none !important; text-transform: none !important; unicode-bidi: normal !important; vertical-align: baseline !important; visibility: inherit !important; white-space: normal !important; width: auto /* !important */; word-spacing: normal !important; z-index: 1000000 !important; -moz-border-radius: 0 !important; -moz-box-sizing: content-box !important; -moz-opacity: 1.0 !important; } ins#AP-popup-parent:before, ins#AP-popup-parent:after, ins#AP-popup-parent ul:before, ins#AP-popup-parent ul:after, ins#AP-popup-parent li:before, ins#AP-popup-parent li:after, ins#AP-popup-parent div:before, ins#AP-popup-parent div:after, ins#AP-popup-parent img:before, ins#AP-popup-parent img:after, ins#AP-popup-parent a:before, ins#AP-popup-parent a:after { display: none !important; } ins#AP-popup-parent /* * 'top', 'left' properties are automatic setup by the script. * Do not declare in CSS. */ { position: absolute !important; right: auto !important; bottom: auto !important; width: auto !important; height: auto !important; color: black !important; background-color: #ffffaf !important; border: 1px solid #cfcf8e !important; padding: 4px !important; font-size: 12px !important; font-family: "Lucida Grande", sans-serif !important; } ins#AP-popup-parent li { overflow: hidden !important; /* * Script limits popup width to 90% of window by computing. * Do not declare 'max-width' in CSS. */ } ins#AP-popup-parent li:before { /* --- for debug --- */ /* display: block !important; */ /* content: "[" attr(class) "] " !important; */ } ins#AP-popup-parent li.title { font-weight: bold !important; } ins#AP-popup-parent li.href, ins#AP-popup-parent li.cite { font-size: 11px !important; } ins#AP-popup-parent li.ap-banner img { /* * If all images of 'ap:banner' are same height, * better to specify the height value here * to prevent display collapse of popup. */ /* height: 40px !important; */ } ins#AP-popup-parent a { display: inline !important; cursor: pointer !important; text-decoration: underline !important; color: expression('black') !important; /* measure to WinIE */ } /* * Settings in the case of using 'image-enhanced' rich style popup * ('this.useRichStyle = true;' in the script) * * node-tree when mouse pointer is on effective element: * * html * +- head * +- body * +- .. * +- .. * +- ins#AP-popup-parent.AP-richStyle * +- ul * | +- li.hoge * | +- li.fuga * | : * | +- li.hoge.AP-shadow (exists when UA is not WinIE) * | +- li.fuga.AP-shadow (exists when UA is not WinIE) * | : * | * +- div#AP-rect-top * +- div#AP-rect-left * +- div#AP-rect-right * +- div#AP-rect-bottom * +- div#AP-angle-top-left * +- div#AP-angle-top-right * +- div#AP-angle-bottom-left * +- div#AP-angle-bottom-right */ ins#AP-popup-parent.AP-richStyle /* * 'padding' property must be in 'px' and * same to 'richStyleEdgeWidth' variable value in script. */ { padding: 16px !important; border: 0 none !important; background-color: transparent !important; color: #eeeeee !important; } ins#AP-popup-parent.AP-richStyle a { color: expression('white') !important; /* measure to WinIE */ } ins#AP-popup-parent.AP-richStyle li.AP-shadow /* * for 'text-shadow' fake. this exists when UA is not WinIE. * 'top', 'left', 'width' properties are automatic * setup by the script. do not declare in CSS. */ { position: absolute !important; background-image: none !important; right: auto !important; height: auto !important; bottom: auto !important; color: black !important; z-index: -1 !important; } ins#AP-popup-parent.AP-richStyle li.AP-shadow img /* * shadow fake of 'ap:banner' image (except WinIE) */ { border: 1px solid black !important; border-left: none !important; border-top: none !important; } ins#AP-popup-parent.AP-richStyle div /* * 'top', 'bottom', 'left', 'right', 'width, 'height', * 'background-image' properties are automatic * setup by the script. do not declare in CSS. */ { position: absolute !important; font-size: 0px !important; /* measure to WinIE */ }