Merge branch 'dev' into dev

css/mainmenu.scss

@@ -78,6 +78,10 @@
   background-color: #aaa;
 }
 
+.menu-header {
+  position: relative;
+}
+
 #hacking-menu-header-li,
 #character-menu-header-li,
 #world-menu-header-li,
@@ -129,7 +133,5 @@
 
 /* Slide down transition */
 .mainmenu-accordion-panel {
-  max-height: 0;
-  opacity: 1;
   transition: max-height 0.2s ease-out;
 }

css/menupages.scss

@@ -12,6 +12,11 @@
   overflow-y: scroll;
 }
 
+#generic-react-container {
+  position: fixed;
+  padding: 10px;
+}
+
 /* Character Info */
 #character-container {
   padding-top: 10px;

css/styles.scss

@@ -113,6 +113,10 @@ a:visited {
   color: #fff;
   border-radius: 2px;
   padding: 1px 3px;
+  font-size: $defaultFontSize * 0.625;
+  top: 0;
+  right: 0;
+  position: absolute;
 }
 
 .notification-off {
@@ -120,6 +124,21 @@ a:visited {
   color: #333;
   border-radius: 0;
   padding: 0;
+  display: "none";
+}
+
+.notification {
+  position: relative;
+  display: inline-block;
+}
+
+.notification .badge {
+  position: absolute;
+  top: 0;
+  right: 0;
+  padding: 2px;
+  background: red;
+  color: white;
 }
 
 /* help tip. Question mark that opens popup with info/details */