Skip to content

Biathlon.com.ua by ukr

Screenshot of Biathlon.com.ua

Details

Authorukr

LicenseMIT License

Categoryuserstyles

Created

Updated

Size49 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Стили, которые кардинально меняют сайт Biathlon.com.ua, как мне кажется, в лучшую сторону.

Notes

Большинство изменений которые вносят эти стили можно увидеть на этих скриншотах.

Как установить стиль:

  1. Загрузите расширения для браузера типа Stylish, для Хрома тут, Файрфокс тут. Или Stylus (рекомендуется), для Хрома тут, Файрфокс тут;
  2. На этой странице на кнопку кнопку “Install” и далее в расширении подтвердите установку;
  3. По иконке приложения перейдите в его настройки и у строки стилей new.biathlon.com.ua включите галочку, если она у вас не включена;
  4. Готово. Нажимая на эту галочку вы можете включать и отключать стили когда захотите. Там же можно их удалить.

Не забывайте проверять обновления стилей нажав в расширении на кнопку поворачивающихся стрелочек. Если стили сломаются в результате развития сайта администрацией, вскоре должно выйти исправление.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           new.biathlon.com.ua
@namespace      userstyles.world/user/ukr
@version        v1.0.0.6
@description    A new userstyle for biathlon.com.ua
@author         ukr
==/UserStyle== */

@-moz-document domain("new.biathlon.com.ua") {
.el-table--points > tbody > tr > td:nth-child(2) a, .el-table--nations > tbody > tr > td:nth-child(3) a, .el-table--sprints > tbody > tr > td:nth-child(3) a, .el-table--pursuits > tbody > tr > td:nth-child(3) a, .el-table--users > tbody > tr > td:nth-child(1) a, .el-table--ratings > tbody > tr > td:nth-child(1) a, .el-table--compositions > tbody > tr > td:nth-child(2) a, .el-table--names > tbody > tr > td:nth-child(1) a, .el-table--info > tbody > tr > td:nth-child(2) a {
    color: #002b71;
}
.el-table--points > tbody > tr > td, .el-table--nations > tbody > tr > td, .el-table--sprints > tbody > tr > td, .el-table--pursuits > tbody > tr > td, .el-table--users > tbody > tr > td, .el-table--ratings > tbody > tr > td, .el-table--compositions > tbody > tr > td, .el-table--names > tbody > tr > td, .el-table--info > tbody > tr > td, .el-table--olimps > tbody > tr > td {
    padding-top: 0.10em;
    padding-bottom: 0.10em;
}
.el-table--points > tbody > tr > td:nth-child(1), .el-table--nations > tbody > tr > td:nth-child(1), .el-table--sprints > tbody > tr > td:nth-child(1), .el-table--pursuits > tbody > tr > td:nth-child(1) {
    font-size: 0.75em;
    font-family: Arial;
    font-weight: 700;
    width: 30px;
    text-align: center;
    padding-top: 0.1em;
}
body {
    line-height: 1.2;
    font-size: 16px;
    color: #333;
    font-family: arial, sans-serif, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto;
}
.cube > .el-case--body > .el-table--head.points {
    display: none;
}
.el-carton--body.el-carton--body-cup > .row > .col-lg-6 > .el-table--head.points {
    color: #000000b3;
    font-family: Arial;
    padding-right: 0.7em;
    padding-left: 5.45em;
    margin-bottom: 0.6em;
}
a {
    -webkit-transition: all 0.0s;
    transition: all 0.0s;
    color: #002b71;
    text-decoration: none;
    outline: none;
    cursor: pointer;
}
.el-case--refer {
    color: #002b71;
    font-size: 0.81em;
    font-family: Arial;
    text-decoration: underline;
}
.el-table--points > tbody > tr > td:nth-child(4), .el-table--nations > tbody > tr > td:nth-child(4), .el-table--sprints > tbody > tr > td:nth-child(4), .el-table--pursuits > tbody > tr > td:nth-child(4), .el-table--ratings > tbody > tr > td:nth-child(3) {
    font-size: 0.81em;
    font-family: Arial;
    width: 39px;
    text-align: right;
    padding-right: 0.7em;
}
.btn-the {
    color: #ffffff;
    background-color: #405f91;
    padding-left: 1.09em;
    padding-right: 1.09em;
    border-radius: 50px;
    padding-top: 1.06em;
    padding-bottom: 1.06em;
    font-size: 0.81em;
    font-family: Arial;
    text-align: center;
}
.form-control {
    color: #000;
    font-size: 0.81em;
    font-family: Arial;
    font-weight: 400;
    line-height: 1.2;
}
.bl-welcome--wash {
    color: #ffffff;
    font-size: 0.97em;
    font-family: Arial;
    font-weight: 700;
    letter-spacing: 0.01em;
    text-shadow: 0px 3px 15px rgba(39,71,101,0.52);
}
.el-carton--refer {
    color: #000;
    font-size: 1.35em;
    font-family: Arial;
    font-weight: 700;
}
.el-list--disc > li > a {
    color: #000;
}
.el-comments {
    color: #000;
    font-size: 0.81em;
}
.btn-more {
    color: #002b71;
    font-size: 0.81em;
    font-family: Arial;
    font-weight: 400;
    background-color: rgba(255,255,255,1.00);
    border-radius: 0.88em;
    border: 1px solid #405f91;
    line-height: 1.2;
    display: inline-block;
    padding-top: 0.39em;
    padding-bottom: 0.39em;
    padding-left: 1.16em;
    padding-right: 1.16em;
}
.el-said--rumor {
    color: #002b71;
    font-size: 0.81em;
    font-family: Arial;
    display: inline-block;
    letter-spacing: -0.02em;
}
.el-said--date {
    color: #000;
    font-size: 0.67em;
}
.el-event--rumor {
    color: #333;
    font-size: 0.81em;
}
.el-voited--sector {
    color: #000;
    font-size: 0.81em;
    font-family: Arial;
    margin-bottom: 0.90em;
}
.el-nav--blue .el-nav--center > a {
    background-color: #405f91;
    border-radius: 24px;
    text-align: center;
    color: #ffffff;
    font-size: 0.8em;
    font-family: Arial;
    font-weight: 700;
    min-width: 2.70em;
    padding-top: 0.20em;
    padding-bottom: 0.20em;
    border: 1px solid transparent;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0.20em;
    padding-right: 0.20em;
    min-height: 2.70em;
}
.el-nav--blue .el-nav--center > a:hover, .el-nav--blue .el-nav--center > a.active {
    background-color: #ffffff;
    border: 1px solid #405f91;
    color: #002b71;
}
.el-nav--blue > a {
    color: #002b71;
    font-size: 0.85em;
    font-family: Arial;
    font-weight: 500;
    text-decoration: underline;
}
.bl-sponsor--motto {
    color: #002b71;
    font-size: 1.38em;
    font-family: Arial;
    font-weight: 700;
    margin-bottom: 1.10em;
}
.el-discussion--faith {
    color: #333;
    font-size: 0.88em;
    font-family: Arial;
    line-height: 1.4;
}
.el-discussion--be {
    color: #000000b3;
    font-size: 0.69em;
    display: block;
    padding-top: 0.40em;
}
.el-discussion--date {
    color: #333;
    font-size: 0.69em;
}
.el-menu .el-menu--idem .el-menu--grid > ul > li > a {
    color: #000;
    font-size: 0.81em;
    font-family: Arial;
    display: block;
    background-color: rgba(103, 155, 205, 0.1);
    padding-top: 0.66em;
    padding-bottom: 0.66em;
    padding-left: 1.00em;
    padding-right: 1.00em;
    margin-bottom: 0.42em;
}
.el-speedbar > a {
    color: #333;
    text-decoration: underline;
}
.el-menu--cry {
    color: #ffffff;
    font-size: 0.81em;
    font-family: Arial;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    padding-left: 1.70em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-repeat: no-repeat;
    background-position: 0 50%;
    position: relative;
    padding-top: 0.16em;
    padding-bottom: 0.16em;
}
.el-case--term {
    color: #000;
    font-size: 0.9em;
    font-family: tahoma;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: -0.01em;
}
.el-case--lead {
    color: rgb(22, 72, 140);
    font-size: 0.9em;
    font-family: tahoma;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: -0.01em;
}
.el-event--utter {
    color: #333;
    font-size: 0.88em;
    font-family: Arial;
    font-weight: 700;
}
.el-latest--the {
    color: #333;
    font-size: 0.88em;
    line-height: 1.4;
}
.el-latest--talk {
    font-size: 0.88em;
    font-weight: 600;
    color: #002b71;
}
.el-latest--date {
    color: #000;
    font-size: 0.69em;
}
.bl-gallery--all > div > div .btn {
    background-color: #405f91;
    color: #ffffff;
    border: 0px none transparent;
}
.el-carton--news > .el-carton--body a:hover {
    color: #6dc4de;
}
a.el-latest--note:hover {
    color: #6dc4de;
}
.el-carton--head > a.el-carton--refer:hover, .wrap--table a:hover, a.el-comments:hover, a.el-client--guide:hover, a.el-case--refer:hover, .el-speedbar a:hover, .el-nav--blue > a:hover, .bl-filter--item a:hover {
    color: #6dc4de;
}
.el-carton--body-team > .form-wash > .form-lead.form-group a:hover, .el-table--highlight.el-table--ukraine.el-table a:hover, .form-lead.form-group.form-lead-top a:hover, .el-table--highlight.el-table.el-table--halloffame-players a:hover, .el-table.el-table--contest-cup a:hover, .el-table.el-table--forecast-rating.el-table--forecast-view a:hover, .el-carton--body.el-carton--body-team > .wrap--table > .el-table--highlight.el-table a:hover, .el-carton--body p a:hover, .el-table--highlight.el-table--mails.el-table a:hover, .el-carton--body-last a:hover {
    color: #6dc4de;
    text-decoration: underline;
}
.btn-light.btn:hover {
    background-color: #002B71;
}
.el-carton--news > .el-carton--body a:hover {
    text-decoration: underline;
}
.el-list--disc > li {
    color: #405f91;
    font-size: 0.88em;
    font-weight: 600;
}
.swiper-button.blue {
    border-radius: 34px;
    background-color: #405f91;
    width: 34px;
    height: 34px;
    background-size: auto;
    margin-top: -17px;
}
.el-speedbar {
    color: #000;
    font-size: 0.81em;
    font-weight: 600;
    margin-top: -0.5em;
    margin-bottom: -2.45em;
}
.el-carton--round.el-carton > .el-carton--body {
    padding-top: 0.68em !important;
    padding-bottom: 1em !important;
}
.el-table--points > tbody > tr > td:nth-child(2) a:hover, .el-table--nations > tbody > tr > td:nth-child(3) a:hover, .el-table--sprints > tbody > tr > td:nth-child(3) a:hover, .el-table--pursuits > tbody > tr > td:nth-child(3) a:hover, .el-table--users > tbody > tr > td:nth-child(1) a:hover, .el-table--ratings > tbody > tr > td:nth-child(1) a:hover, .el-table--compositions > tbody > tr > td:nth-child(2) a:hover, .el-table--names > tbody > tr > td:nth-child(1) a:hover, .el-table--info > tbody > tr > td:nth-child(2) a:hover, .el-carton--body.el-carton--body-chat > .content-empty a:hover {
    color: #6dc4de;
    text-decoration: underline
}
.el-list--disc > li > a:hover{
    color: #6dc4de;
    text-decoration: underline
}
.el-uncos--term:hover, .sc-footer--menu > li > a:hover, .sc-footer--more > li...

Reviews

No reviews yet.