diff --git a/user_config/docs/theme/css/extra.css b/user_config/docs/theme/css/extra.css
index ce4244b4b71115c5ba316f3abfa0bb40b8bb3c6d..53b67ada0720ab9c9501cb9d9edf66fa4d040f56 100644
--- a/user_config/docs/theme/css/extra.css
+++ b/user_config/docs/theme/css/extra.css
@@ -1,4 +1,45 @@
 .image-center {
   display : block;
   margin  : auto;
-}
\ No newline at end of file
+}
+
+.Popup {
+  position: relative;
+  display: none;
+  opacity:0;
+  -webkit-transition: opacity 400ms ease-in;
+  -moz-transition: opacity 400ms ease-in;
+  transition: opacity 400ms ease-in;
+}
+
+.Popup:target {
+  display: inline;
+  opacity:1;
+}
+
+.Popup > div {
+  position: relative;
+  padding: 5px 20px 13px 20px;
+  border-radius: 10px;
+  background: #364653;
+}
+
+.close {
+  background: #606061;
+  color: #FFFFFF;
+  line-height: 25px;
+  position: absolute;
+  right: -12px;
+  text-align: center;
+  top: -10px;
+  width: 24px;
+  text-decoration: none;
+  -webkit-border-radius: 12px;
+  -moz-box-shadow: 1px 1px 3px #000;
+}
+
+.close:hover { background: #00d9ff; }
+
+.md-typeset a {
+  color: rgba(var(--md_color__blue_500),1.00);
+}