Skip to content

Modern UI for Hlockey by PsionicRaposa

Screenshot of Modern UI for Hlockey

Details

AuthorPsionicRaposa

LicenseGNU GPLv3

Categoryhlockey.onrender.com

Created

Updated

Size1.9 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A revamped UI for the Hlockey website to be used with Stylish. Works on mobile through the Kiwi and Yandex Browser.

Notes

Version 1.0.0. Expect bug fixes in the coming weeks
Future plans may include Light and Team based theming options

Source code

/* ==UserStyle==
@name         Modern UI for Hlockey
@version      20230705.15.17
@namespace    userstyles.world/user/PsionicRaposa
@description  A revamped UI for the Hlockey website.
@author       PsionicRaposa
@license      GNU GPLv3
==/UserStyle== */

@-moz-document domain("hlockey.onrender.com") {

/*Modern UI for Hlockey*/
/*Version 1.0.0*/
/*Theme by PsionicRaposa*/

body {
    background-color: #272727;
}

/*All interactable elements*/
a, button, input {
    transition: background 0.3s;
    padding: 0.3rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

/*Account settings buttons*/
button {
    border-radius: 1rem;
    border: none;
    border-collapse: separate;
    box-shadow: 0rem 0rem 0.2rem 0.1rem rgba(0, 0, 0, 1);;
}
/*League buttons*/
a.button {
    box-shadow: 0rem 0rem 0.4rem 0.1rem rgba(0, 0, 0, 0.75);
}
/*Game and stats UI (Tables) */
table {
    min-width: 325px;
    border-radius: 1rem;
    border: none;
    border-collapse: separate;
    box-shadow: 0rem 0rem 0.4rem 0.1rem rgba(0, 0, 0, 0.75);
}

/*Headings*/
h2 {
     text-align: center;
}

/*Content on page*/
#content {
    margin: 1rem 20%;
}

/*All web links*/
a:-webkit-any-link {
  border: none;
  border-radius: 1rem;
  text-decoration: none;
  margin: 0.3rem;
}

/*Account settings input fields*/
input{
    border-radius: 1rem;
    border: none;
    border-collapse: separate;
    box-shadow: 0rem 0rem 0.2rem 0.1rem rgba(0, 0, 0, 0.75);
}

/*Response navigation bar for mobile*/
@media screen and (min-width: 600px) {
  nav {
    padding: 1rem 33%;
  }
}

/*All navigation bars*/
nav {
  border-bottom: 1px solid #535353;
}

/*Navigation bar contents*/
nav a {    
padding: 0.3rem;
}
/*Top navigation bar*/
#pages {
     background-color: rgba(26, 26,26);
     border-bottom: none;
}
}

Reviews

No reviews yet.