796 lines
No EOL
18 KiB
SCSS
Vendored
796 lines
No EOL
18 KiB
SCSS
Vendored
.content-wrapper {
|
|
//height: 100%;
|
|
//position:relative;
|
|
width:95%;
|
|
margin: 0 auto;
|
|
overflow: auto;
|
|
padding:40px 0;
|
|
&.logout{
|
|
padding:0;
|
|
height:100%;
|
|
display:flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.content-list {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: flex-start;
|
|
|
|
|
|
}
|
|
|
|
@import 'form.scss';
|
|
|
|
}
|
|
a {
|
|
text-decoration: none;
|
|
color:$orange;
|
|
&:visited {
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
table {
|
|
width:100%;
|
|
color:$lightgrey;
|
|
font-family: 'Nunito-Regular', sans-serif;
|
|
thead, tfoot {
|
|
background-color: $darkgrey;
|
|
text-align: left;
|
|
}
|
|
th, td {
|
|
padding:5px;
|
|
&.center {
|
|
text-align:center;
|
|
}
|
|
}
|
|
td:first-child, th:first-child{
|
|
text-align:center;
|
|
}
|
|
tr:nth-child(even){
|
|
background-color: $grey1;
|
|
}
|
|
.pagination {
|
|
display:flex;
|
|
justify-content:center;
|
|
li{
|
|
display:flex;
|
|
align-items:center;
|
|
margin:0px 5px;
|
|
//font-weight:bold;
|
|
&:first-child, &:last-child{
|
|
overflow:hidden;
|
|
line-height:1em;
|
|
span, a {
|
|
display:flex;
|
|
align-items:center;
|
|
font-size:1.8em;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.showTemplate {
|
|
//color:$orange;
|
|
cursor:pointer;
|
|
}
|
|
.green {
|
|
color:#008e03;
|
|
}
|
|
|
|
.red {
|
|
color:#d70000;
|
|
}
|
|
.orange {
|
|
color:$orange;
|
|
}
|
|
|
|
.campagne-list, .notifs-wrapper {
|
|
margin-top:30px;
|
|
}
|
|
|
|
.separator {
|
|
height:1px;
|
|
margin:30px 100px;
|
|
background-color:$orange;
|
|
}
|
|
|
|
.contactWidgets {
|
|
display:flex;
|
|
justify-content:space-around;
|
|
flex-wrap:wrap;
|
|
.loader {
|
|
display:none;
|
|
h4 {
|
|
text-align:center;
|
|
opacity:0.7;
|
|
}
|
|
.lds-ripple {
|
|
display: block;
|
|
position: relative;
|
|
width: 64px;
|
|
height: 64px;
|
|
margin:0px auto;
|
|
}
|
|
.lds-ripple div {
|
|
position: absolute;
|
|
border: 4px solid $orange;
|
|
opacity: 1;
|
|
border-radius: 50%;
|
|
animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
|
|
}
|
|
.lds-ripple div:nth-child(2) {
|
|
animation-delay: -0.5s;
|
|
}
|
|
@keyframes lds-ripple {
|
|
0% {
|
|
top: 28px;
|
|
left: 28px;
|
|
width: 0;
|
|
height: 0;
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
top: -1px;
|
|
left: -1px;
|
|
width: 58px;
|
|
height: 58px;
|
|
opacity: 0;
|
|
}
|
|
}
|
|
}
|
|
.campagne {
|
|
border: 1px solid $lightgrey;
|
|
padding:20px;
|
|
margin-bottom:10px;
|
|
width:100%;
|
|
position:relative;
|
|
&:last-child{
|
|
margin-bottom:50px;
|
|
}
|
|
h4 {
|
|
margin-top:0;
|
|
}
|
|
p {
|
|
font-family: 'Nunito-Regular', sans-serif;
|
|
color:$lightgrey;
|
|
margin-bottom:5px;
|
|
}
|
|
.widget {
|
|
margin:10px 0;
|
|
.copy-url {
|
|
cursor:pointer;
|
|
padding:0 5px;
|
|
&:hover {
|
|
background-color:$grey1;
|
|
color:$orange;
|
|
}
|
|
}
|
|
.link-copied {
|
|
//display:none;
|
|
position: absolute;
|
|
top: 5px;
|
|
right: 5px;
|
|
padding: 10px;
|
|
background-color: $grey1;
|
|
color: $orange;
|
|
font-family: 'Nunito-Regular', sans-serif;
|
|
opacity:0;
|
|
}
|
|
|
|
.widgetContent{
|
|
position:relative;
|
|
margin-top: 15px;
|
|
text-align: right;
|
|
p {
|
|
text-align: center;
|
|
}
|
|
input[type="submit"] {
|
|
min-width:30%;
|
|
}
|
|
.coupon {
|
|
display:flex;
|
|
align-items:flex-start;
|
|
justify-content:flex-start;
|
|
flex-direction:column;
|
|
p {
|
|
display:block;
|
|
margin-bottom:5px;
|
|
&:first-child {
|
|
i {
|
|
color:$orange;
|
|
margin-right:10px;
|
|
}
|
|
}
|
|
&:nth-child(2){
|
|
margin-left:20px;
|
|
font-style:italic;
|
|
}
|
|
&:last-child {
|
|
align-self: flex-end;
|
|
}
|
|
}
|
|
input {
|
|
min-width:50px;
|
|
width:50px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.user-app {
|
|
.heading {
|
|
display:flex;
|
|
justify-content:space-between;
|
|
align-items:center;
|
|
}
|
|
table{
|
|
margin-top:20px;
|
|
tr {
|
|
td{
|
|
vertical-align: middle;
|
|
&:nth-child(1){
|
|
width:15%;
|
|
}
|
|
&:nth-child(2){
|
|
width:20%;
|
|
}
|
|
&:nth-child(3){
|
|
width:10%;
|
|
}
|
|
&.sites {
|
|
//width:50%;
|
|
display:flex;
|
|
flex-wrap:wrap;
|
|
p {
|
|
width:48%;
|
|
margin-bottom:5px;
|
|
}
|
|
}
|
|
&:nth-child(5){
|
|
width:5%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.clean-app {
|
|
margin-top:50px;
|
|
border-bottom:1px solid $grey2;
|
|
h5 {
|
|
margin-bottom:40px;
|
|
}
|
|
.clean-line {
|
|
padding: 10px;
|
|
border-top:1px solid $grey2;
|
|
display:flex;
|
|
justify-content:space-between;
|
|
align-items:center;
|
|
p {
|
|
span {
|
|
font-style: italic;
|
|
font-size:0.8em;
|
|
}
|
|
}
|
|
.btn-clean {
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:center;
|
|
.add-button {
|
|
margin-top: 2px;
|
|
margin-bottom: 2px;
|
|
}
|
|
.loader-mini {
|
|
display:none;
|
|
.lds-ripple {
|
|
display: block;
|
|
position: relative;
|
|
width: 30px;
|
|
height: 30px;
|
|
margin:0px auto;
|
|
}
|
|
.lds-ripple div {
|
|
position: absolute;
|
|
border: 2px solid $orange;
|
|
opacity: 1;
|
|
border-radius: 50%;
|
|
animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
|
|
}
|
|
.lds-ripple div:nth-child(2) {
|
|
animation-delay: -0.5s;
|
|
}
|
|
@keyframes lds-ripple {
|
|
0% {
|
|
top: 13px;
|
|
left: 13px;
|
|
width: 0;
|
|
height: 0;
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
top: -1px;
|
|
left: -1px;
|
|
width: 28px;
|
|
height: 28px;
|
|
opacity: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
.chart-wrapper {
|
|
max-width: 950px;
|
|
min-width: 304px;
|
|
margin: 0 auto;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.chart-wrapper .inner-wrapper {
|
|
position: relative;
|
|
padding-bottom: 50%;
|
|
width: 100%;
|
|
}
|
|
|
|
.chart-wrapper .outer-box {
|
|
position: absolute;
|
|
top: 0; bottom: 0; left: 0; right: 0;
|
|
}
|
|
|
|
.chart-wrapper .inner-box {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.chart-wrapper text {
|
|
font-family: sans-serif;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.chart-wrapper p {
|
|
font-size: 16px;
|
|
margin-top:5px;
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.chart-wrapper .axis path,
|
|
.chart-wrapper .axis line {
|
|
fill: none;
|
|
stroke: #1F1F2E;
|
|
stroke-opacity: 0.7;
|
|
shape-rendering: crispEdges;
|
|
|
|
}
|
|
.chart-wrapper .axis path {
|
|
stroke-width: 2px;
|
|
}
|
|
|
|
.chart-wrapper .line {
|
|
fill: none;
|
|
stroke: steelblue;
|
|
stroke-width: 5px;
|
|
}
|
|
|
|
.chart-wrapper .legend {
|
|
min-width: 200px;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
flex-wrap: wrap;
|
|
font-size: 16px;
|
|
padding: 10px 40px;
|
|
}
|
|
.chart-wrapper .legend > div {
|
|
margin: 0px 25px 10px 0px;
|
|
flex-grow: 0;
|
|
}
|
|
.chart-wrapper .legend p {
|
|
display:inline;
|
|
font-size: 0.8em;
|
|
font-family: sans-serif;
|
|
font-weight: 600;
|
|
}
|
|
.chart-wrapper .legend .series-marker {
|
|
height: 1em;
|
|
width: 1em;
|
|
border-radius: 35%;
|
|
background-color: crimson;
|
|
display: inline-block;
|
|
margin-right: 4px;
|
|
margin-bottom: -0.16rem;
|
|
}
|
|
|
|
.chart-wrapper .overlay {
|
|
fill: none;
|
|
pointer-events: all;
|
|
}
|
|
|
|
.chart-wrapper .focus circle {
|
|
fill: crimson;
|
|
stroke: crimson;
|
|
stroke-width: 2px;
|
|
fill-opacity: 15%;
|
|
}
|
|
.chart-wrapper .focus rect {
|
|
fill: lightblue;
|
|
opacity: 0.4;
|
|
border-radius: 2px;
|
|
}
|
|
.chart-wrapper .focus.line {
|
|
stroke: steelblue;
|
|
stroke-dasharray: 2,5;
|
|
stroke-width: 2;
|
|
opacity: 0.5;
|
|
}
|
|
@media (max-width:500px){
|
|
.chart-wrapper .line {stroke-width: 3px;}
|
|
.chart-wrapper .legend {font-size: 14px;}
|
|
}
|
|
.error-log {
|
|
margin-top:50px;
|
|
}
|
|
.logs-wrapper {
|
|
max-height:300px;
|
|
overflow-y:auto;
|
|
&::-webkit-scrollbar-track
|
|
{
|
|
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
|
|
border-radius: 10px;
|
|
background-color: $grey1;
|
|
}
|
|
|
|
&::-webkit-scrollbar
|
|
{
|
|
width: 12px;
|
|
background-color: none;
|
|
}
|
|
|
|
&::-webkit-scrollbar-thumb
|
|
{
|
|
border-radius: 10px;
|
|
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
|
|
background-color: $orange;
|
|
}
|
|
.logs {
|
|
td{
|
|
vertical-align: middle;
|
|
ul{
|
|
li{
|
|
margin-top:5px;
|
|
margin-left:20px
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.alert {
|
|
color: #df0000;
|
|
font-family: 'Nunito-Regular', sans-serif;
|
|
margin: 10px 0;
|
|
}
|
|
|
|
.pub {
|
|
i {
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
|
|
.expand-action {
|
|
position:absolute;
|
|
top: 100px;
|
|
right: 50px;
|
|
i {
|
|
cursor:pointer;
|
|
}
|
|
}
|
|
|
|
.siteContent {
|
|
padding:20px;
|
|
|
|
.campContent{
|
|
border-bottom:1px solid $grey2;
|
|
&:nth-child(odd){
|
|
background-color: #434343;
|
|
}
|
|
&:nth-child(even){
|
|
background-color: #4d4d4d;
|
|
}
|
|
&:first-child {
|
|
border-top:1px solid $grey2;
|
|
}
|
|
.campDetail{
|
|
display:flex;
|
|
justify-content: space-between;
|
|
align-items:center;
|
|
padding:10px;
|
|
.fa-exclamation-triangle{
|
|
display:none;
|
|
}
|
|
.fa-angle-down {
|
|
cursor:pointer;
|
|
}
|
|
|
|
p{
|
|
//width:25%;
|
|
&:first-child{
|
|
width:10%;
|
|
}
|
|
&:nth-child(2){
|
|
width:35%;
|
|
text-align:center;
|
|
}
|
|
&:nth-child(3){
|
|
width:20%;
|
|
text-align:center;
|
|
}
|
|
&:nth-child(4){
|
|
width:20%;
|
|
text-align:center;
|
|
}
|
|
&:nth-child(5){
|
|
width:10%;
|
|
text-align:center;
|
|
}
|
|
&:nth-child(6){
|
|
width:5%;
|
|
text-align:center;
|
|
}
|
|
}
|
|
}
|
|
.coupons{
|
|
display:none;
|
|
border-top:1px solid $grey2;
|
|
padding:20px;
|
|
table{
|
|
border-collapse: separate;
|
|
border-spacing:2px;
|
|
thead{
|
|
background-color:$grey2;
|
|
th {
|
|
text-align:center;
|
|
}
|
|
}
|
|
tr{
|
|
td{
|
|
text-align:center;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.title-stat {
|
|
display:flex;
|
|
justify-content: space-between;
|
|
align-items:center;
|
|
margin-bottom:20px;
|
|
h2 {
|
|
margin-bottom:0;
|
|
}
|
|
div {
|
|
width:55%;
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:flex-end;
|
|
input {
|
|
min-width:15%;
|
|
&#startdate{
|
|
margin-right:5px;
|
|
}
|
|
}
|
|
h4 {
|
|
margin:0;
|
|
margin-right:20px;
|
|
}
|
|
}
|
|
}
|
|
.statistiquesGlobales {
|
|
display:flex;
|
|
justify-content:space-between;
|
|
align-items:flex-start;
|
|
.campstat {
|
|
width:40%;
|
|
thead{
|
|
text-align: center;
|
|
th {
|
|
padding:10px;
|
|
font-size:1.3em;
|
|
text-align:center;
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
text-align: center;
|
|
border:1px solid $darkgrey;
|
|
td {
|
|
padding:10px;
|
|
&:first-child{
|
|
text-align:left;
|
|
}
|
|
}
|
|
}
|
|
.graphStatsGlobales {
|
|
width:55%;
|
|
h3 {
|
|
margin:0 0 20px 0;
|
|
}
|
|
}
|
|
}
|
|
.title {
|
|
margin:30px 0 10px 0;
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content: space-between;
|
|
width:100%;
|
|
h3{
|
|
margin:0;
|
|
}
|
|
.btns{
|
|
a {
|
|
margin-left:5px;
|
|
font-size: 0.8em;
|
|
//text-transform: uppercase;
|
|
}
|
|
}
|
|
}
|
|
.statistiquesContent {
|
|
display:flex;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
.couponStats {
|
|
display:flex;
|
|
flex-direction:column;
|
|
width:40%;
|
|
justify-content: space-between;
|
|
align-items:center;
|
|
flex-wrap:wrap;
|
|
.couponStatsDetail{
|
|
margin-top:10px;
|
|
width:100%;
|
|
border:1px solid $darkgrey;
|
|
h4 {
|
|
padding:10px;
|
|
position:relative;
|
|
margin-top:0;
|
|
margin-bottom:0;
|
|
text-align:center;
|
|
color:$lightgrey;
|
|
font-weight:bold;
|
|
background-color:$darkgrey;
|
|
span {
|
|
cursor:pointer;
|
|
&:first-child {
|
|
width: 95%;
|
|
display: block;
|
|
}
|
|
}
|
|
.couponLegend {
|
|
position:absolute;
|
|
display:inline-block;
|
|
right:8px;
|
|
top:8px;
|
|
width:20px;
|
|
height:20px;
|
|
border-radius:50%;
|
|
overflow:hidden;
|
|
.line {
|
|
width: 35px;
|
|
height: 20px;
|
|
border-bottom: 3px solid red;
|
|
-webkit-transform:
|
|
translateY(-20px)
|
|
translateX(5px)
|
|
rotate(27deg);
|
|
position: absolute;
|
|
top: 9px;
|
|
left: -10px;
|
|
}
|
|
}
|
|
}
|
|
.content {
|
|
display:none;
|
|
padding:10px;
|
|
figure {
|
|
text-align:center;
|
|
margin-bottom:5px;
|
|
img {
|
|
width:60%;
|
|
height:auto;
|
|
}
|
|
}
|
|
p {
|
|
margin-bottom:10px;
|
|
display:flex;
|
|
justify-content:space-between;
|
|
flex-wrap:nowrap;
|
|
&:last-child{
|
|
margin-bottom:0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.graphStats {
|
|
width:55%;
|
|
h3 {
|
|
margin:30px 0 20px 0;
|
|
i {
|
|
float:right;
|
|
margin-left:10px;
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.selector-export {
|
|
display:flex;
|
|
justify-content:flex-end;
|
|
align-items:center;
|
|
h4 {
|
|
margin:0;
|
|
margin-right:20px;
|
|
}
|
|
input {
|
|
min-width: 150px;
|
|
&#startdate {
|
|
margin-right:20px;
|
|
}
|
|
}
|
|
}
|
|
.export-btn {
|
|
text-align:right;
|
|
margin-top:20px;
|
|
}
|
|
|
|
/* Tooltip container */
|
|
.tooltip {
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
|
|
/* Tooltip text */
|
|
.tooltip .tooltiptext {
|
|
visibility: hidden;
|
|
width: 120px;
|
|
background-color: $darkgrey;
|
|
color: $lightgrey;
|
|
text-align: center;
|
|
padding: 5px 0;
|
|
border-radius: 6px;
|
|
font-weight:normal;
|
|
/* Position the tooltip text */
|
|
position: absolute;
|
|
z-index: 1;
|
|
bottom: 125%;
|
|
left: 50%;
|
|
margin-left: -60px;
|
|
line-height: 1.2em;
|
|
/* Fade in tooltip */
|
|
opacity: 0;
|
|
transition: opacity 0.3s;
|
|
font-family: 'Nunito-Regular', sans-serif;
|
|
font-size:0.8em;
|
|
}
|
|
|
|
/* Tooltip arrow */
|
|
.tooltip .tooltiptext::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 100%;
|
|
left: 50%;
|
|
margin-left: -5px;
|
|
border-width: 5px;
|
|
border-style: solid;
|
|
border-color: $darkgrey transparent transparent transparent;
|
|
}
|
|
|
|
/* Show the tooltip text when you mouse over the tooltip container */
|
|
.tooltip:hover .tooltiptext {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
} |