Nutaku Web Games are more suitable for wide screens.
/* ==UserStyle==
@name Nutaku Web Games responsive + customizations
@version 1.0.0
@description Nutaku Web Games are more suitable for wide screens.
@author BreatFR (https://breat.fr)
@namespace https://gitlab.com/breatfr
@homepageURL https://gitlab.com/breatfr/nutaku-web-games
@supportURL https://discord.gg/Q8KSHzdBxs
@license AGPL-3.0-or-later; https://www.gnu.org/licenses/agpl-3.0.txt
@preprocessor stylus
@var checkbox noheader "No header" 1
@var checkbox widemode "Wide mode" 0
@var checkbox widemodeplus "Wide mode+" 1
==/UserStyle== */
/* === Credits ===
Website https://breat.fr
facebook https://www.facebook.com/breatfroff
mastodon https://mastodon.social/@breat_fr
telegram https://t.me/breatfr
vk https://vk.com/breatfroff
X (twitter) https://x.com/breatfroff
=== Credits === */
@-moz-document regexp("https://www\\.nutaku\\.net/.+/games/.+/play/") {
if noheader {
header {
display: none !important;
height: 0 !important;
}
.main-content,
.main-content.play {
padding: 0 !important;
}
.game-play-full {
margin: 0 !important;
position: absolute !important;
bottom: 0;
top: 0;
left: 0;
right: 0;
height: 100vh !important;
max-height: 100vh !important;
min-height: 100vh !important;
}
div[style*="height:"],
iframe[style*="height:"] {
height: 100vh !important;
max-height: 100vh !important;
}
}
if (widemode || widemodeplus) {
body {
overflow-y: hidden;
}
}
}
@-moz-document regexp("https://osapi\\.nutaku\\.com/gadgets/ifr.*") {
:root {
--themeversion: 'Theme v1.0.0';
--author: 'by BreatFR (https://breat.fr)';
--link: ' https://gitlab.com/breatfr/nutaku-web-games ';
}
#loader-wrapper::after {
background-color: rgba(211,211,211,0.5);
border-radius: .5em;
color: white;
content: var(--themeversion) ' · ' var(--author) '\A' url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBoZWlnaHQ9IjIwIiB3aWR0aD0iMjAiIHN0eWxlPSJ0cmFuc2Zvcm06IHNjYWxlWSgtMSk7Ij48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0iI2NiY2JjYiIgZD0iTTMwNyAzNC44Yy0xMS41IDUuMS0xOSAxNi42LTE5IDI5LjJ2NjRIMTc2Qzc4LjggMTI4IDAgMjA2LjggMCAzMDRDMCA0MTcuMyA4MS41IDQ2Ny45IDEwMC4yIDQ3OC4xYzIuNSAxLjQgNS4zIDEuOSA4LjEgMS45YzEwLjkgMCAxOS43LTguOSAxOS43LTE5LjdjMC03LjUtNC4zLTE0LjQtOS44LTE5LjVDMTA4LjggNDMxLjkgOTYgNDE0LjQgOTYgMzg0YzAtNTMgNDMtOTYgOTYtOTZoOTZ2NjRjMCAxMi42IDcuNCAyNC4xIDE5IDI5LjJzMjUgMyAzNC40LTUuNGwxNjAtMTQ0YzYuNy02LjEgMTAuNi0xNC43IDEwLjYtMjMuOHMtMy44LTE3LjctMTAuNi0yMy44bC0xNjAtMTQ0Yy05LjQtOC41LTIyLjktMTAuNi0zNC40LTUuNHoiLz48L3N2Zz4=") var(--link) url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBoZWlnaHQ9IjIwIiB3aWR0aD0iMjAiIHRyYW5zZm9ybT0icm90YXRlKDE4MCkiPjwhLS0hRm9udCBBd2Vzb21lIEZyZWUgNi41LjEgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UvZnJlZSBDb3B5cmlnaHQgMjAyNCBGb250aWNvbnMsIEluYy4tLT48cGF0aCBmaWxsPSIjY2JjYmNiIiBkPSJNMzA3IDM0LjhjLTExLjUgNS4xLTE5IDE2LjYtMTkgMjkuMnY2NEgxNzZDNzguOCAxMjggMCAyMDYuOCAwIDMwNEMwIDQxNy4zIDgxLjUgNDY3LjkgMTAwLjIgNDc4LjFjMi41IDEuNCA1LjMgMS45IDguMSAxLjljMTAuOSAwIDE5LjctOC45IDE5LjctMTkuN2MwLTcuNS00LjMtMTQuNC05LjgtMTkuNUMxMDguOCA0MzEuOSA5NiA0MTQuNCA5NiAzODRjMC01MyA0My05NiA5Ni05Nmg5NnY2NGMwIDEyLjYgNy40IDI0LjEgMTkgMjkuMnMyNSAzIDM0LjQtNS40bDE2MC0xNDRjNi43LTYuMSAxMC42LTE0LjcgMTAuNi0yMy44cy0zLjgtMTcuNy0xMC42LTIzLjhsLTE2MC0xNDRjLTkuNC04LjUtMjIuOS0xMC42LTM0LjQtNS40eiIvPjwvc3ZnPg==");
bottom: 20px;
display: flex;
flex-direction: column;
font-size: 18px;
left: 10px;
padding: 10px;
position: absolute;
text-align: center;
width: max-content;
white-space: pre-line;
}
if (widemode || widemodeplus) {
.main-container,
#game-container,
#loader-wrapper,
#unity-container,
#unityContainer,
#unityContainer > video,
#unityContainerCanvas,
#unity-canvas {
border: none !important;
bottom: 0 !important;
height: 100vh !important;
max-height: 100vh !important;
left: 0 !important;
margin: 0 !important;
right: 0 !important;
top: 0 !important;
transform: none !important;
z-index: 999999 !important;
}
.social-icon,
#left-banner,
#right-banner {
display: none !important;
width: 0 !important;
}
.main {
position: initial !important;
}
.column,
.columns {
margin: 0 !important;
padding: 0 !important;
}
}
if widemode {
.main-container,
#game-container,
#loader-wrapper,
#unity-container,
#unityContainer,
#unityContainer > video,
#unityContainerCanvas,
#unity-canvas {
margin: 0 auto !important;
max-width: 100% !important;
width: auto !important;
}
}
if widemodeplus {
.main-container,
#game-container,
#loader-wrapper,
#unity-container,
#unityContainer,
#unityContainer > video,
#unityContainerCanvas,
#unity-canvas {
max-width: 100% !important;
min-width: 100% !important;
width: 100% !important;
}
}
}