Mobile fix
Mobile fix Mohn by kie0412
Details
Authorkie0412
LicenseNo License
CategoryHorsereaity.com
Created
Updated
Size5.3 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name Mobile fix Mohn
@version 20232710
@namespace ?
==/UserStyle== */
@-moz-document url-prefix("https://v2.horsereality.com/") {
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital@1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair:wght@300&display=swap');
:root
{
--light-sage: #8c3d1feb;
--check: #f83e1b;
--picture-button: #f3a26c;
--gold: #db935a;
--light-brown: #edbd7d;
--light-green: #efcb89;
--gold-text: #715629;
--light-text: #c4a36b99;
--sand: #db935a80;
--green-text: #573b10;
--gold-hover: #edbd7d;
--green-hover: #b70b0f;
--progress: #f9731f;
--button: #d63126;
--button-hover: #b13d26;
--boxes: #e95435b3;
--white: #efcb98d4;
--odd: #f3a26cb0;
--even: #db935ab0;
--mine: #f68f50b0;
--select: #8c3d1f;
--top-hover: #8c3d1f;
--background: url(https://cdn.discordapp.com/attachments/1124367855354380308/1166110400933273620/mohn3.jpg);
--map: url(https://cdn.discordapp.com/attachments/1124367855354380308/1166110400933273620/mohn3.jpg)
--title-font: "Playfair Display";
--main-font: "Playfair";
--horse-bg: url(https://cdn.discordapp.com/attachments/987518421442891878/1119455641879191593/skybg.png);
}
html {
font-size: 85%;
}
}
@-moz-document url-prefix("https://www.horsereality.com/") {
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital@1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair:wght@300&display=swap');
:root
{
--light-sage: #8c3d1feb;
--check: #f83e1b;
--picture-button: #f3a26c;
--gold: #db935a;
--light-brown: #edbd7d;
--light-green: #efcb89;
--gold-text: #715629;
--light-text: #c4a36b99;
--sand: #db935a80;
--green-text: #573b10;
--gold-hover: #edbd7d;
--green-hover: #b70b0f;
--progress: #f9731f;
--button: #d63126;
--button-hover: #b13d26;
--boxes: #e95435b3;
--white: #efcb98d4;
--odd: #f3a26cb0;
--even: #db935ab0;
--mine: #f68f50b0;
--select: #8c3d1f;̨
--top-hover: #8c3d1f;
--background: url(https://cdn.discordapp.com/attachments/1124367855354380308/1166110400933273620/mohn3.jpg);
--map: url(https://cdn.discordapp.com/attachments/1124367855354380308/1166110400933273620/mohn3.jpg)
--title-font: "Playfair Display";
--main-font: "Playfair";
}
html {
font-size: 100%;
}
}
@-moz-document url-prefix("https://v2.horsereality.com/")
{
.mobile-menu-container
{
background: var(--light-sage);
font-family: var(--main-font);
max-height: 100%;
min-height: calc(100% - 49px);
overflow-y: scroll;
padding: 15px;
position: fixed;
z-index: 999;
}
.mobile-menu-container .ava img
{
border-color: var(--sand);
border-width: 0px;
border-style: solid;
border-radius: 20px 20px 20px 20px;
height:auto;
width: 100%;
}
.mobile-menu-container .level p, .mobile-menu-container a, .mobile-menu-container ul li a
{
color: var(--light-text);
font-family: var(--main-font);
font-size: 13px;
font-weight:400;
line-height: 18px;
}
.mobile-menu-container ul li .subtitle
{
color: var(--light-text);
font-size: 18px;
font-weight: 700;
margin-bottom: 5px;
text-align: center;
}
div.progess
{
background: var(--progress);
border-radius: 0.25rem;
display: flex;
font-size: 0.75rem;
height: 1rem;
overflow-x: hidden;
overflow-y: hidden;
}
.progress-bar
{
background: var(--progress);
display:flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
img[src="https://www.horsereality.com/images/world/ava-africa.png"]
{
content: var(--map);
}
img[src="https://www.horsereality.com/images/world/ava-asia.png"]
{
content: var(--map);
}
img[src="https://www.horsereality.com/images/world/ava-australia.png"]
{
content: var(--map);
}
img[src="https://www.horsereality.com/images/world/ava-europe.png"]
{
content: var(--map);
}
img[src="https://www.horsereality.com/images/world/ava-north-america.png"]
{
content: var(--map);
}
img[src="https://www.horsereality.com/images/world/ava-south-america.png"]
{
content: var(--map);
}
}
@-moz-document url-prefix("https://www.horsereality.com/")
{}
img[src="https://www.horsereality.com/images/world/ava-africa.png"]
{
content: var(--map);
}
img[src="https://www.horsereality.com/images/world/ava-asia.png"]
{
content: var(--map);
}
img[src="https://www.horsereality.com/images/world/ava-australia.png"]
{
content: var(--map);
}
img[src="https://www.horsereality.com/images/world/ava-europe.png"]
{
content: var(--map);
}
img[src="https://www.horsereality.com/images/world/ava-north-america.png"]
{
content: var(--map);
}
img[src="https://www.horsereality.com/images/world/ava-south-america.png"]
{
content: var(--map);
}