Split style and css code

2026-01-29 22:00:24 +01:00
parent 3b943a4a72
commit 87da77584f
3 changed files with 152 additions and 37 deletions
@@ -0,0 +1,39 @@
+/* Styles for WordPress Activity Stats Plugin - Admin Area */
+
+/* Infografika */
+.mystat-infographic-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+    gap: 20px;
+}
+.mystat-infographic-card {
+    background: #fff;
+    border: 1px solid #e0e0e0;
+    border-radius: 5px;
+    padding: 15px;
+    text-align: center;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
+}
+.mystat-infographic-card h3 {
+    margin-top: 0;
+    color: #555;
+    font-size: 1.1em;
+}
+.mystat-infographic-card p {
+    font-size: 1.8em;
+    font-weight: bold;
+    color: #333;
+    margin-bottom: 0;
+}
+
+/* Kontener dla szczegółów aktywności */
+#mystat-details-container {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 2%;
+}
+/* Szczegóły aktywności */
+.mystat-details-col {
+    flex: 1 1 48%; /* Pozwala na elastyczne dopasowanie, z bazową szerokością 48% */
+    min-width: 300px; /* Zapobiega zbytniemu ściskaniu kolumn na mniejszych ekranach */
+}
@@ -0,0 +1,64 @@
+/* Styles for WordPress Activity Stats Plugin - Frontend Shortcodes */
+
+/* Shortcode [moje_statystyki] */
+.mystats-shortcode-container table {
+    width: 100%;
+    border-collapse: collapse;
+    margin-bottom: 2em;
+}
+.mystats-shortcode-container th,
+.mystats-shortcode-container td {
+    padding: 8px 12px;
+    border: 1px solid #ddd;
+    text-align: left;
+}
+.mystats-shortcode-container th {
+    background-color: #f4f4f4;
+}
+.mystats-activity-table td:nth-child(4),
+.mystats-activity-table td:nth-child(5) {
+    text-align: right;
+}
+
+/* Shortcode [moje_statystyki_wpis] */
+.mystat-single-activity-shortcode {
+    border: 1px solid #eee;
+    padding: 15px;
+    margin-bottom: 1.5em;
+    border-radius: 5px;
+    background: #f9f9f9;
+}
+.mystat-single-activity-shortcode h4 {
+    margin-top: 0;
+}
+.mystat-single-activity-shortcode p em {
+    color: #777;
+    font-size: 0.9em;
+}
+.mystat-single-columns-container {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 30px;
+    margin-bottom: 15px;
+}
+.mystat-single-col {
+    flex: 1;
+    min-width: 240px;
+}
+.mystat-single-summary-table {
+    width: 100%;
+    border-collapse: collapse;
+}
+.mystat-single-summary-table th,
+.mystat-single-summary-table td {
+    padding: 4px 0;
+    border: none;
+    text-align: left;
+    vertical-align: top;
+}
+.mystat-single-summary-table th {
+    font-weight: bold;
+    padding-right: 1em;
+    white-space: nowrap;
+    width: 1%;
+}