aschwarz/Leitgedanken
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

PDF rausgenommen

Browse Source
This commit is contained in:
aschwarz
2023-01-23 11:03:31 +01:00
parent 82d562a322
commit a6523903eb
28078 changed files with 4247552 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

533
msd2/tracking/piwik/plugins/Live/stylesheets/live.less Normal file
View File

@ -0,0 +1,533 @@
#visitsLive {
text-align: left;
color: @theme-color-text-light;
.dataTable {
margin-bottom: -1px;
}
}
.theWidgetContent > h2:first-child {
color: @theme-color-headline-alternative !important;
.title {
color: @theme-color-headline-alternative !important;
}
}
.card {
#visitsLive {
margin-left: -20px;
margin-right: -20px;
}
}
#visitsLive .settings {
border-bottom: 1px solid @color-silver-l90;
}
#visitsLive .datetime, #visitsLive .country, #visitsLive .settings, #visitsLive .returning {
padding: 10px 5px 10px 12px;
}
#visitsLive .datetime {
background: @theme-color-background-base;
border-top: 1px solid #d3d1c5;
margin: 0;
line-height: 20px;
text-align: left;
}
#visitsLive .country {
background: @theme-color-background-base url(plugins/CoreHome/images/bullet1.png) no-repeat scroll 0 0;
}
#visitsLive .referrer {
display: block;
padding-top: 4px;
padding-bottom: 1px;
}
#visitsLive .pagesTitle {
display: block;
float: left;
}
#visitsLive .settings {
background: @theme-color-widget-background none repeat scroll 0 0;
}
#visitsLive .settings a {
text-decoration: none;
}
#visitsLive .returning {
background: #F9FAFA none repeat scroll 0 0;
}
#visitsLive .visits-live-launch-visitor-profile {
color: @theme-color-text;
line-height: 200%;
span {
display: block;
vertical-align: middle;
&.icon-visitor-profile {
display: inline;
font-size: 16px;
line-height: 16px;
vertical-align: middle;
}
}
.icon-visitor-profile {
font-size: 120%;
}
}
.visitsLiveFooter img {
vertical-align: middle;
}
.visitsLiveFooter {
line-height: 2.5em;
}
.dataTableVizVisitorLog table img {
margin: 0 3px 0 0;
}
.ui-dialog.ui-widget {
.dataTableVizVisitorLog {
.dataTableFeatures {
border-bottom: 0;
}
}
}
.visitsLiveFooter a.rightLink {
float: right;
padding-right: 20px;
}
#visitsLive .datetime a {
text-decoration: none;
}
ol.visitorLog {
list-style-type: none;
margin-left: 8px;
padding-left: 8px;
}
.truncated-text-line {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display:inline-block;
max-width:90%;
overflow: -moz-hidden-unscrollable;
}
ol.visitorLog > li {
margin-bottom: 7px;
line-height: 20px;
position: relative;
min-height: 25px;
&:before {
vertical-align: top;
background-color: #424242;
border: 5px solid #424242;
border-radius: 50%;
line-height: 0;
font-size: 0;
content: " ";
top: 10px;
position: relative;
box-shadow: 0 0 0 7px #fff;
left: -14px;
z-index: 2;
}
&:after {
content: " ";
border-left: 2px solid #d2d2d2;
position: absolute;
left: -10px;
height: 100%;
margin-top: 20px;
z-index: 1;
}
&:last-child:after {
border-left: none;
}
&.duplicate {
visibility: hidden;
line-height: 0;
min-height: 0;
height: 0;
margin: 0;
overflow: hidden;
padding: 0;
}
&.more {
list-style-type: none;
font-weight: bold;
.icon-info {
vertical-align: middle;
}
}
}
#visitsLive img {
vertical-align: middle;
height: 16px;
}
.visitorRank img {
vertical-align: text-bottom;
}
.iconPadding {
margin-left: 4px;
margin-right: 4px;
}
.visitorReferrer .visitorRank {
display: inline-block;
}
.visitorRank {
border: 1px solid #D8D8D8;
color: #474747;
border-radius: 3px;
padding: 3px 5px;
}
#visitsLive .visitorRank {
padding: 2px;
border: none;
margin-left: 5px;
}
#visitsLive .visitorType .visitorRank {
margin-left: 0;
}
.hash {
color: #BBB;
font-size: 9pt;
margin-right: 2px;
}
.repeat {
font-weight: bold;
display: block;
margin: 5px 5px 5px 0;
float: left;
background-color: #fff;
z-index: 3;
&.icon-refresh:before {
padding-right: 2px;
}
}
.dataTableVizVisitorLog hr {
background: none repeat scroll 0 0 transparent;
border: 0 none #000;
border-bottom: 1px solid #ccc;
color: #eee;
margin: 0 2em 0.5em;
padding: 0 0 0.5em;
}
.simple-realtime-visitor-widget {
text-align: center;
}
.simple-realtime-visitor-counter {
background-color: #F1F0EB;
border-radius: 10px;
display: inline-block;
margin: 2em 0 1em 0;
padding: 3em;
}
.simple-realtime-visitor-counter > div {
font-size: 4.0em;
color: @theme-color-text-light;
}
.simple-realtime-metric {
font-weight: bold;
color: #333;
}
.simple-realtime-elaboration {
margin: 1em 2em 1em 2em;
color: @theme-color-text-lighter;
display: inline-block;
}
ol.visitorLog p {
margin:0;
padding:0;
}
.dataTableVizVisitorLog {
.card {
padding: 15px 0;
font-size: 13px;
text-align: left;
a {
text-decoration: none !important;
color: @theme-color-link;
width: inherit;
}
}
.visitorLog > li > div {
width: 95%;
.segmentedVisitorLogPopover & {
width: 90%; // space in segmented visitor log isn't enough
}
}
.dataTableWrapper {
width:100%;
}
.widget & .card {
&:hover .visitor-log-visitor-profile-link {
display:inline;
}
}
}
.visitor-log-datetime {
display: block;
}
.visitor-log-ip-location img.flag {
border: 1px solid lightgray;
top: 2px;
position: relative;
}
.visitor-log-page-list {
position:relative;
margin-top: 7px;
}
a.visitor-log-visitor-profile-link {
z-index: 2;
position:absolute;
right: 15px;
top: 15px;
font-style:italic;
font-size:13px;
background-color: inherit !important;
.widget & {
display:none;
}
img {
margin-top: -2px;
margin-bottom: -3px;
}
@media print {
display: none;
}
}
.visitorLog {
> li > div {
display: inline-block;
width: 90%;
> * {
vertical-align: top;
}
}
}
.action-list-action-icon {
display: inline;
height: 18px;
position: absolute;
left: -18px;
background-color: #fff;
z-index: 3;
margin-top: 1px;
}
.action-list-url {
display: inline-block;
}
.visitorLogIcons {
position: relative;
display: block;
}
.visitorLogIconWithDetails .details {
display: none;
}
.visitorLogIcons>span>span>img {
margin: auto 5px auto 0;
}
.visitorLogIconWithDetails>img {
margin: auto 5px -2px 0;
height: 16px;
}
.visitorLogIconWithDetails.flag {
display: none;
}
.visitorLogIconWithDetails.flag>img {
border: 1px solid lightgray;
}
.visitorLogIcons>span.visitorRank>img {
margin: auto 0;
}
.visitorLogIcons {
.visitorDetails, .visitorType {
display: block;
margin-top: 4px;
}
}
.visitorType {
img {
max-height: 20px;
margin: auto 0;
}
}
.conversionCount {
color: #fff;
background-color: #4b0;
min-width: 17px;
height: 17px;
display: inline-block;
text-align: center;
font-weight: bold;
font-size: 10px;
line-height: 15px;
border-radius: 5px;
margin-left: -17px;
position: relative;
top: 3px;
border: 1px solid #fff;
padding: 0 2px;
#visitsLive & {
top: 10px;
}
}
.own-visitor-column {
.visitorLogIcons {
.visitorDetails {
margin-top: 0;
}
.visitorType {
margin-top: 8px;
}
}
}
.visitorReferrer {
clear:both;
padding-top: 1em;
* {
vertical-align: middle;
}
}
#visitsLive .visitorReferrer {
padding-top: 0;
}
.segmentedlog {
margin: 8px;
display: block;
}
#widgetLivewidget {
.visitorLogIcons {
&:before {
content: " ";
display: block;
}
display: inline-block;
}
.visitorLogIconWithDetails.flag {
display: inline;
}
.visitorDetails {
display: inline-block;
}
.visitorLogIconWithDetails {
margin-right: 5px;
}
.visitorType {
display: inline-block;
float: left;
margin-right: 10px;
}
}
@media only screen and (min-width: 800px) {
.card #visitsLive .visitorLogIcons:before {
content: none;
}
.card #visitsLive .referrer {
float: right;
}
}
@media only screen and (max-width: 600px) {
.own-visitor-column {
margin: 10px 0;
}
}
@media print{
.col.s12.m3{
width: 20%;
}
.row .col.s12.own-visitor-column{
width: 15%;
margin-top: 10px;
margin-bottom: 10px;
}
.col.s12.m7.column {
width:65%;
}
}

440
msd2/tracking/piwik/plugins/Live/stylesheets/visitor_profile.less Normal file
View File

@ -0,0 +1,440 @@
.visitor-profile-popup {
width: 1150px;
height: auto;
padding: 0;
> #Piwik_Popover {
padding: 0;
margin: 0;
overflow: visible;
}
> .ui-dialog-titlebar {
display: none;
}
}
.visitor-profile {
position: relative;
width: 1150px;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.22);
text-align: left;
font-size: 13px;
line-height: 20px;
body .widget & {
width: auto;
box-shadow: none;
p {
margin: 0;
}
}
a {
color: #255792;
}
h1 {
line-height: 30px;
vertical-align: top;
font-size: 23px;
margin: 0 0 5px 0;
color: @theme-color-text;
}
p {
color: #5e5e5c;
body:not(.widgetized) .widget & {
padding-bottom: 0;
}
strong {
color: @theme-color-text;
font-weight: normal !important;
}
}
p.alert {
margin: 8px 20px 20px 0 !important;
font-size: 13px;
}
}
.visitor-profile-options {
z-index: 10;
position: absolute;
right: 6px;
height: 28px;
}
.visitor-profile-toggle-actions,
.visitor-profile-help,
.visitor-profile-close {
float: right;
text-decoration: none !important;
margin-right: 5px;
&:before {
color: #000;
background-color: #fff;
font-size: 16px;
line-height: 16px;
font-weight: 400;
font-family: matomo;
padding: 1px;
height: 18px;
display: block;
margin: 5px 0;
}
}
.visitor-profile-close {
margin-right: 0;
&:before {
padding: 4.5px;
content: "\e60a";
background-color: @color-red-piwik;
color: #fff;
border-radius: 3px;
font-size: 9px;
line-height: 9px;
}
.widget & {
display: none;
}
}
.visitor-profile-toggle-actions {
&:before {
content: "\e62b";
.minimized& {
content: "\e61c";
}
}
}
.visitor-profile-help {
&:before {
content: "\e61f";
}
}
.visitor-profile-info {
overflow: hidden;
}
.visitor-profile-visits-info,
.visitor-profile-overview {
display: inline-block;
vertical-align: top;
height: auto;
border: none;
box-sizing: content-box;
float: left;
body:not(.widgetized) .widget & {
width: 100%;
border: none;
margin: 0;
}
body.widgetized .widget & {
width: 50%;
box-sizing: border-box;
}
}
@media only screen and (max-width: 1000px) {
body.widgetized .widget {
.visitor-profile-visits-info,
.visitor-profile-overview {
width: 100%;
}
}
}
.visitor-profile-widget-link {
color: #5e5e5c;
}
.visitor-profile-overview {
margin: 0;
border-right: 1px solid #d1cec8;
padding: 22px 0 0 22px;
width: 553px;
body:not(.widgetized) .widget & {
padding: 0 10px;
}
}
.visitor-profile-visits-info {
margin: 28px 0 0 -1px;
border-left: 1px solid #d1cec8;
width: 574px;
}
.visitor-profile-header {
overflow: hidden;
font-size: 14px;
> div {
float: left;
}
.visitor-profile-avatar {
width: 149px;
height: 154px;
> img {
max-width: 122px;
height: 120px;
}
}
.visitor-profile-header-details {
width: 376px;
}
.visitor-profile-prev-visitor {
color: #7e7363;
display: none;
position: absolute;
right: 100%;
top: 0;
margin-right: 2px;
}
.visitor-profile-next-visitor {
color: #7e7363;
display: none;
}
&:hover {
.visitor-profile-next-visitor,
.visitor-profile-prev-visitor {
display: inline-block;
}
}
h1 {
display: inline-block;
word-wrap: break-word;
margin: 0;
max-width: 355px;
color: #0d0d0d;
}
}
.visitor-profile-headline {
position: relative;
line-height: 30px;
}
.visitor-profile-summary {
overflow: hidden;
padding: 5px 0 16px 0;
p {
margin: 6px 1em 0 0;
}
}
.visitor-profile-pages {
li {
display: block;
clear: both;
}
}
.visitor-profile-latest-visit {
padding-top: 6px;
.visitorLogIcons {
.visitorLogIconWithDetails {
display: block;
float: left;
width: 50%;
padding: 6px 0;
box-sizing: content-box;
height: 16px;
position: relative;
font-size: 13px;
img {
float: left;
margin-left: 2px;
}
&.flag img {
box-sizing: border-box;
margin-left: 0;
}
&:after {
content: attr(profile-header-text);
text-overflow: ellipsis;
display: block;
overflow: hidden;
white-space: nowrap;
position: absolute;
left: 26px;
}
}
.visitorType,
.visitorTypeIcon {
display: none;
}
}
}
.visitor-profile-id {
line-height: 24px;
font-size: 13px;
a {
color: inherit;
}
}
.visitor-profile-important-visits > div {
float: left;
width: 50%;
height: 100%;
}
.visitor-profile-devices img {
height: 16px;
float: left;
margin-right: 10px;
margin-top: 2px;
}
.visitor-profile-location {
.loadingPiwik {
padding: 0 0 0 4px;
border: 0;
}
img {
border: 1px solid lightgray;
box-sizing: content-box;
}
}
.visitor-profile-map {
padding: 10px 21px 13px 2px;
}
.visitor-profile-visit-title {
display: block;
font-size: 23px;
padding: 13px 15px;
border: none;
color: @theme-color-text;
cursor: pointer;
background-color: @color-silver-l95;
&:hover {
background-color: #bfbfbf;
}
.visitor-profile-date {
font-weight: normal;
float: right;
font-size: 13px;
margin-top: 4px;
}
}
.visitor-profile-visit-details-extended {
display: none;
padding: 10px 15px;
font-size: 13px;
line-height: 1.5em;
background-color: @color-silver-l95;
.visitor-log-datetime {
display: none;
}
}
.visitor-profile-visit-details {
padding: 8px 15px;
overflow: hidden;
.visitorLogIcons {
display: inline;
}
.visitorLogIconWithDetails {
margin-right: 5px;
}
.visitorType {
display: inline-block;
float: left;
margin-right: 15px;
}
.visitorDetails {
display: inline-block;
visibility: hidden;
}
&:hover .visitorDetails {
visibility: visible;
}
.visitorTypeIcon {
display: none;
}
}
.visitor-profile-visits-info {
position: relative;
}
.visitor-profile-show-actions {
float: right;
display: inline-block;
font-size: 13px;
line-height: 24px;
}
ol.visitor-profile-actions {
padding: 0 15px 0 23px;
li {
padding: 0 0 8px;
margin: 0;
p {
line-height: 15px;
}
}
}
.visitor-profile-more-info {
height: 18px;
text-align: center;
padding: 0 0 13px;
margin: 5px 0 15px 0;
.loadingPiwik {
padding: 0 0 0 4px;
}
}
.visitor-profile-no-visits {
color: #999;
font-size: 13px;
}