Skip to content

-kibbiewibbie- by melissa25

Write a review Install Get Stylus

Details

Authormelissa25

LicenseNo License

CategoryHorse Reality

Created

Updated

Size41 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

theme for -kibbiewibbie-

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name           kibbiewibbie
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document url-prefix("https://www.horsereality.com/") {
    /* Inserisci codice qui... */
}

:root {
    --chiaro: #568CA0;
    --chiaro2: #6096A9;
    --chiaro3: #4F8092;
    --medio: #0A5353;
    --scuro: #8C344B;
    --chiarosfumato: #568CA050;
    --chiarosfumato2: #568CA070;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --bianco: #fff;
    --gray: #6c757d;
    --nero: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}

@-moz-document url-prefix("https://www.horsereality.com/") 
{}

 body.background.north-america, body.background.south-america, body.background.europe, body.background.australia, body.background.asia, body.background.africa {
    background-image: url(" https://cdn.discordapp.com/attachments/1106222966544531589/1106235836342751242/truebsee-5337646_960_720.png");
    background-size: cover;
    background-position: 0%;
  }

.minimap.europe, .minimap.north-america {
  background-image: url( "https://cdn.discordapp.com/attachments/1106222966544531589/1106235836342751242/truebsee-5337646_960_720.png" );
}

.show-profile .main-content {
    background-color: var(--chiarosfumato)
}

.header-menu nav .main-menu .user-nav .dropdown-menu {
  left: -135px !important;
  min-width: 12rem !important;
  background: var(--chiaro)
}

.header-menu nav .main-menu .user-nav .dropdown-menu .dropdown-header, .header-menu nav .main-menu .user-nav .dropdown-menu .dropdown-item {
  font-size: 13px;
  color: var(--medio);
}

.account
{}

.header-menu {
  background: var(--chiaro);
}

.header-menu nav .main-menu .user-nav > a {
  color: var(--medio);
  font-size: 13px;
  position: center
}

.header-menu nav .main-menu .user-nav .dropdown-toggle:after {
    color: var(--medio);
}

.header-menu nav .main-menu ul li a {
  font-size: 13px;
  color: var(--medio);
}

.header-menu nav .stats {
    text-align: right;
    color: var(--medio);
    font-size: 11px;
}

.header-menu nav .stats a {
    color: var(--medio);
}

.header-menu nav .main-menu ul li a.btn {
  padding: 3px 8px;
  font-weight: 700;
  background: var(--medio);
  border-radius: 90px;
  color: var(--chiaro);
}

.btn-warning {
  border-color: var(--medio);
}

.show-profile .navbar-avatar .navbar-avatar-container {
  z-index: 1;
  width: 150px;
  height: 150px;
  border: 4px var(--chiaro);
  position: absolute;
  background-size: cover;
  top: 165px;
  left: 25px;
}

.show-profile .profile-name-and-estate .profile-username {
	text-align: center ;
	font-size: 32px !important;
	font-weight: 700 !important;
	color: var(--bianco);
	margin-bottom: 5px !important;
}

.show-profile .profile-name-and-estate .profile-estate {
  text-align: center ;
  font-size: 18px !important;
  line-height: 21px !important;
  font-weight: 400 !important;
  color: var(--bianco);
}

.show-profile .profile-name-and-estate {
  font-family: Roboto,sans-serif;
  color: var(--medio);
  text-shadow: 0 0 3px #ffffff03;
}

.show-profile .profile-ranking-container .profile-rank {
  text-align: center;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: var(--scuro);
}

.show-profile .profile-ranking-container .profile-rank-position {
  font-size: 26px !important;
  text-align: right;
  font-weight: 700 !important;
  color: var(--scuro);
  margin-bottom: 5px !important;
}

.show-profile .profile-ranking-container {
  font-family: Roboto,sans-serif;
  color: var(--medio);
  text-shadow: 0 0 3px #0000;
}

.show-profile .navbar {
  background-color: var(--chiaro) !important;
  border-top: 2px solid var(--chiaro3);
  border-bottom: 2px solid var(--chiaro3);
  padding-top: 0;
  padding-bottom: 0;
  min-height: 40px !important;
}

.show-profile .navbar .nav-link {
  padding: 8px 20px;
  line-height: 24px;
  font-weight: 500;
  color: var(--medio);
  font-size: 14px;
}

.show-profile .profile-account h2 {
  font-size: 14px;
  font-weight: 600;
  color: var(--scuro);
}

body {
  font-size: 12.5px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--medio); 
  text-align: left;
}

.show-profile .profile-account .tag-npc, .show-profile .profile-account .tag-player {
  font-size: 13px;
  font-family: sans-serif;
  color: var(--medio);
  display: block;
  text-align: left;
  font-weight: 400;
  padding-left: 0;
}

.show-profile .profile-account {
  width: 100%;
  padding: 10px;
  background-color: var(--chiaro);
  margin-bottom: 20px;
  border-radius: 20px;
}

.side-nav ul .subtitle {
  font-size: 14px;
  margin-bottom: 5px;
  line-height: 21px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--scuro);
}

.side-nav ul a {
  font-size: 13px;
  font-weight: 700;
  text-transform: capitalize;
  color: var(--medio);
  padding: 0;
}

.fa-solid, .fas {
  font-family: Font Awesome 6 Pro;
  font-weight: 900;
  color: var(--scuro);
}

.side-nav {
  padding: 10px;
  background: var(--chiaro);
}

.account horse
{}

.component.frame .wrapper .header .title {
  display: inline-block;
  font-size: 16px;
  color: var(--chiaro);
  text-transform: none;
}

.component.frame .wrapper .header {
  padding: 5px 10px 0;
  background-color: var(--scuro);
}

.component.table .table thead th {
  background: var(--chiaro);
  border: none;
  padding: 5px 10px;
}

.table .thead-dark th {
  color: var(--medio);
  background-color: var(--medio);
  border-color: var(--medio);
}

a {
  color: var(--medio);
}

.component.table .table tbody tr:nth-of-type(2n+1) {
  background-color: var(--chiaro2);
  border-color: var(--chiaro2);
}

.component.table .table tbody {
  background-color: var(--chiaro);
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: var(--medio);
}

.horse
{}

.main-content {
    background: var(--chiarosfumato2) !important;
    padding: 15px;
}

.current-capacity {
  padding: 3px 6px;
  background: var(--chiaro);
  cursor: pointer;
  border-radius: 8px;
  text-align: center;
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
  letter-spacing: 0;
  color: var(--medio);
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
}

.horses-title .horses-title-desktop, .horses-title .horses-title-mobile {
  display: block;
  color: var(--medio);
}

.tabs .tab.active {
  background: var(--medio);
}

.tabs .tab.active a {
  color: var(--chiaro);
}

.tabs .tab {
  position: relative;
  z-index: 2;
  margin-right: 3px;
  -webkit-transition: all .2s;
  transition: all .2s;
  border-radius: 8px 8px 0 0;
  background: var(--chiaro);
}

.tabs .tab > span, .tabs .tab a, .tabs .tab input {
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  color: var(--medio);
}

.horse-filters-search input {
  width: 100%;
  height: 32px;
  padding: 3px 10px 3px 30px;
  border: 0;
  border-radius: 8px;
  background: var(--medio);
  color: var(--chiaro) !important; 
}

button.normalize {
  padding: 0;
  color: var(--scuro);
  border: 0;
  background: 0 0;
}

nav .pagination .page-item.active .page-link {
  font-weight: 700;
  color: var(--chiaro) !important;
  background: var(--medio);
}

nav .pagination .page-item:not(.disabled) .page-link {
  color: var(--medio);
}

nav .pagination .page-item .page-link {
  margin: 0 3px;
  padding: 5px 10px;
  text-align: center;
  border: none;
  border-radius: 3px;
  background: var(--chiaro);
}

.horse-grid .horse-item .content {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  height: 100%;
  border-radius: 20px;
}

.horse-grid .horse-item .content-wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  height: 100%;
  padding: 15px;
  background: var(--chiaro);
}

.horse-item h2 {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0;
  color: var(--medio);
}

.horse-item .breed-and-age, .horse-item .tagline {
  font-size: 13px;
  line-height: 21px;
  display: block;
  letter-spacing: 0;
  color: var(--medio);
}

.horse-stats .horse-stat-energy i {
  color: var(--scuro);
}

.horse-stats .horse-stat-fitness i {
  color: var(--scuro);
}

.horse-stats .horse-stat-affection i {
  color: var(--scuro);
}

.horse-stats .horse-stat span {
  display: block;
  width: 22px;
  text-align: center;
  font-size: 11px;
  font-weight: 700;
  line-height: 17px;
  letter-spacing: 0;
  color: var(--medio);
}

.horse-item .content {
  overflow: hidden;
  border-radius: 8px;
  background: var(--chiaro2);
}

.horse-list.alternate .horse-item:nth-child(2n) .content {
  background: var(--chiaro);
}

:root
{--hrbg: url("https://cdn.discordapp.com/attachments/978011962933907487/1106240229192511639/profilebg_bluelake.png")}

.horse-grid .horse-item .image {
    background-ima...

Reviews

No reviews yet.