better-testing

notification-menu.css
View Options

			/**
			* @provides phabricator-notification-menu-css
			*/

			.phabricator-notification-menu {
			background: #ffffff;
			font-size: 11px;
			word-wrap: break-word;
			overflow-y: auto;
			}

			.phabricator-notification-menu-loading {
			text-align: center;
			padding: 10px 0;
			color: #888888;
			}

			.device-desktop .phabricator-notification-menu {
			position: fixed;
			width: 360px;
			top: 42px;
			box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.5);

			border: 2px solid #33393d;
			border-top-width: 0;
			border-radius: 3px;
			}

			.device .phabricator-notification-menu {
			border-bottom: 1px solid #222222;
			}

			.phabricator-notification {
			padding: 6px;
			cursor: pointer;
			}

			.device-desktop .phabricator-notification:hover {
			background: #f4f6f9;
			}

			.phabricator-notification + .phabricator-notification {
			border-top: 1px solid #e9e9e9;
			}

			.no-notifications {
			color: #999999;
			}

			.phabricator-notification-list {
			font-size: 11px;
			}

			.phabricator-notification-list .phabricator-notification-unread,
			.phabricator-notification-menu .phabricator-notification-unread {
			background: #aacfef;
			}

			.phabricator-notification-header {
			font-weight: bold;
			padding: 6px;
			font-size: 12px;
			border-bottom: 1px solid #e9e9e9;
			}

			.phabricator-notification-view-all {
			text-align: center;
			font-weight: bold;
			background: #f7f7f7;
			border-top: 1px solid #e9e9e9;
			padding: 6px;
			}