PDF rausgenommen

msd2/tracking/piwik/plugins/UserCountryMap/stylesheets/map.css

@@ -0,0 +1,83 @@
+/*
+ * Stylesheets for Kartograph map
+ */
+
+.UserCountryMap_map svg path {
+    stroke-linejoin: round;
+}
+
+.UserCountryMap_map svg .countries {
+    cursor: pointer;
+    stroke-width: 0.5px;
+    stroke: #545C6D;
+}
+
+.UserCountryMap_map svg .context {
+    stroke: #BBBBBB;
+    fill: #F6F5F3;
+    stroke-width: 0.5px;
+}
+
+.UserCountryMap_map svg .context-clickable {
+    cursor: pointer;
+    stroke: #BBBBBB;
+    fill: #F2F1ED;
+    stroke-width: 0.5px;
+}
+
+.UserCountryMap_map svg .context-clickable:hover {
+    fill: #E4E2D7;
+}
+
+.UserCountryMap_map svg .regionBG {
+    stroke-width: 6px;
+    stroke: #fff;
+    fill: none;
+}
+
+.UserCountryMap_map svg .regionBG-fill {
+    stroke: #555;
+    stroke-width: 0.2px;
+    fill: #F6F5F3;
+}
+
+.UserCountryMap_map svg .regionBG-3 {
+    stroke: #ccc;
+    fill: #F2F1ED;
+    stroke-width: 1px;
+}
+
+.UserCountryMap_map svg .countryBG {
+    stroke: #fff;
+    fill: #fff;
+    stroke-width: 4px;
+}
+
+.UserCountryMap_map svg .regions {
+    stroke-width: 1px;
+}
+
+.UserCountryMap_map svg .regions2 {
+    stroke-width: 1px;
+    stroke: #aaa;
+    fill: #fff;
+}
+
+.UserCountryMap_map svg .countryLabelBg {
+    font-weight: bold;
+    font-size: 10px;
+    font-family: Arial, Verdana, Helvetica, sans-serif;
+    fill: #F6F5F3;
+    stroke: #F6F5F3;
+    stroke-width: 3px;
+    stroke-linejoin: round;
+    stroke-linecap: round;
+}
+
+.UserCountryMap_map svg .countryLabel {
+    font-weight: bold;
+    font-size: 10px;
+    font-family: Arial, Verdana, Helvetica, sans-serif;
+    fill: #808888;
+}
+

msd2/tracking/piwik/plugins/UserCountryMap/stylesheets/realtime-map.less

@@ -0,0 +1,165 @@
+/* this should me moved to TableView css sometimes */
+.dataTableFooterIcons .inactiveIcon:hover {
+    background-color: #F2F1ED;
+}
+
+.dataTableFooterIcons .inactiveIcon {
+    cursor: default;
+}
+
+.dataTableFooterIcons .inactiveIcon img {
+    opacity: 0.3;
+    -moz-opacity: 0.3;
+    filter: alpha(opacity=3);
+}
+
+.RealTimeMap:focus {
+    outline: none;
+}
+
+.RealTimeMap-black {
+    position: absolute;
+    right: 0;
+    left: 0;
+    z-index: 10001;
+    width: 1000px;
+    height: 1000px;
+    background: #D5D3C8;
+}
+
+.card .RealTimeMap_container {
+    position: relative;
+}
+
+.RealTimeMap .loadingPiwik {
+    position: absolute !important;
+    top: 42% !important;
+    right: 10px !important;
+    left: 10px !important;
+    z-index: 10002 !important;
+    display: block;
+    color: #000;
+    vertical-align: middle !important;
+    text-align: center;
+    text-shadow: 0 0 5px #fff;
+}
+
+.tableIcon.inactiveIcon {
+    color: #99a;
+}
+
+.RealTimeMap-overlay,
+.RealTimeMap-tooltip {
+    display: block;
+    position: absolute;
+    z-index: 1000;
+}
+
+.RealTimeMap-overlay .content,
+.RealTimeMap-tooltip .content {
+    padding: 5px;
+    border-radius: 3px;
+    background: rgba(255, 255, 255, 0.9);
+}
+
+.RealTimeMap-title {
+    top: 5px;
+    left: 5px;
+}
+
+.RealTimeMap-legend {
+    right: 5px;
+    font-size: 9px;
+    bottom: 40px;
+}
+
+.RealTimeMap-info {
+    left: 5px;
+    font-size: 11px;
+    bottom: 60px;
+    max-width: 42%;
+}
+
+.RealTimeMap-info-btn {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAA3NCSVQICAjb4U/gAAAAOVBMVEX///8AAAAAAABXV1dSUlKsrKzExMTd3d3V1dXp6end3d3p6enz8/P7+/v39/f///+vqZ6oopWUjH2LPulWAAAAE3RSTlMAESIzM2Z3mZmqqrvd7u7/////UUgTXgAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAYdEVYdENyZWF0aW9uIFRpbWUAMDMuMDEuMjAxM8rVeD8AAABnSURBVBiVhY/LFoAgCEQZ0p4W6f9/bIJ4slV3oTIeBoaICGADIAO8ibEwWn2IcwVovev7znqmCYRon9kEWUFvg3IysXyIXSil3fOvELupC9XUx7pQx/piDV1sVFLwMNF80sw97hj/AXRPCjtYdmhtAAAAAElFTkSuQmCC);
+    width: 16px;
+    height: 16px;
+    cursor: pointer;
+    left: 5px;
+    bottom: 40px;
+    position: absolute;
+    z-index: 1000;
+    opacity: 0.9;
+
+}
+
+.realTimeMap_overlay {
+    position: absolute;
+    left: 10px;
+    font-size: 12px;
+    z-index: 10;
+    text-shadow: 1px 1px 1px #FFFFFF, -1px 1px 1px #FFFFFF, 1px -1px 1px #FFFFFF, -1px -1px 1px #FFFFFF, 1px 1px 1px #FFFFFF, -1px 1px 1px #FFFFFF, 1px -1px 1px #FFFFFF, -1px -1px 1px #FFFFFF;
+}
+
+.realTimeMap_datetime {
+    color: #887;
+    font-size: 14px;
+}
+
+.widget {
+  .realTimeMap_overlay {
+    bottom: 6px;
+  }
+  .realTimeMap_datetime {
+    bottom: 24px;
+  }
+}
+
+// realtime map colors (for theming)
+.realtime-map[data-name=white-bg] {
+    color: #fff;
+}
+
+.realtime-map[data-name=white-fill] {
+    color: #aa9;
+}
+
+.realtime-map[data-name=black-bg] {
+    color: #000;
+}
+
+.realtime-map[data-name=black-fill] {
+    color: @theme-color-text-light;
+}
+
+.realtime-map[data-name=visit-stroke] {
+    color: #fff;
+}
+
+.realtime-map[data-name=website-referrer-color] {
+    color: #F29007;
+}
+
+.realtime-map[data-name=direct-referrer-color] {
+    color: #5170AE;
+}
+
+.realtime-map[data-name=search-referrer-color] {
+    color: #CC3399;
+}
+
+.realtime-map[data-name=live-widget-highlight] {
+    color: #E4CD74;
+}
+
+.realtime-map[data-name=live-widget-unhighlight] {
+    color: #E4E2D7;
+}
+
+.realtime-map[data-name=symbol-animate-fill] {
+    color: #fdb;
+}
+
+.realtime-map[data-name=region-stroke-color] {
+    color: #bbb;
+}

msd2/tracking/piwik/plugins/UserCountryMap/stylesheets/visitor-map.less

@@ -0,0 +1,239 @@
+.UserCountryMap-black {
+    position: absolute;
+    right: 0;
+    left: 0;
+    z-index: 900;
+    width: 1000px;
+    height: 1000px;
+    background: #D5D3C8;
+}
+
+.UserCountryMap .unlocatableCount {
+  font-size: 11px;
+  color: @color-silver-l60;
+}
+
+.UserCountryMap .loadingPiwik {
+    position: absolute !important;
+    top: 42% !important;
+    right: 10px !important;
+    left: 10px !important;
+    z-index: 100 !important;
+    display: block;
+    font-size: 12px;
+    color: #000;
+    vertical-align: middle !important;
+    text-align: center;
+    text-shadow: 0 0 5px #fff;
+}
+
+.tableIcon.inactiveIcon {
+    color: #99a;
+}
+
+.UserCountryMap .UserCountryMap-legend {
+    opacity: 0;
+}
+
+.UserCountryMap:hover .UserCountryMap-legend {
+    opacity: 1;
+}
+
+.UserCountryMap-overlay,
+.UserCountryMap-tooltip {
+    display: block;
+    position: absolute;
+    z-index: 40;
+}
+
+.UserCountryMap-overlay .content,
+.UserCountryMap-tooltip .content {
+    padding: 5px;
+    border-radius: 3px;
+    background: rgba(255, 255, 255, 0.9);
+}
+
+.UserCountryMap-title {
+    top: 5px;
+    left: 5px;
+}
+
+.UserCountryMap-legend {
+    right: 5px;
+    font-size: 9px;
+    bottom: 24px;
+}
+
+.UserCountryMap-info {
+    left: 5px;
+    font-size: 11px;
+    bottom: 60px;
+    max-width: 42%;
+}
+
+.UserCountryMap-info-btn {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAA3NCSVQICAjb4U/gAAAAOVBMVEX///8AAAAAAABXV1dSUlKsrKzExMTd3d3V1dXp6end3d3p6enz8/P7+/v39/f///+vqZ6oopWUjH2LPulWAAAAE3RSTlMAESIzM2Z3mZmqqrvd7u7/////UUgTXgAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAYdEVYdENyZWF0aW9uIFRpbWUAMDMuMDEuMjAxM8rVeD8AAABnSURBVBiVhY/LFoAgCEQZ0p4W6f9/bIJ4slV3oTIeBoaICGADIAO8ibEwWn2IcwVovev7znqmCYRon9kEWUFvg3IysXyIXSil3fOvELupC9XUx7pQx/piDV1sVFLwMNF80sw97hj/AXRPCjtYdmhtAAAAAElFTkSuQmCC);
+    width: 16px;
+    height: 16px;
+    cursor: pointer;
+    left: 13px;
+    bottom: 40px;
+    position: absolute;
+    z-index: 700;
+    opacity: 0.9;
+}
+
+/* this should me moved to TableView css sometimes */
+.dataTableFooterIcons .inactiveIcon:hover {
+    background-color: #F2F1ED;
+}
+
+.dataTableFooterIcons .inactiveIcon {
+    cursor: default;
+}
+
+.dataTableFooterIcons .inactiveIcon img {
+    opacity: 0.3;
+    -moz-opacity: 0.3;
+    filter: alpha(opacity=3);
+}
+
+.mapWidgetStatus {
+    padding-bottom: 24px;
+}
+
+.widgetUserCountryMapvisitorMap .widgetTop .button {
+    z-index: 3;
+    position: relative;
+}
+
+.widgetUserCountryMapvisitorMap .widgetName {
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
+.widgetUserCountryMapvisitorMap.widgetHover .widgetName {
+    width: 75%;
+    overflow: hidden;
+}
+
+// visitor map colors
+.visitor-map[data-name=no-data-color] {
+    color: #E4E2D7;
+}
+
+.visitor-map[data-name=one-country-color] {
+    color: #CDDAEF;
+}
+
+.visitor-map[data-name=color-range-start-choropleth] {
+    color: #CDDAEF;
+}
+
+.visitor-map[data-name=color-range-start-normal] {
+    color: #385993;
+}
+
+.visitor-map[data-name=color-range-end-choropleth] {
+    color: #385993;
+}
+
+.visitor-map[data-name=color-range-end-normal] {
+    color: #385993;
+}
+
+.visitor-map[data-name=country-highlight-color] {
+    color: #f4f45b;
+}
+
+.visitor-map[data-name=country-selected-color] {
+    color: #f4f45b;
+}
+
+.visitor-map[data-name=unknown-region-fill-color] {
+    color: @theme-color-background-base;
+}
+
+.visitor-map[data-name=unknown-region-stroke-color] {
+    color: #bbb;
+}
+
+.visitor-map[data-name=region-stroke-color] {
+    color: #3C6FB6;
+}
+
+.visitor-map[data-name=region-selected-color] {
+    color: #f4f45b;
+}
+
+.visitor-map[data-name=region-highlight-color] {
+    color: #f4f45b;
+}
+
+.visitor-map[data-name=invisible-region-background] {
+    color: @theme-color-background-base;
+}
+
+.visitor-map[data-name=city-label-color] {
+    color: @theme-color-background-base;
+}
+
+.visitor-map[data-name=city-stroke-color] {
+    color: @theme-color-background-base;
+}
+
+.visitor-map[data-name=city-highlight-stroke-color] {
+    color: #000000;
+}
+
+.visitor-map[data-name=city-highlight-fill-color] {
+    color: #f4f45b;
+}
+
+.visitor-map[data-name=city-highlight-label-color] {
+    color: #000;
+}
+
+.visitor-map[data-name=city-label-fill-color] {
+    color: @theme-color-background-base;
+}
+
+.visitor-map[data-name=city-selected-color] {
+    color: #f4f45b;
+}
+
+.visitor-map[data-name=city-selected-label-color] {
+    color: #000;
+}
+
+.visitor-map[data-name=region-layer-stroke-color] {
+    color: #aaa;
+}
+
+.visitor-map[data-name=special-metrics-color-scale-1] {
+    color: #385993;
+}
+
+.visitor-map[data-name=special-metrics-color-scale-2] {
+    color: #385993;
+}
+
+.visitor-map[data-name=special-metrics-color-scale-3] {
+    color: #E87500;
+}
+
+.visitor-map[data-name=special-metrics-color-scale-4] {
+    color: #E87500;
+}
+
+.userCountryMapSelectCountry, .userCountryMapSelectMetrics {
+    float: right;
+    margin-right: 5px;
+    margin-bottom: 5px;
+    max-width: 10em;
+    font-size: 10px;
+}
+
+.ui-tooltip.qtip {
+    min-width: 100px;
+}