fixed stretching for narrow crossword quests
This commit is contained in:
commit
c1a314f6e7
3452 changed files with 593206 additions and 0 deletions
84
www/analytics/plugins/UserCountryMap/stylesheets/map.css
Normal file
84
www/analytics/plugins/UserCountryMap/stylesheets/map.css
Normal file
|
|
@ -0,0 +1,84 @@
|
|||
/*
|
||||
* 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;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,146 @@
|
|||
/* 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-black {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
left: 0;
|
||||
z-index: 10001;
|
||||
width: 1000px;
|
||||
height: 1000px;
|
||||
background: #D5D3C8;
|
||||
}
|
||||
|
||||
.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;
|
||||
bottom: 6px;
|
||||
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 {
|
||||
bottom: 24px;
|
||||
color: #887;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
// 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: #444440;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
|
@ -0,0 +1,222 @@
|
|||
.UserCountryMap-black {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
left: 0;
|
||||
z-index: 900;
|
||||
width: 1000px;
|
||||
height: 1000px;
|
||||
background: #D5D3C8;
|
||||
}
|
||||
|
||||
.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: 9;
|
||||
}
|
||||
|
||||
.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: 40px;
|
||||
}
|
||||
|
||||
.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: 5px;
|
||||
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: #fff;
|
||||
}
|
||||
|
||||
.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: #fff;
|
||||
}
|
||||
|
||||
.visitor-map[data-name=city-label-color] {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.visitor-map[data-name=city-stroke-color] {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.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: #fff;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue