Remove styles tags from Widgetize plugin

3 files changed, 33 insertions, 48 deletions

diff --git a/plugins/Widgetize/Widgetize.php b/plugins/Widgetize/Widgetize.php
index 2ae9d74e11..eac4d67a54 100644
--- a/plugins/Widgetize/Widgetize.php
+++ b/plugins/Widgetize/Widgetize.php
@@ -66,6 +66,7 @@ class Piwik_Widgetize extends Piwik_Plugin
     {
         $cssFiles = & $notification->getNotificationObject();
 
+        $cssFiles[] = "plugins/Widgetize/stylesheets/widgetize.css";
         $cssFiles[] = "plugins/CoreHome/stylesheets/corehome.css";
         $cssFiles[] = "plugins/CoreHome/stylesheets/datatable.css";
         $cssFiles[] = "plugins/CoreHome/stylesheets/cloud.css";
diff --git a/plugins/Widgetize/stylesheets/widgetize.css b/plugins/Widgetize/stylesheets/widgetize.css
new file mode 100644
index 0000000000..bd23615d33
--- /dev/null
+++ b/plugins/Widgetize/stylesheets/widgetize.css
@@ -0,0 +1,31 @@
+.widgetize {
+    width: 100%;
+    padding: 15px 15px 0 15px;
+    font-size: 13px;
+}
+
+.widgetize p {
+    padding: 0 0 20px 0;
+}
+
+.widgetize .formEmbedCode {
+    font-size: 11px;
+    text-decoration: none;
+    background-color: #FBFDFF;
+    border: 1px solid #ECECEC;
+    width: 220px;
+}
+
+.widgetize label {
+    color: #666666;
+    line-height: 18px;
+    margin-right: 5px;
+    font-weight: bold;
+    padding-bottom: 100px;
+}
+
+#embedThisWidgetIframe,
+#embedThisWidgetFlash,
+#embedThisWidgetEverywhere {
+    margin-top: 5px;
+}
\ No newline at end of file
diff --git a/plugins/Widgetize/templates/index.twig b/plugins/Widgetize/templates/index.twig
index 359551f968..3b8d5ad8f2 100644
--- a/plugins/Widgetize/templates/index.twig
+++ b/plugins/Widgetize/templates/index.twig
@@ -6,54 +6,8 @@
 
 {{ loadJavascriptTranslations(['Dashboard']) }}
 
-<style type="text/css">
-    .widgetize {
-        width: 100%;
-        padding: 15px 15px 0 15px;
-        font-size: 13px;
-    }
-
-    .widgetize p {
-        padding: 0 0 20px 0;
-    }
-
-    .menu {
-        display: inline;
-    }
-
-    .widgetize .formEmbedCode {
-        font-size: 11px;
-        text-decoration: none;
-        background-color: #FBFDFF;
-        border: 1px solid #ECECEC;
-        width: 220px;
-    }
-
-    #periodString {
-        margin-left: 15px;
-    }
-
-    .widgetize label {
-        color: #666666;
-        line-height: 18px;
-        margin-right: 5px;
-        font-weight: bold;
-        padding-bottom: 100px;
-    }
-
-    #embedThisWidgetIframe,
-    #embedThisWidgetFlash,
-    #embedThisWidgetEverywhere {
-        margin-top: 5px;
-    }
-
-    .menuSelected {
-        font-weight: bold;
-    }
-</style>
-
 <script type="text/javascript">
-    $(document).ready(function () {
+    $(function () {
         var widgetized = new widgetize();
         var urlPath = document.location.protocol + '//' + document.location.hostname + (document.location.port == '' ? '' : (':' + document.location.port)) + document.location.pathname;
         var dashboardUrl = urlPath + '?module=Widgetize&action=iframe&moduleToWidgetize=Dashboard&actionToWidgetize=index&idSite=' + piwik.idSite + '&period=week&date=yesterday';
@@ -73,7 +27,6 @@
         broadcast.init();
     });
 </script>
-
 <div class="top_controls_inner">
     {% include "@CoreHome/_periodSelect.twig" %}
 </div>