We've recently updated the website with a range of new features designed to provide visitors with a more modern, streamlined, and engaging experience. These updates include the addition of a dark mode, which provides an alternative color scheme that is easier on the eyes and more energy-efficient, as well as the removal of all ads from the website, creating a more informative and engaging experience with high-quality content that meets visitors' needs. Additionally, we removed the scrollbar to create a smoother and more immersive browsing experience, making it easier for visitors to engage with the content without any distractions. To complete the update, we've also changed the icons to provide a more modern and visually appealing design, improving the aesthetics and overall look and feel of the website. These updates are aimed at creating a more user-friendly and engaging experience for visitors, with a focus on enhancing usability, aesthetics, and content quality.
BokGames: Styled by joelmatho
Details
Authorjoelmatho
LicenseMIT
Categorybestonlinekidsgames.com
Created
Updated
Size20 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
-
The website has undergone a significant update to enhance the user experience, including the addition of a dark mode, removal of ads, scrollbar, and changing icons.
-
The new dark mode provides an alternative color scheme that can reduce eye strain and energy consumption while also offering a modern and stylish look.
-
Removing all ads from the website creates a more informative and engaging experience with high-quality content that meets visitors' needs, without any distracting or irrelevant content.
-
The removal of the scrollbar creates a smoother and more immersive browsing experience, allowing visitors to engage with the content without any distractions or interruptions.
-
Changing the icons provides a more modern and visually appealing design, improving the aesthetics and overall look and feel of the website.
-
These updates are aimed at creating a more user-friendly and engaging experience for visitors, with a focus on enhancing usability, aesthetics, and content quality.
-
Overall, these updates should make the website more visually appealing, easier to navigate, and more enjoyable to use, providing visitors with a high-quality and informative experience.
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name BokGames: Styled
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Joelmatho
==/UserStyle== */
@-moz-document domain("bestonlinekidsgames.com") {
/* Division */
center .adsbygoogle div {
display: none !important;
}
/* Division */
#progressbar div {
background-image: url("https://cdn.discordapp.com/attachments/1059120393274793984/1080698008989073418/ui-bg_flat_7_0b1f37_40x100.png");
background-color: #ffffff;
color: #ffffff;
}
/* Button modern */
#broken .button-modern {
box-shadow: none;
}
/* Comment form submit */
#comment_form_submit {
box-shadow: none;
}
/* Division */
#progressbar div {
background-color: transparent !important;
background-size: auto;
border-style: solid;
border-color: #ffffff;
}
/* Progress label */
#progressbar .progress-label {
color: #000000;
}
/* Text Area */
#broken textarea {
color: #ffffff !important;
}
/* Input */
#fld_pwd {
background-color: transparent !important;
color: #ffffff !important;
border-style: solid;
border-color: #ffffff !important;
}
/* Username */
#fld_username {
color: #ffffff !important;
background-color: transparent !important;
border-color: #ffffff !important;
}
/* Lable remember */
#RegBox div .lable_remember {
color: #ffffff;
}
/* Link */
#wrapper p a {
color: #ffffff !important;
text-decoration: none;
font-weight: 700;
}
/* Link (hover) */
#wrapper p a:hover {
color: #d6d6d6 !important;
}
/* Image (hover) */
#wrapper p img:hover {
opacity: 0.78;
}
/* Input */
#RegBox div input[type=checkbox] {
position: relative;
top: 0px;
}
/* Clear */
#RegBox div .clear {
color: #ffffff !important;
text-decoration: none;
}
/* Link register */
#RegBox div a.link_register {
color: #ffffff !important;
text-decoration: none;
}
/* Input */
#RegBox div input[type=button] {
background-image: none;
background-color: transparent;
border-style: solid;
border-color: #ffffff;
box-shadow: none;
color: #ffffff;
text-shadow: none;
text-decoration: none;
}
/* Reg box */
#RegBox {
box-shadow: 0px 2px 13px -5px #000000;
border-style: none;
border-color: #ffffff;
}
/* Heading */
#RegBox h2 {
text-align: center;
}
/* Input */
#broken p input[type=text] {
color: #ffffff !important;
}
/* Broken */
#broken {
color: #ffffff;
}
/* Comment form name */
#comment_form_name {
color: #ffffff !important;
}
/* Captcha form */
#captcha-form {
color: #ffffff !important;
}
/* Comment form submit */
#comment_form_submit {
opacity: 0.74;
}
/* Button modern (hover) */
#broken .button-modern:hover {
background-color: rgba(255, 255, 255, 0.2);
color: #ededed;
border-color: #ededed;
}
/* Progressbar */
#progressbar {
border-style: solid;
border-color: #ffffff;
}
/* Image */
#tabs .gamedesc a img {
border-style: solid;
border-color: #ffffff;
}
/* Comment form email */
#comment_form_email {
color: #ffffff !important;
}
/* Comment form */
#comment_form {
color: #ffffff;
}
/* Division */
.ltr a div {
background-size: cover;
}
/* Fulls
c icon (hover) */
#game-header .fullsc-icon:hover {
transform: scale(1.17);
opacity: 0.8;
}
/* Image */
#logo a img {
opacity: 0.83;
}
/* Text Area */
#broken textarea {
border-color: #ffffff !important;
}
/* Box shadow */
#container div .box-shadow {
background-color: transparent;
transform: translatex(0px) translatey(0px);
}
/* Heading */
#container div h2 {
color: #ffffff;
}
/* List Item */
#wrapper .tags li {
background-color: #ffffff;
padding-top: 5px;
padding-bottom: 5px;
}
/* Link */
#container div .box-shadow div .tags li div div a {
color: #000000 !important;
}
/* Link */
.tags div div a {
font-weight: 700;
}
/* Division */
.tags li:nth-child(3) div div:nth-child(2) {
color: #383838;
font-weight: 600;
}
/* Tags */
#wrapper div .tags {
color: #000000;
transform: translatex(0px) translatey(0px);
}
/* Input */
#broken p input[type=text] {
border-color: #ffffff !important;
}
/* Button modern (hover) */
#broken .button-modern:hover {
opacity: 0.8;
}
/* Comment form name */
#comment_form_name {
border-color: #ffffff !important;
}
/* Captcha form */
#captcha-form {
border-color: #ffffff !important;
}
/* Comment form email */
#comment_form_email {
border-color: #ffffff !important;
}
/* Label */
#comment_form label {
font-weight: 500;
}
/* Division */
#comment_form .ltr {
background-color: transparent;
border-color: #ffffff !important;
color: #ffffff;
}
/* Iframe */
#comment_form .ltr iframe {
background-color: transparent;
color: #ffffff;
}
/* Division */
#comment_form .ltr > div {
color: #ffffff;
background-color: transparent;
border-style: none;
}
/* Division */
#wrapper #container #playgamebigbox .box_tab .left div div #tabs > div {
transform: translatex(0px) translatey(0px) !important;
}
/* Division */
.ltr a div {
background-image: url("https://www.bestonlinekidsgames.com/application/plugin/pengu_comment/bbeditor/minified/themes/famfamfam.png");
}
/* Tabs */
#tabs {
padding-bottom: 35px;
}
/* Rateyes (hover) */
#rateyes:hover {
opacity: 0.8;
transform: scale(1.11);
}
/* Rateno */
#rateno:hover {
transform: scale(1.11);
opacity: 0.8;
}
/* Search */
#search {
background-color: rgba(155, 155, 155, 0.71) !important;
}
/* Top games (hover) */
#topmenu a .topGames:hover {
transform: scale(1.17);
}
/* New games (hover) */
#topmenu a .newGames:hover {
transform: scale(1.17);
}
/* Best games (hover) */
#topmenu a .bestGames:hover {
transform: scale(1.17);
}
/* Addtofav */
#addtofav:hover {
opacity: 0.8;
transform: scale(1.17);
}
/* Menu item name */
.dropdown li .menuItemName {
text-align: center;
font-size: 18px;
}
/* Bold Tag */
#GameTitle b {
color: #ffffff;
}
/* Play store link (hover) */
#play-store-link:hover {
opacity: 0.74;
}
/* Little arrow (hover) */
#littleArrow:hover {
opacity: 0.74;
}
/* Game videos icon (hover) */
#game-videos-icon:hover {
opacity: 0.74;
}
/* Span Tag (hover) */
.facebook a span:hover {
opacity: 0.74;
}
/* Span Tag (hover) */
.twitter a span:hover {
opacity: 0.74;
}
/* Span Tag (hover) */
.gplus a span:hover {
opacity: 0.74;
}
/* Search button (hover) */
#search_button:hover {
opacity: 0.74;
}
/* Game box */
#GameBox {
background-color: transparent;
}
/* Fullsc icon */
#game-header .fullsc-icon {
background-image: url("https://cdn.discordapp.com/attachments/1059120393274793984/1080403270935257168/fullscreen.png");
background-size: cover;
}
/* Addtofav */
#addtofav {
background-image: url("https://cdn.discordapp.com/attachments/1059120393274793984/1080403271212077126/star_1.png");
background-size: cover;
}
/* Link (hover) */
#tabs ul a:hover {
background-color: #5e5e5e;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
/* Link (active) */
#tabs ul a:active {
background-color: #5e5e5e;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
/* Little arrow (hover) */
#littleArrow:hover {
background-repeat: repeat;
opacity: 0.7;
}
/* Span Tag */
#search_box .search_link span {
color: #ffffff;
}
/* Footer wrap */
#footer-wrap {
background-color: rgba(59, 59, 59, 0.89);
backdrop-filter: blur(2px);
color: #ffffff;
}
/* Division */
#playgamebigbox > div:nth-child(1) {
display: none;
}
/* Division */
#playgamebigbox > div:nth-child(5) {
display: none;
}
/* Game box */
#GameBox {
width: 2159px !important;
transform: translatex(0px) translatey(0px);
left: 259px;
margin-top: 22px;
}
/* Related */
#Related {
display: none;
}
/* Adsbygoogle */
#playgamebigbox div .adsbygoogle {
display: none !important;
}
/* Tabs */
#tabs {
margin-bottom: 57px;
border-style: none;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
transform: translatex(0px) translatey(0px);
background-color: #686868;
background-image: none;
}
/* List Item */
#tabs ul li {
background-image: none;
background-color: transparent;
border-style: none;
}
/* Iframe */
#tabs .gamedesc iframe {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
/* Rateno */
#rateno {
background-image: url("https://cdn.discordapp.com/attachments/1059120393274793984/1080357790863863891/thumbs-down.png");
background-size: cover;
width: 30px;
height: 30px;
position: relative;
top: -8px;
}
/* Rateyes */
#rateyes {
position: relative;
left: -152px;
top: -25px;
background-image: url("https://cdn.discordapp.com/attachments/1059120393274793984/1080357790540890172/thumbs-down_1.png");
background-size: cover;
width: 30px;
height: 30px;
}
/* Progress label */
#progressbar .progress-label {
text-shadow: none;
}
/* Image */
#tabs .gamedesc a img {
position: relative;
left: 1px;
top: -8px;
}
/* Image */
#tabs p a img {
disp...