popup.css in Popup 7.x
Same filename and directory in other branches
@charset "UTF-8"; .popup-element{ display: inline-block;} .popup-element{ *display: inline;} .popup-element-title{ background: url('images/popup-icon.png') no-repeat right top; cursor: pointer; display: inline-block; padding-right: 12px; position: relative;} .popup-title-active{ background-image: url('images/popup-icon-active.png');} .popup-element-body{ display: none; position: absolute; text-align: left;} .popup-element-body a.popup-close-button{ cursor: pointer; float: right;} #popup-active-overlay{ position: absolute; z-index: 100; top: 0; left: 0;} table.popup-layout{ border: none;} /* ---- Overrides ---- */ .popup-element-body table * { border: none;} .popup-element-body tr { background: none;} /* ---- Popup menus ---- */ .popup-element-body .popup-menu-branch, .popup-element-body .popup-menu-item, div.popup-menu-block .popup-menu-branch, div.popup-menu-block .popup-menu-item{ display: block;} .popup-menu-branch .popup-menu-branch-title{ cursor: default;} /* ---- Nodes ---- */ .popup-element-body .node{ border-bottom: 0; margin: 0; padding: 0;} /* ---- Ajax ---- */ .popup-ahah-placeholder{ background: url('/misc/throbber.gif') no-repeat right -15px; height: 20px;} /* ---- Script disabled ---- */ .popup-element-noscript a.popup-close-button{ display: none;} .popup-element-noscript .popup-element-title{ position: static;} .popup-element-noscript:hover{ position: relative;} .popup-element-noscript:hover .popup-element-body{ display: block;} .popup-element-noscript:hover .popup-element-body .popup-element-body{ display: none;} .popup-element-noscript .origin-top-left.expand-top-left{ bottom: 100%; right: 100%;} .popup-element-noscript .origin-top-left.expand-top-right{ bottom: 100%; left: 0;} .popup-element-noscript .origin-top-left.expand-bottom-left{ top: 0; right: 100%;} .popup-element-noscript .origin-top-left.expand-bottom-right{ top: 0; left: 0;} .popup-element-noscript .origin-top-right.expand-top-left{ bottom: 100%; right: 0;} .popup-element-noscript .origin-top-right.expand-top-right{ bottom: 100%; left: 100%;} .popup-element-noscript .origin-top-right.expand-bottom-left{ right: 0; top: 0;} .popup-element-noscript .origin-top-right.expand-bottom-right{ left: 100%; top: 0;} .popup-element-noscript .origin-bottom-left.expand-top-left{ bottom: 0; right: 100%;} .popup-element-noscript .origin-bottom-left.expand-top-right{ bottom: 0; left: 0;} .popup-element-noscript .origin-bottom-left.expand-bottom-left{ right: 100%; top: 100%;} .popup-element-noscript .origin-bottom-left.expand-bottom-right{ top: 100%; left: 0; } .popup-element-noscript .origin-bottom-right.expand-top-left{ bottom: 0; right: 0;} .popup-element-noscript .origin-bottom-right.expand-top-right{ bottom: 0; left: 100%; } .popup-element-noscript .origin-bottom-right.expand-bottom-left{ right: 0; top: 100%; } .popup-element-noscript .origin-bottom-right.expand-bottom-right{ top: 100%; left: 100%; } .popup-element-noscript .width-100 .inner{ width: 100px;} .popup-element-noscript .width-150 .inner{ width: 150px;} .popup-element-noscript .width-200 .inner{ width: 200px;} .popup-element-noscript .width-250 .inner{ width: 250px;} .popup-element-noscript .width-300 .inner{ width: 300px;} .popup-element-noscript .width-350 .inner{ width: 350px;} .popup-element-noscript .width-400 .inner{ width: 400px;} .popup-element-noscript .width-450 .inner{ width: 450px;} .popup-element-noscript .width-500 .inner{ width: 500px;} .popup-element-noscript .popup-ahah-placeholder{ display: none;}
File
popup.cssView source
- @charset "UTF-8";
-
-
-
- .popup-element{ display: inline-block;}
- .popup-element{ *display: inline;}
- .popup-element-title{ background: url('images/popup-icon.png') no-repeat right top; cursor: pointer; display: inline-block; padding-right: 12px; position: relative;}
- .popup-title-active{ background-image: url('images/popup-icon-active.png');}
- .popup-element-body{ display: none; position: absolute; text-align: left;}
- .popup-element-body a.popup-close-button{ cursor: pointer; float: right;}
-
- #popup-active-overlay{ position: absolute; z-index: 100; top: 0; left: 0;}
-
- table.popup-layout{ border: none;}
-
- /* ---- Overrides ---- */
-
- .popup-element-body table * { border: none;}
- .popup-element-body tr { background: none;}
-
- /* ---- Popup menus ---- */
-
- .popup-element-body .popup-menu-branch,
- .popup-element-body .popup-menu-item,
- div.popup-menu-block .popup-menu-branch,
- div.popup-menu-block .popup-menu-item{ display: block;}
-
- .popup-menu-branch .popup-menu-branch-title{ cursor: default;}
-
- /* ---- Nodes ---- */
-
- .popup-element-body .node{ border-bottom: 0; margin: 0; padding: 0;}
-
-
- /* ---- Ajax ---- */
-
- .popup-ahah-placeholder{ background: url('/misc/throbber.gif') no-repeat right -15px; height: 20px;}
-
-
- /* ---- Script disabled ---- */
-
- .popup-element-noscript a.popup-close-button{ display: none;}
- .popup-element-noscript .popup-element-title{ position: static;}
- .popup-element-noscript:hover{ position: relative;}
- .popup-element-noscript:hover .popup-element-body{ display: block;}
- .popup-element-noscript:hover .popup-element-body .popup-element-body{ display: none;}
-
- .popup-element-noscript .origin-top-left.expand-top-left{ bottom: 100%; right: 100%;}
- .popup-element-noscript .origin-top-left.expand-top-right{ bottom: 100%; left: 0;}
- .popup-element-noscript .origin-top-left.expand-bottom-left{ top: 0; right: 100%;}
- .popup-element-noscript .origin-top-left.expand-bottom-right{ top: 0; left: 0;}
-
- .popup-element-noscript .origin-top-right.expand-top-left{ bottom: 100%; right: 0;}
- .popup-element-noscript .origin-top-right.expand-top-right{ bottom: 100%; left: 100%;}
- .popup-element-noscript .origin-top-right.expand-bottom-left{ right: 0; top: 0;}
- .popup-element-noscript .origin-top-right.expand-bottom-right{ left: 100%; top: 0;}
-
- .popup-element-noscript .origin-bottom-left.expand-top-left{ bottom: 0; right: 100%;}
- .popup-element-noscript .origin-bottom-left.expand-top-right{ bottom: 0; left: 0;}
- .popup-element-noscript .origin-bottom-left.expand-bottom-left{ right: 100%; top: 100%;}
- .popup-element-noscript .origin-bottom-left.expand-bottom-right{ top: 100%; left: 0; }
-
- .popup-element-noscript .origin-bottom-right.expand-top-left{ bottom: 0; right: 0;}
- .popup-element-noscript .origin-bottom-right.expand-top-right{ bottom: 0; left: 100%; }
- .popup-element-noscript .origin-bottom-right.expand-bottom-left{ right: 0; top: 100%; }
- .popup-element-noscript .origin-bottom-right.expand-bottom-right{ top: 100%; left: 100%; }
-
- .popup-element-noscript .width-100 .inner{ width: 100px;}
- .popup-element-noscript .width-150 .inner{ width: 150px;}
- .popup-element-noscript .width-200 .inner{ width: 200px;}
- .popup-element-noscript .width-250 .inner{ width: 250px;}
- .popup-element-noscript .width-300 .inner{ width: 300px;}
- .popup-element-noscript .width-350 .inner{ width: 350px;}
- .popup-element-noscript .width-400 .inner{ width: 400px;}
- .popup-element-noscript .width-450 .inner{ width: 450px;}
- .popup-element-noscript .width-500 .inner{ width: 500px;}
-
- .popup-element-noscript .popup-ahah-placeholder{ display: none;}
-
-