Improve Live visitor widget style for PleineLune

2 files changed, 35 insertions, 20 deletions

diff --git a/plugins/PleineLune/stylesheets/_widget.less b/plugins/PleineLune/stylesheets/_widget.less
index f8342f981f..da6265b8c8 100644
--- a/plugins/PleineLune/stylesheets/_widget.less
+++ b/plugins/PleineLune/stylesheets/_widget.less
@@ -34,24 +34,4 @@
 
 .tagCloud span.word a:hover {
   color: @theme-color-text-focus;
-}
-
-/* Live ! */
-.simple-realtime-visitor-counter {
-  border-radius: 0;
-  background: @theme-color-text-active;
-}
-
-.simple-realtime-visitor-counter > div {
-  color: @theme-color-background-base;
-}
-
-/* Visits */
-#visitsLive .datetime {
-  background: @theme-color-background-smallContrast;
-}
-
-#visitsLive .referer,
-#visitsLive .settings {
-  background: @theme-color-background-base;
 }
\ No newline at end of file
diff --git a/plugins/PleineLune/stylesheets/plugins/_live.less b/plugins/PleineLune/stylesheets/plugins/_live.less
new file mode 100644
index 0000000000..bdcd2da1c9
--- /dev/null
+++ b/plugins/PleineLune/stylesheets/plugins/_live.less
@@ -0,0 +1,35 @@
+/* Live ! */
+.simple-realtime-visitor-counter {
+  border-radius: 0;
+  background: @theme-color-text-active;
+}
+
+.simple-realtime-visitor-counter > div {
+  color: @theme-color-background-base;
+}
+
+/* Visits */
+#visitsLive {
+  color: @theme-color-text-base;
+}
+
+#visitsLive .datetime,
+#visitsLive .country,
+#visitsLive .referer,
+#visitsLive .settings,
+#visitsLive .returning {
+  border: 1px solid @theme-color-background-smallContrast;
+  border-width: 0 1px 1px 0;
+}
+
+#visitsLive .datetime {
+  background: @theme-color-background-smallContrast;
+  border-top: 1px solid #404040;
+}
+
+#visitsLive .country,
+#visitsLive .referer,
+#visitsLive .referer:hover,
+#visitsLive .settings {
+  background: @theme-color-background-base;
+}
\ No newline at end of file