diff --git a/www/austin/badge.html b/www/austin/badge.html
index cff7e272a1..8db46c5c3a 100644
--- a/www/austin/badge.html
+++ b/www/austin/badge.html
@@ -1,5 +1 @@
-<!-- Bootstrap Core CSS -->
-<link href="{{ CSSDIR }}bootstrap.css" rel="stylesheet">
-<!-- Fonts -->
-<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet">
 {% include 'templates/deprecated_badge.tmpl' %}
\ No newline at end of file
diff --git a/www/bexar/badge.html b/www/bexar/badge.html
index cff7e272a1..8db46c5c3a 100644
--- a/www/bexar/badge.html
+++ b/www/bexar/badge.html
@@ -1,5 +1 @@
-<!-- Bootstrap Core CSS -->
-<link href="{{ CSSDIR }}bootstrap.css" rel="stylesheet">
-<!-- Fonts -->
-<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet">
 {% include 'templates/deprecated_badge.tmpl' %}
\ No newline at end of file
diff --git a/www/cactus/badge.html b/www/cactus/badge.html
index cff7e272a1..8db46c5c3a 100644
--- a/www/cactus/badge.html
+++ b/www/cactus/badge.html
@@ -1,5 +1 @@
-<!-- Bootstrap Core CSS -->
-<link href="{{ CSSDIR }}bootstrap.css" rel="stylesheet">
-<!-- Fonts -->
-<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet">
 {% include 'templates/deprecated_badge.tmpl' %}
\ No newline at end of file
diff --git a/www/diablo/badge.html b/www/diablo/badge.html
index cff7e272a1..8db46c5c3a 100644
--- a/www/diablo/badge.html
+++ b/www/diablo/badge.html
@@ -1,5 +1 @@
-<!-- Bootstrap Core CSS -->
-<link href="{{ CSSDIR }}bootstrap.css" rel="stylesheet">
-<!-- Fonts -->
-<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet">
 {% include 'templates/deprecated_badge.tmpl' %}
\ No newline at end of file
diff --git a/www/essex/badge.html b/www/essex/badge.html
index cff7e272a1..8db46c5c3a 100644
--- a/www/essex/badge.html
+++ b/www/essex/badge.html
@@ -1,5 +1 @@
-<!-- Bootstrap Core CSS -->
-<link href="{{ CSSDIR }}bootstrap.css" rel="stylesheet">
-<!-- Fonts -->
-<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet">
 {% include 'templates/deprecated_badge.tmpl' %}
\ No newline at end of file
diff --git a/www/folsom/badge.html b/www/folsom/badge.html
index cff7e272a1..8db46c5c3a 100644
--- a/www/folsom/badge.html
+++ b/www/folsom/badge.html
@@ -1,5 +1 @@
-<!-- Bootstrap Core CSS -->
-<link href="{{ CSSDIR }}bootstrap.css" rel="stylesheet">
-<!-- Fonts -->
-<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet">
 {% include 'templates/deprecated_badge.tmpl' %}
\ No newline at end of file
diff --git a/www/grizzly/badge.html b/www/grizzly/badge.html
index cff7e272a1..8db46c5c3a 100644
--- a/www/grizzly/badge.html
+++ b/www/grizzly/badge.html
@@ -1,5 +1 @@
-<!-- Bootstrap Core CSS -->
-<link href="{{ CSSDIR }}bootstrap.css" rel="stylesheet">
-<!-- Fonts -->
-<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet">
 {% include 'templates/deprecated_badge.tmpl' %}
\ No newline at end of file
diff --git a/www/havana/badge.html b/www/havana/badge.html
index cff7e272a1..8db46c5c3a 100644
--- a/www/havana/badge.html
+++ b/www/havana/badge.html
@@ -1,5 +1 @@
-<!-- Bootstrap Core CSS -->
-<link href="{{ CSSDIR }}bootstrap.css" rel="stylesheet">
-<!-- Fonts -->
-<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet">
 {% include 'templates/deprecated_badge.tmpl' %}
\ No newline at end of file
diff --git a/www/juno/badge.html b/www/juno/badge.html
index cff7e272a1..8db46c5c3a 100644
--- a/www/juno/badge.html
+++ b/www/juno/badge.html
@@ -1,5 +1 @@
-<!-- Bootstrap Core CSS -->
-<link href="{{ CSSDIR }}bootstrap.css" rel="stylesheet">
-<!-- Fonts -->
-<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet">
 {% include 'templates/deprecated_badge.tmpl' %}
\ No newline at end of file
diff --git a/www/kilo/badge.html b/www/kilo/badge.html
index cff7e272a1..8db46c5c3a 100644
--- a/www/kilo/badge.html
+++ b/www/kilo/badge.html
@@ -1,5 +1 @@
-<!-- Bootstrap Core CSS -->
-<link href="{{ CSSDIR }}bootstrap.css" rel="stylesheet">
-<!-- Fonts -->
-<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet">
 {% include 'templates/deprecated_badge.tmpl' %}
\ No newline at end of file
diff --git a/www/latest/badge.html b/www/latest/badge.html
new file mode 100644
index 0000000000..b06c04624b
--- /dev/null
+++ b/www/latest/badge.html
@@ -0,0 +1,13 @@
+<!-- Custom CSS -->
+<link href="https://docs.openstack.org/common/css/deprecated-badge.css" rel="stylesheet">
+<script src="https://docs.openstack.org/common/js/deprecated-badge.js"></script>
+
+<div class="deprecated-badge fixed deprecated-badge-development" id="deprecated-badge">
+   <span class="deprecated-badge-close-button" id="deprecated-badge-close-button" title="close">x</span>
+    <div class="container">
+        <p class="deprecated-badge-left">
+            This release is under development. The current supported release is <a href="/{{RELEASED_SERIES}}/">{{RELEASED_SERIES.capitalize()}}.</a>
+        </p>
+        <a class="deprecated-badge-right" href="#top"><i aria-hidden="true" class="fa fa-chevron-up"></i>Back to Top</a>
+    </div>
+</div>
\ No newline at end of file
diff --git a/www/liberty/badge.html b/www/liberty/badge.html
index cff7e272a1..8db46c5c3a 100644
--- a/www/liberty/badge.html
+++ b/www/liberty/badge.html
@@ -1,5 +1 @@
-<!-- Bootstrap Core CSS -->
-<link href="{{ CSSDIR }}bootstrap.css" rel="stylesheet">
-<!-- Fonts -->
-<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet">
 {% include 'templates/deprecated_badge.tmpl' %}
\ No newline at end of file
diff --git a/www/mitaka/badge.html b/www/mitaka/badge.html
index cff7e272a1..8db46c5c3a 100644
--- a/www/mitaka/badge.html
+++ b/www/mitaka/badge.html
@@ -1,5 +1 @@
-<!-- Bootstrap Core CSS -->
-<link href="{{ CSSDIR }}bootstrap.css" rel="stylesheet">
-<!-- Fonts -->
-<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet">
 {% include 'templates/deprecated_badge.tmpl' %}
\ No newline at end of file
diff --git a/www/newton/badge.html b/www/newton/badge.html
index cff7e272a1..8db46c5c3a 100644
--- a/www/newton/badge.html
+++ b/www/newton/badge.html
@@ -1,5 +1 @@
-<!-- Bootstrap Core CSS -->
-<link href="{{ CSSDIR }}bootstrap.css" rel="stylesheet">
-<!-- Fonts -->
-<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet">
 {% include 'templates/deprecated_badge.tmpl' %}
\ No newline at end of file
diff --git a/www/ocata/badge.html b/www/ocata/badge.html
index cff7e272a1..8db46c5c3a 100644
--- a/www/ocata/badge.html
+++ b/www/ocata/badge.html
@@ -1,5 +1 @@
-<!-- Bootstrap Core CSS -->
-<link href="{{ CSSDIR }}bootstrap.css" rel="stylesheet">
-<!-- Fonts -->
-<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet">
 {% include 'templates/deprecated_badge.tmpl' %}
\ No newline at end of file
diff --git a/www/pike/badge.html b/www/pike/badge.html
index cff7e272a1..8db46c5c3a 100644
--- a/www/pike/badge.html
+++ b/www/pike/badge.html
@@ -1,5 +1 @@
-<!-- Bootstrap Core CSS -->
-<link href="{{ CSSDIR }}bootstrap.css" rel="stylesheet">
-<!-- Fonts -->
-<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet">
 {% include 'templates/deprecated_badge.tmpl' %}
\ No newline at end of file
diff --git a/www/queens/badge.html b/www/queens/badge.html
index cff7e272a1..8db46c5c3a 100644
--- a/www/queens/badge.html
+++ b/www/queens/badge.html
@@ -1,5 +1 @@
-<!-- Bootstrap Core CSS -->
-<link href="{{ CSSDIR }}bootstrap.css" rel="stylesheet">
-<!-- Fonts -->
-<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet">
 {% include 'templates/deprecated_badge.tmpl' %}
\ No newline at end of file
diff --git a/www/rocky/badge.html b/www/rocky/badge.html
new file mode 100644
index 0000000000..8db46c5c3a
--- /dev/null
+++ b/www/rocky/badge.html
@@ -0,0 +1 @@
+{% include 'templates/deprecated_badge.tmpl' %}
\ No newline at end of file
diff --git a/www/templates/deprecated_badge.tmpl b/www/templates/deprecated_badge.tmpl
index 9e79cd00f8..1ad79e08aa 100644
--- a/www/templates/deprecated_badge.tmpl
+++ b/www/templates/deprecated_badge.tmpl
@@ -1,8 +1,12 @@
 {# -*- mode: html -*- #}
 
 <!-- Custom CSS -->
-<link href="{{ CSSDIR }}deprecated-badge.css" rel="stylesheet">
-<script src="{{ SCRIPTDIR }}deprecated-badge.js"></script>
+{# reason to not use the CSSDIR its because introduces a relative path #}
+{# not an absolute, so when its included on docthemes, its tried to include the css #}
+{# from a wrong path instead of the right one #}
+
+<link href="https://docs.openstack.org/common/css/deprecated-badge.css" rel="stylesheet">
+<script src="https://docs.openstack.org/common/js/deprecated-badge.js"></script>
 
 <div id="deprecated-badge" class="deprecated-badge fixed
     {% if SERIES == RELEASED_SERIES %}