.mw-echo-overlay { position: absolute; top: 2.6em; right: 0; border: 1px solid silver; background-color: #fff; width: 450px; min-height: 2em; padding: 0; color: #6D6D6D; z-index: 60; overflow: auto; box-shadow: 0px 3px 8px rgba(50, 50, 50, 0.35); } .mw-echo-overlay ul { margin: 0; } .mw-echo-overlay li { /* border-bottom: 1px solid #A7D7F9;*/ display: block; } .mw-echo-overlay-title { /*border-bottom: 1px solid #A7D7F9;*/ font-size: 13px; padding: 15px 15px 15px 60px; border-bottom: 1px solid #DDDDDD; font-weight: bold; } #mw-echo-overlay-footer { padding: 0px 0px 0px 48px; } #mw-echo-overlay-link { clear: left; float: left; padding: 15px 0px 15px 30px; width: 150px; min-height: 14px; font-size: 0.8em; /* @embed */ background-image: url(../icons/NotificationsPage.png); background-repeat: no-repeat; background-position: 12px 15px; } #mw-echo-overlay-pref-link { float: left; width: 150px; min-height: 14px; font-size: 0.8em; padding: 15px 0 15px 30px; border-left: 1px solid #DDDDDD; /* @embed */ background-image: url(../icons/Settings.png); background-repeat: no-repeat; background-position: 12px 15px; } #pt-notifications .mw-badge { margin-left: 3px; } .mw-echo-overlay .mw-echo-notification { border-bottom: 1px solid #DDDDDD; padding: 15px 15px 10px 15px; filter: alpha(opacity=50); opacity: 0.5; } .mw-echo-overlay .mw-echo-unread { filter: alpha(opacity=100); opacity: 1.0; } #pt-notifications .mw-badge { margin-left: 3px; } .mw-echo-overlay-none { font-size: 13px; border-bottom: 1px solid #DDDDDD; padding: 15px 15px 10px 60px; }