PDF rausgenommen

msd2/tracking/piwik/plugins/Transitions/stylesheets/_transitionColors.less

@@ -0,0 +1,98 @@
+//
+// transitions colors
+//
+
+// colors for entries gradients
+.transition-entries[data-name=light] {
+    color: #fff;
+}
+
+.transition-entries[data-name=dark] {
+    color: #BACFE8;
+}
+
+.transition-entries[data-name=light-highlighted] {
+    color: #fff;
+}
+
+.transition-entries[data-name=dark-highlighted] {
+    color: #FAD293;
+}
+
+// colors for exits gradients
+.transition-exits[data-name=light] {
+    color: #fff;
+}
+
+.transition-exits[data-name=dark] {
+    color: #BACFE8;
+}
+
+.transition-exits[data-name=light-highlighted] {
+    color: #fff;
+}
+
+.transition-exits[data-name=dark-highlighted] {
+    color: #FAD293;
+}
+
+// background gradients colors
+.transition-background[data-name=light] {
+    color: #fff;
+}
+
+.transition-background[data-name=dark] {
+    color: #BACFE8;
+}
+
+.transition-background[data-name=light-highlighted] {
+    color: #fff;
+}
+
+.transition-background[data-name=dark-highlighted] {
+    color: #FAD293;
+}
+
+// closed group gradient colors
+.transition-closed-group[data-name=light] {
+    color: #DDE4ED;
+}
+
+.transition-closed-group[data-name=dark] {
+    color: #9BBADE;
+}
+
+.transition-closed-group[data-name=light-highlighted] {
+    color: #FAE2C0;
+}
+
+.transition-closed-group[data-name=dark-highlighted] {
+    color: #FAD293;
+}
+
+// items gradient colors
+.transition-items[data-name=light] {
+    color: #E3DFD1;
+}
+
+.transition-items[data-name=dark] {
+    color: #E8E4D5;
+}
+
+// 'others' gradients colors
+.transition-others[data-name=light] {
+    color: #F5F3EB;
+}
+
+.transition-others[data-name=dark] {
+    color: #E8E4D5;
+}
+
+// loop gradient colors
+.transition-loops[data-name=light] {
+    color: #F5F3EB;
+}
+
+.transition-loops[data-name=dark] {
+    color: #E8E4D5;
+}

msd2/tracking/piwik/plugins/Transitions/stylesheets/transitions.less

@@ -0,0 +1,250 @@
+@import "_transitionColors";
+
+#Transitions_Container {
+    position: relative;
+    z-index: 1500;
+    height: 550px;
+    text-align: left;
+    margin-left: 50px;
+}
+.Transitions_Canvas_Container {
+    position: absolute;
+}
+
+#Transitions_Canvas_Background_Left {
+    z-index: 1501;
+}
+
+#Transitions_Canvas_Background_Right {
+    z-index: 1502;
+}
+
+#Transitions_Canvas_Left {
+    z-index: 1503;
+}
+
+#Transitions_Canvas_Right {
+    z-index: 1504;
+}
+
+#Transitions_Canvas_Loops {
+    z-index: 1505;
+}
+
+.Transitions_Text {
+    color: black;
+    font-size: 11px;
+    line-height: 14px;
+    position: absolute;
+    background: rgba(0, 0, 0, 0); /* without this, IE9 triggers hover only on the text, not the box */
+    z-index: 1506;
+    word-wrap: break-word;
+    text-align: left;
+    cursor: default;
+}
+
+#Transitions_CenterBox {
+    margin: 27px 0 0 345px;
+    width: 208px;
+    height: 373px;
+    background: #f7f7f7;
+    border: 1px solid #a9a399;
+    border-radius: 10px;
+    -webkit-box-shadow: 0px 0px 9px 0px #999;
+    -moz-box-shadow: 0px 0px 9px 0px #999;
+    box-shadow: 0px 0px 9px 0px #999;
+    z-index: 1507;
+}
+
+#Transitions_CenterBox h2 {
+    font-size: 12px;
+    line-height: 16px;
+    padding: 10px;
+    border-bottom: 1px dotted #a9a399;
+    font-weight: bold;
+    overflow: hidden;
+    color: #255792;
+    margin: 0;
+
+    a {
+        color: inherit;
+    }
+}
+
+.Transitions_Pageviews {
+    text-align: center;
+}
+
+.Transitions_OutgoingTraffic {
+    text-align: right;
+}
+
+.Transitions_CenterBoxMetrics {
+    padding: 15px 10px 0 10px;
+    display: none;
+    font-size: 12px;
+}
+
+.Transitions_CenterBoxMetrics table td {
+    padding: 0 0 5px 0;
+}
+
+.Transitions_CenterBoxMetrics table td.Transitions_Percentage {
+    padding-right: 6px;
+    font-weight: bold;
+}
+
+#Transitions_CenterBox h3 {
+    font-weight: bold;
+    font-size: 12px;
+    margin: 15px 0 7px 0;
+    padding: 0;
+    color: #7E7363;
+}
+
+#Transitions_Loops {
+    margin: 445px 0 0 346px;
+    width: 208px;
+    text-align: center;
+    line-height: 25px;
+    font-size: 12px;
+    display: none;
+    z-index: 1506;
+    cursor: default;
+}
+
+.Transitions_CenterBoxMetrics p {
+    margin: 0 0 3px 0;
+    padding: 0;
+    cursor: default;
+    font-size: 12px;
+    line-height: 15px;
+}
+
+.Transitions_CenterBoxMetrics p.Transitions_Margin {
+    margin-bottom: 11px;
+}
+
+.Transitions_CenterBoxMetrics .Transitions_Highlighted {
+    color: @theme-color-link;
+}
+
+span.Transitions_Metric {
+    font-weight: bold;
+    cursor: default;
+}
+
+.Transitions_Value0 {
+    color: @theme-color-text-lighter;
+}
+
+.Transitions_TitleOfOpenGroup {
+    font-size: 12px;
+    color: @theme-color-link;
+    font-weight: bold;
+}
+
+.Transitions_BoxTextLeft,
+.Transitions_BoxTextRight {
+    width: 165px;
+    height: 42px;
+    overflow: hidden;
+}
+
+.Transitions_BoxTextRight {
+    text-align: right;
+}
+
+.Transitions_BoxTextLeft.Transitions_HasBackground,
+.Transitions_BoxTextRight.Transitions_HasBackground {
+    background-repeat: no-repeat;
+    height: 18px;
+}
+
+.Transitions_BoxTextLeft.Transitions_HasBackground {
+    background-position: 0 1px;
+    width: 175px;
+}
+
+.Transitions_BoxTextLeft.Transitions_HasBackground span {
+    display: block;
+    padding-left: 16px;
+}
+
+.Transitions_BoxTextRight.Transitions_HasBackground {
+    background-position: right 1px;
+}
+
+.Transitions_BoxTextRight.Transitions_HasBackground span {
+    display: block;
+    padding-right: 17px;
+}
+
+.Transitions_CurveTextLeft,
+.Transitions_CurveTextRight {
+    color: #255792;
+    font-weight: bold;
+    width: 34px;
+    text-align: center;
+    cursor: default;
+}
+
+body .ui-tooltip.Transitions_Tooltip_Small {
+    font-size: 11px;
+    padding: 3px 5px 3px 6px;
+    background: white;
+}
+
+.Transitions_SingleLine {
+    font-size: 12px;
+    height: 21px;
+}
+
+#transitions_report {
+    #Transitions_Container {
+        z-index: 980;
+    }
+    #Transitions_CenterBox {
+        z-index: 987;
+    }
+    .Transitions_Text,
+    #Transitions_Loops {
+        z-index: 986;
+    }
+    #Transitions_Canvas_Background_Left {
+        z-index: 981;
+    }
+    #Transitions_Canvas_Background_Right {
+        z-index: 982;
+    }
+    #Transitions_Canvas_Left {
+        z-index: 983;
+    }
+    #Transitions_Canvas_Right {
+        z-index: 984;
+    }
+    #Transitions_Canvas_Loops {
+        z-index: 985;
+    }
+}
+
+.widget #Transitions_Container h3 {
+    padding: 0 !important;
+}
+
+#transitions_report {
+    div[name=actionType] {
+        margin-left: -0.75rem;
+    }
+    div[name=actionName] {
+        margin-right: -0.75rem;
+    }
+}
+
+#dashboardWidgetsArea {
+    #transitions_report {
+        #Transitions_Container {
+            overflow: scroll;
+        }
+    }
+}