MediaWiki:Timeless.css: відмінності між версіями

Матеріал з БатлМех-Вікі
Перейти до навігаціїПерейти до пошуку
мНемає опису редагування
мНемає опису редагування
Рядок 49: Рядок 49:
.widget_social a i.fa-telegram {
.widget_social a i.fa-telegram {
     background-color: #0088cc;
     background-color: #0088cc;
}
.widget_social.fill-color a i {
    background: 0 0;
    color: var(--dt-main-color);
    box-shadow: none;
    width: 3rem;
}
.widget_social.fill-color a i.fa-facebook,
.widget_social.fill-color a i.fa-facebook-f {
    color: #175beb;
}
.widget_social.fill-color a i.fa-youtube {
    color: #CD201F;
}
.widget_social.fill-color a i.fa-telegram {
    color: #0088cc;
}
.widget_social a:hover i::before,
.widget_social a:focus i::before {
    display: inline-block;
    animation: dt_rubberBand 0.6s ease-in-out alternate;
}
@keyframes dt_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(.95, 1.05, 1);
      transform: scale3d(.95, 1.05, 1);
    }
 
    75% {
      -webkit-transform: scale3d(1.05, .95, 1);
      transform: scale3d(1.05, .95, 1);
    }
 
    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
}
}

Версія за 12:59, 25 липня 2024

@import url("https://battletech.com.ua/wp-content/plugins/tournamatch/dist/css/fontawesome.5.14.0.css?ver=5.14.0");
@import url("https://battletech.com.ua/wp-content/uploads/useanyfont/uaf.css?ver=1719919001");

.site--logo img { max-width: 155px !important; max-height: 100px;} .site--logo .site--description { font-size: 20px !important;} .dt-container-md,.dt__slider-main .owl-dots {
						max-width: 1340px;
					}
	@media (min-width: 992px) {#dt-main {
					max-width:67%;
					flex-basis:67%;
				}
#dt-sidebar {
					max-width:33%;
					flex-basis:33%;
				}}
.widget_social a {
    display: inline-block;
    margin: 0 0.15rem;
}

.widget_social a:hover,
.widget_social a:focus {
    transform: translateY(-2px);
    box-shadow: none;
}

.widget_social a i {
    width: 4.4rem;
    height: 4.4rem;
    border-radius: 50%;
    text-align: center;
    line-height: 4.4rem;
    font-size: 1.8rem;
    vertical-align: middle;
    overflow: hidden;
    background-color: var(--dt-main-color);
    color: #fff;
    box-shadow: 0 3px 5px -1px rgba(7, 10, 25, .2);
}

.widget_social a i.fa-facebook,
.widget_social a i.fa-facebook-f {
    background-color: #175beb;
}

.widget_social a i.fa-youtube {
    background-color: #CD201F;
}

.widget_social a i.fa-telegram {
    background-color: #0088cc;
}


.widget_social.fill-color a i {
    background: 0 0;
    color: var(--dt-main-color);
    box-shadow: none;
    width: 3rem;
}

.widget_social.fill-color a i.fa-facebook,
.widget_social.fill-color a i.fa-facebook-f {
    color: #175beb;
}

.widget_social.fill-color a i.fa-youtube {
    color: #CD201F;
}

.widget_social.fill-color a i.fa-telegram {
    color: #0088cc;
}

.widget_social a:hover i::before,
.widget_social a:focus i::before {
    display: inline-block;
    animation: dt_rubberBand 0.6s ease-in-out alternate;
}

@keyframes dt_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(.95, 1.05, 1);
      transform: scale3d(.95, 1.05, 1);
    }
  
    75% {
      -webkit-transform: scale3d(1.05, .95, 1);
      transform: scale3d(1.05, .95, 1);
    }
  
    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
}