Skip to content

GirlsGoGames: Styled by joelmatho

Screenshot of GirlsGoGames: Styled

Details

Authorjoelmatho

LicenseMIT

Categorygirlsgogames.com

Created

Updated

Size14 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

We've recently updated the website to enhance the user experience by making it more modern, streamlined, and engaging. 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. Together, 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.

Notes

  • The website has undergone a series of updates designed to enhance the user experience by making it more modern, streamlined, and engaging.
  • The addition of a dark mode provides an alternative color scheme that can reduce eye strain and energy consumption while also offering a stylish and contemporary 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.
  • The combination of dark mode, no ads, and no scrollbar is designed to create a more user-friendly and engaging experience for visitors, regardless of their personal preferences.
  • Overall, these updates are intended to enhance usability, aesthetics, and content quality, providing visitors with a more enjoyable 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           GirlsGoGames: Styled
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Joelmatho
==/UserStyle== */
@-moz-document domain("girlsgogames.com") {
	/* Label page sidebar */
	#wdg_page_labels .label-page-sidebar {
		display: none;
	}

	/* Page profile */
	#wdg_page_profile {
		background-color: #37293c;
	}

	/* Hide scrollbar for Chrome, Safari and Opera */
	::-webkit-scrollbar {
		display: none;
	}

	/* Avatar copy */
	#wdg_page_profile .avatar-copy {
		color: #ffffff;
	}

	/* Heading */
	#wdg_page_profile .avatar-info h4 {
		color: #ffffff;
	}

	/* Span Tag */
	#wdg_profile_settings .subtitle span {
		color: #ffffff;
	}
	
	#menu-items_list .menu-item .menu-item-button-container a.icon-wrapper {
     transition: .2s ease;
	}
	
	transition: .2s all ease;

	/* Page external profile */
	#wdg_page_external_profile {
		background-color: transparent;
		color: #ffffff;
	}

	/* Heading */
	#wdg_page_external_profile h2 {
		color: #ffffff;
	}

	/* Profile settings */
	#wdg_profile_settings {
		color: #ffffff;
	}

	/* Heading */
	.last-box .box-header h3 {
		color: #ffffff;
	}

	/* Heading */
	#profile-settings-section-basics h3 {
		color: #ffffff;
	}

	/* Heading */
	.first-box .box-header h3 {
		color: #ffffff;
	}

	/* Heading */
	#profile-settings-section-privacy h3 {
		color: #ffffff;
	}

	/* Heading */
	.last-box .profile-settings-section-unregister h3 {
		color: #ffffff;
	}

	/* Paragraph */
	#wdg_page_profile .avatar-info p {
		color: #ffffff;
	}

	/* Avatar picker preview img */
	#avatar-picker-preview-img {
		border-style: none;
		border-top-left-radius: 80px;
		border-top-right-radius: 80px;
		border-bottom-left-radius: 80px;
		border-bottom-right-radius: 80px;
	}

	/* Image */
	#wdg_profile_summary .user-info img {
		border-top-left-radius: 50%;
	}

	/* Image */
	.avatar-picker-list li img {
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		border-style: none !important;
	}

	/* Heading */
	#wdg_page_profile h2 {
		color: #ffffff;
	}

	/* Heading */
	.friend-invite-box .col-xs h3 {
		color: #ffffff;
	}

	/* Friend invite box */
	#wdg_page_profile .friend-invite-box {
		color: #ffffff;
		background-color: transparent;
	}

	/* Article */
	#friends-tabs-section article {
		color: #ffffff;
	}

	/* Span Tag */
	#favorite-wrapper .empty-favorite span {
		color: #ffffff;
	}

	/* Profile achievements summary favourites */
	#profile_achievements_summary_favourites {
		border-style: none;
	}

	/* Profiles tabs content */
	#wdg_page_profile .profiles-tabs-content {
		border-style: none;
	}

	/* Game page sidebar */
	.game-wrapper .game-page-sidebar {
		display: none !important;
	}

	/* Logo */
	#wdg_header_logo picture img {
		padding-left: 10px;
	}

	/* Bottom content */
	#game_background .game-wrapper .bottomContent {
		width: 1310px;
		margin-right: -50px;
	}

	/* Division */
	.game-wrapper .wdg_page_game--last-played {
		left: 1150px;
	}

	/* Main content */
	#game_background .game-wrapper .mainContent {
		width: 1142px;
		background-color: #3b3b3b;
		transform: translatex(0px) translatey(0px);
		height: 683px;
	}

	/* Game wrapper */
	#game_background .game-wrapper {
		transform: translatex(0px) translatey(0px);
	}

	/* Leaderboard */
	.game-wrapper .leaderboard {
		display: none;
	}

	/* Game page sidebar */
	.game-wrapper .game-page-sidebar {
		display: none !important;
	}

	/* Bottom content */
	#game_background .game-wrapper .bottomContent {
		width: 1310px;
		margin-right: -50px;
	}

	/* Division */
	.game-wrapper .wdg_page_game--last-played {
		left: 1150px;
	}

	/* Main content */
	#game_background .game-wrapper .mainContent {
		width: 1142px;
	}

	/* Static page */
	#page_content .static-page {
		background-color: #37293c;
		color: #ffffff;
		transform: translatex(0px) translatey(0px);
	}

	/* Link */
	.cookie-page p a {
		color: #a0a0a0;
		font-weight: 700;
		text-decoration: none;
	}

	/* Link */
	.cookie-page ul a {
		color: #a5a5a5;
		text-decoration: none;
		font-weight: 700;
	}

	/* Box title */
	.inner .static-page .box-title {
		color: #a5a5a5;
	}

	/* Paragraph */
	.breadcrumb li p {
		color: #f7f7f7;
	}

	/* Page home */
	#wdg_page_home {
		background-color: #37293c !important;
		transform: translatex(0px) translatey(0px);
	}

	/* Heading */
	#wdg_featured_games .box-header h2 {
		color: #afafaf;
	}

	/* Heading */
	#wdg_hot_games .box-header h2 {
		color: #afafaf;
		text-decoration: none;
	}

	/* Link */
	.grid-col > .box > .box-header a {
		text-decoration: none;
		color: #afafaf;
	}

	/* Heading */
	#wdg_recent_played_games .box-header h2 {
		transform: translatex(0px) translatey(0px);
		color: #afafaf;
	}

	/* Link */
	#wdg_label_overview .grid-col .box-title a {
		color: #afafaf;
		text-decoration: none;
	}

	/* Page content */
	#page_content {
		background-color: transparent;
	}

	/* Page legal text */
	#page_content .page-legal-text {
		background-color: #37293c;
		color: #ffffff;
	}

	/* Heading */
	.inner .page-legal-text h1 {
		color: #ffffff;
		font-size: 32px !important;
	}

	/* Link */
	.content-wrapper p a {
		color: #9b9b9b;
		font-weight: 600;
		text-decoration: none;
	}

	/* Input */
	.p-0 div input[type=password] {
		color: rgba(255, 255, 255, 0.38) !important;
	}

	/* Email */
	#email {
		color: rgba(255, 255, 255, 0.38);
	}

	/* Input */
	.p-0 div input[type=text] {
		color: rgba(255, 255, 255, 0.38) !important;
	}

	/* Attributes */
	#user\.attributes\.birthDate-helper-text {
		color: rgba(255, 255, 255, 0.54);
	}

	/* Span Tag */
	.p-0 .p-2 span {
		color: rgba(255, 255, 255, 0.87);
	}

	/* Link */
	.p-0 form a {
		color: #b7b7b7;
		text-decoration: none;
		font-weight: 500;
	}

	/* Button */
	.p-0 form .m-0 {
		border-top-left-radius: 5px !important;
		border-top-right-radius: 5px !important;
		border-bottom-right-radius: 5px !important;
	}

	/* Body */
	body {
		background-color: #37293c;
	}

	/* Overflow auto */
	#root .d-flex .overflow-auto {
		transform: translatex(0px) translatey(0px);
	}

	/* Overflow hidden */
	#root .d-flex .overflow-hidden {
		border-style: solid;
		border-color: #37293c;
		border-top-left-radius: 5px !important;
		border-top-right-radius: 5px !important;
		border-bottom-left-radius: 5px !important;
		border-bottom-right-radius: 5px !important;
		box-shadow: 0px 1px 20px -5px #000000 !important;
	}

	/* Main content */
	#game_background .game-wrapper .mainContent {
		height: 765px !important;
	}


	/* Text right */
	.overflow-hidden div .text-right {
		text-align: center !important;
	}

	/* Mui button label 152 */
	.overflow-hidden div .MuiButton-label-152 {
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
	}

	/* Button */
	.overflow-hidden .flex-column .flex-column .MuiButtonBase-root-52 {
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
	}

	/* Division */
	.overflow-auto .overflow-hidden > div {
		background-color: #37293c !important;
	}

	/* Username */
	#username {
		color: rgba(255, 255, 255, 0.87);
	}

	/* Password */
	#password {
		color: rgba(255, 255, 255, 0.87);
	}

	/* Mui icon root */
	.overflow-hidden div .MuiSvgIcon-root {
		color: rgba(255, 255, 255, 0.87);
	}

	/* Span Tag */
	.MuiTabs-root-33 .MuiButtonBase-root-52 span {
		color: rgba(255, 255, 255, 0.87);
	}

	/* Span Tag */
	label > span {
		color: rgba(255, 255, 255, 0.87) !important;
	}

	/* Mui button label 152 */
	.text-right .MuiButtonBase-root-52 .MuiButton-label-152 {
		color: #a8a8a8;
	}

	/* Atbg */
	.overflow-hidden div .atbg {
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
	}

	/* Division */
	.overflow-hidden div .MuiOutlinedInput-adornedStart-85 {
		border-color: #ffffff;
	}

	/* Division */
	.overflow-hidden div .MuiFormControl-marginDense-81 {
		border-color: #ffffff;
	}

	/* Fieldset */
	.overflow-hidden div .MuiOutlinedInput-notchedOutline-89 {
		border-color: #ffffff;
	}

	/* Jss65 */
	.overflow-hidden div .jss65 {
		border-style: none !important;
	}

	/* Svg */
	.overflow-hidden .jss65 svg {
		color: #ffffff;
	}

	/* Paragraph */
	.overflow-hidden div p {
		font-weight: 600 !important;
	}

	/* Editorial */
	#wdg_page_labels .editorial {
		margin-right: 0px;
		color: #000000;
		background-color: rgba(71, 71, 71, 0.61);
		backdrop-filter: blur(5.14px);
	}

	/* Menu item  Unknowndown list */
	#page_content .inner #wdg_header .menu-container #wdg_menu #menu-items_list .menu-item .menu-item__dropdown-list {
		transform: translatex(0px) translatey(0px) !important;
	}

	/* Menu item  Unknowndown list */
	#menu-items_list .menu-item .menu-item__dropdown-list {
		backdrop-filter: blur(5.14px);
		background-color: rgba(71, 71, 71, 0.61);
	}

	/* Menu item  Unknowndown */
	#menu-items_list .menu-item .menu-item__dropdown {
		backdrop-filter: blur(5.14px);
	}

	/* Paragraph */
	#wdg_favourite_menu .register-for-fav p {
		transform: translatex(0px) translatey(0px);
		color: #ffffff;
		text-align: center;
	}

	/* Heading */
	#wdg_page_labels .editorial h3 {
		text-align: center;
		color: #ffffff;
		font-size: 30px;
	}

	/* Paragraph */
	#wdg_page_labels .editorial p {
		color: #ffffff;
		font-weight: 500;
		font-size: 20px;
		line-height: 1.5em;
		text-align: center;
		text-transform: none;
	}


	/* Menu item  Unknow...

Reviews

No reviews yet.