رسمی [xf-xyz]زیباسازی منوی فهرست

اختصاصی
1- عناصر رنگی و متحرک


[HIDESHOWTOGROUPS=12,4,13,3,10,11,8,6,5,7]
[HIDEREACT=1,2]

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.message-avatar-wrapper .message-avatar-online
{
    &:before {
    
       animation:  rubberBand 2s infinite;
    }
}
.structItem-status--locked::before {
    content: "\f056";
    color: red;
}
.structItem-status--watched::before {
    content: "\f0c6";
    color: #454d5d;

}
.p-navgroup-link.p-navgroup-link--alerts i:after {
    content: "\f059";
    color: yellow;
     animation:  rubberBand 2s infinite;
}
.p-navgroup-link.p-navgroup-link--conversations i:after {
    content: "\f0e0";
    color: #00ffd0;
     animation:  rubberBand 2s infinite;
}
.p-navgroup-link.p-navgroup-link--search i:after {
    content: "\f002";
    color: red;
     animation:  rubberBand 2s infinite;
}

.p-navgroup-link.p-navgroup-link--whatsnew i:after {
    content: "\f0e7";
    color: black;
    animation:  rubberBand 2s infinite;
}
.p-nav .p-nav-menuTrigger {
    color: green;
}

[/HIDEREACT]
[/HIDESHOWTOGROUPS]
کدبالارو درextra.lessبزارید

 

[nima]

2-نورانی کردن
به شکل و ظاهر- ویزگی های استایل- هدر و فهرست-Navigation row رفته و در قسمت موارد دیگر کد زیر رو بزارید.
[HIDESHOWTOGROUPS=12,4,13,3,10,11,8,6,5,7]
[HIDEREACT=1,2]

border: 1px solid;
  box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);
  outline-offset: 15px;
  outline-color: rgba(255, 255, 255, 0);
  text-shadow: 1px 1px 2px #427388;

[/HIDEREACT]
[/HIDESHOWTOGROUPS]