diff --git a/app/views/box_organizer/index.html.erb b/app/views/box_organizer/index.html.erb
index 339d17e..950f976 100644
--- a/app/views/box_organizer/index.html.erb
+++ b/app/views/box_organizer/index.html.erb
@@ -1,4 +1,4 @@
-<%= stylesheet_link_tag '/designs/themes/default/circlepop.css' %>
+<%= stylesheet_link_tag 'circlepop.css' %>
 
 <h1><%= _('Editing sideboxes')%></h1>
 
diff --git a/public/designs/themes/noosfero/circlepop.css b/public/designs/themes/noosfero/circlepop.css
deleted file mode 100644
index 4c6fea3..0000000
--- a/public/designs/themes/noosfero/circlepop.css
+++ /dev/null
@@ -1,118 +0,0 @@
-nav a {
-	position: absolute;
-	top: 215px;
-	display: block;
-	outline: none;
-	text-align: left;
-	z-index: 1000;
-	-webkit-transform: translateY(-50%);
-	transform: translateY(-50%);
-}
-
-nav a.prev {
-	left: 0;
-}
-
-nav a.next {
-	right: 0;
-}
-
-nav a svg {
-	display: block;
-	margin: 0 auto;
-	padding: 0;
-}
-
-/* Individual styles */
-
-/*--------------------*/
-/* Circle pop */
-/*--------------------*/
-.color-3 { background: transparent; }
-
-.nav-circlepop a {
-	margin: 0 15px;
-	width: 50px;
-	height: 50px;
-}
-
-.nav-circlepop a::before {
-	position: absolute;
-	top: 0;
-	left: 0;
-	width: 100%;
-	height: 100%;
-	border-radius: 50%;
-	background: #fff;
-	content: '';
-	opacity: 0;
-	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-	transition: transform 0.3s, opacity 0.3s;
-	-webkit-transform: scale(0.9);
-	transform: scale(0.9);
-}
-
-.nav-circlepop .icon-wrap {
-	position: relative;
-	display: block;
-	margin: 10% 0 0 10%;
-	width: 80%;
-	height: 80%;
-}
-
-.nav-circlepop a.next .icon-wrap {
-	-webkit-transform: rotate(180deg);
-	transform: rotate(180deg);
-}
-
-.nav-circlepop .icon-wrap::before,
-.nav-circlepop .icon-wrap::after {
-	position: absolute;
-	left: 25%;
-	width: 3px;
-	height: 50%;
-	background:  #ccc;
-	content: '';
-	-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
-	transition: transform 0.3s, background-color 0.3s;
-	-webkit-backface-visibility: hidden;
-	backface-visibility: hidden;
-}
-
-.nav-circlepop .icon-wrap::before {
-	-webkit-transform: translateX(-50%) rotate(30deg);
-	transform: translateX(-50%) rotate(30deg);
-	-webkit-transform-origin: 0 100%;
-	transform-origin: 0 100%;
-}
-
-.nav-circlepop .icon-wrap::after {
-	top: 50%;
-	-webkit-transform: translateX(-50%) rotate(-30deg);
-	transform: translateX(-50%) rotate(-30deg);
-	-webkit-transform-origin: 0 0;
-	transform-origin: 0 0;
-}
-
-.nav-circlepop a:hover::before {
-	opacity: 1;
-	-webkit-transform: scale(1);
-	transform: scale(1);
-}
-
-.nav-circlepop a:hover .icon-wrap::before,
-.nav-circlepop a:hover .icon-wrap::after {
-	background: #999;
-}
-
-.nav-circlepop a:hover .icon-wrap::before {
-	-webkit-transform: translateX(-50%) rotate(45deg);
-	transform: translateX(-50%) rotate(45deg);
-}
-
-.nav-circlepop a:hover .icon-wrap::after {
-	-webkit-transform: translateX(-50%) rotate(-45deg);
-	transform: translateX(-50%) rotate(-45deg);
-}
-
-
diff --git a/public/stylesheets/circlepop.css b/public/stylesheets/circlepop.css
new file mode 100644
index 0000000..4c6fea3
--- /dev/null
+++ b/public/stylesheets/circlepop.css
@@ -0,0 +1,118 @@
+nav a {
+	position: absolute;
+	top: 215px;
+	display: block;
+	outline: none;
+	text-align: left;
+	z-index: 1000;
+	-webkit-transform: translateY(-50%);
+	transform: translateY(-50%);
+}
+
+nav a.prev {
+	left: 0;
+}
+
+nav a.next {
+	right: 0;
+}
+
+nav a svg {
+	display: block;
+	margin: 0 auto;
+	padding: 0;
+}
+
+/* Individual styles */
+
+/*--------------------*/
+/* Circle pop */
+/*--------------------*/
+.color-3 { background: transparent; }
+
+.nav-circlepop a {
+	margin: 0 15px;
+	width: 50px;
+	height: 50px;
+}
+
+.nav-circlepop a::before {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	border-radius: 50%;
+	background: #fff;
+	content: '';
+	opacity: 0;
+	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
+	transition: transform 0.3s, opacity 0.3s;
+	-webkit-transform: scale(0.9);
+	transform: scale(0.9);
+}
+
+.nav-circlepop .icon-wrap {
+	position: relative;
+	display: block;
+	margin: 10% 0 0 10%;
+	width: 80%;
+	height: 80%;
+}
+
+.nav-circlepop a.next .icon-wrap {
+	-webkit-transform: rotate(180deg);
+	transform: rotate(180deg);
+}
+
+.nav-circlepop .icon-wrap::before,
+.nav-circlepop .icon-wrap::after {
+	position: absolute;
+	left: 25%;
+	width: 3px;
+	height: 50%;
+	background:  #ccc;
+	content: '';
+	-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
+	transition: transform 0.3s, background-color 0.3s;
+	-webkit-backface-visibility: hidden;
+	backface-visibility: hidden;
+}
+
+.nav-circlepop .icon-wrap::before {
+	-webkit-transform: translateX(-50%) rotate(30deg);
+	transform: translateX(-50%) rotate(30deg);
+	-webkit-transform-origin: 0 100%;
+	transform-origin: 0 100%;
+}
+
+.nav-circlepop .icon-wrap::after {
+	top: 50%;
+	-webkit-transform: translateX(-50%) rotate(-30deg);
+	transform: translateX(-50%) rotate(-30deg);
+	-webkit-transform-origin: 0 0;
+	transform-origin: 0 0;
+}
+
+.nav-circlepop a:hover::before {
+	opacity: 1;
+	-webkit-transform: scale(1);
+	transform: scale(1);
+}
+
+.nav-circlepop a:hover .icon-wrap::before,
+.nav-circlepop a:hover .icon-wrap::after {
+	background: #999;
+}
+
+.nav-circlepop a:hover .icon-wrap::before {
+	-webkit-transform: translateX(-50%) rotate(45deg);
+	transform: translateX(-50%) rotate(45deg);
+}
+
+.nav-circlepop a:hover .icon-wrap::after {
+	-webkit-transform: translateX(-50%) rotate(-45deg);
+	transform: translateX(-50%) rotate(-45deg);
+}
+
+
--
libgit2 0.21.2