Skip to content

[!!] Robloxify 0.35 by MRCREEPRO11

Screenshot of [!!] Robloxify 0.35
Write a review Install Get Stylus

Details

AuthorMRCREEPRO11

LicenseCC BY-SA 3.0

Categoryroblox.com

Created

Updated

Size42 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

No buggy carousel if you don't like it or anything
Created by freeplay, please check his stuff

Notes

Better transparency
Better blur, border
Tags:

Roblox roblox boblox ro blox ROBLOX Roblox roblox boblox ro blox ROBLOX Roblox roblox boblox ro blox ROBLOX Roblox roblox boblox ro blox ROBLOX Roblox roblox boblox ro blox ROBLOX Roblox roblox boblox ro blox ROBLOX Roblox roblox boblox ro blox ROBLOX Roblox roblox boblox ro blox ROBLOX Roblox roblox boblox ro blox ROBLOX Roblox roblox boblox ro blox ROBLOX Roblox roblox boblox ro blox ROBLOX

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
 /* 0.35
- Improved blur
- Improved border and transparency

*/


/* ==UserStyle==
@name           [!!] Robloxify Remastered 0.30 (No New carousel)
@version        0.30
@preprocessor   stylus

 -- AUTHOR STUFF --
@namespace      MCCREEP
@author         MRCREEP,Freeplay (https://freeplay.codeberg.page/)



@var color bgColor "Background Color" #0a0a20
@var text customBG "Background Image: (link in quotes)" '""'
@var range customBGblur "Background Image: Blur" [0, 0, 30, 5, "px"]
@var range customBGopacity "Background Image: Opacity" [0.2, .1, 1, .1]
@var text boop "π˜Ώπ™žπ™¨π™–π™—π™‘π™žπ™£π™œ π™©π™π™š 𝙀π™₯π™©π™žπ™€π™£π™¨ π™—π™šπ™‘π™€π™¬ π™˜π™–π™£ π™π™šπ™‘π™₯ π™¬π™žπ™©π™ π™₯π™šπ™§π™›π™€π™§π™’π™–π™£π™˜π™š" '"Okay!"'
@var checkbox cards "Full card hover animation" 1
@var checkbox blur  "Blur Effects" 1
@var text donate "Donate" `"https://www.buymeacoffee.com/Freeplay"`
==/UserStyle== */

@-moz-document regexp(".+roblox.com\\/(?!.*develop).*"), url-prefix("roblox.com") {

	@keyframes fadeIn {
		from { transform: scale(.98); opacity: 0; }
		to { transform: none; opacity: 1; }
	}
	@keyframes slideUpIn {
		from { transform: translateY(5px); opacity: .2; }
		to { transform: none; opacity: 1; }
	}
	@keyframes slideRightIn {
		from { transform: translateX(-20px); opacity: 0; }
		to { transform: none; opacity: 1; }
	}
	@keyframes scaleIn {
		from { transform: scale(1.2); filter: opacity(0) }
		to { transform: none; filter: opacity(1); }
	}
	hl.display-name-container {
		font-size: 16px;
  transition: font-size 0.3s ease-in-out;
  animation: unexpand 0.3s ease-in-out;
	}
	div#react-login-account-switcher-container, {
		justify-content: center;
		margin: 450px;
		width:500px
	}
	div.profile-avatar-mask, div.profile-avatar-right.visible {
	border: 1px solid rgba(255, 255, 255, 0.2); /* Border with transparency (optional) */
	border-radius: 5px;
	backdrop-filter:blur(30px);
	background-color:var(--container-transparency)!important;
	}
	span.thumbnail-2d-container, img.accoutrment-image {
		background-color: #1d4969;
		border-radius:5px;
	}
	.dark-theme.builder-font .see-all-link-icon, .dark-theme.builder-font .see-all-link-icon:hover {
    background-color: #00000000;
	background-color:var(--container-transparency)!important;
	border: 1px solid rgba(255, 255, 255, 0.2); /* Border with transparency (optional) */


}
.dark-theme .item-thumbnail-container .asset-thumb-container {
	background-color:var(--container-transparency)!important;
	backdrop-filter:blur(10px);
	border: 2px solid rgba(255, 255, 255, 0.2); /* Border with transparency (optional) */
	border-radius:5px;
}
div.related-asset-container {
	border-radius: 5px;

}
	div.btr-game-button {
		background-color:var(--container-transparency)!important;
		backdrop-filter:blur(10px);
		margin:5px;
		border-radius:10px;
		border: 1px solid rgba(255, 255, 255, 0.2); /* Border with transparency (optional) */

	}
	iframe#roproThemeFrame {
		opacity:0
	}
	
	div.group-card-text, div.group-card-main, div.group-card-info, li.listβ€”item {
backdrop-filter:blur(10px);
		background-color:var(--container-removal) !important;
	}
	
	div.avatar-card-content {
		background-color:var(--container-removal) !important;
	}
	div#login-base.login-base-container, div#login-base.login-base-container {
	  left: 380px;

		  position: relative;

		  game-description-container {}
	}
	
	hl.display-name-container:hover {
		font-size: 20px;
  animation: expand 0.3s ease-in-out;
}
table.table.table-striped.transactions, div.transactions-container, div#transactions-page-container, td.date, td.user, td.item, td.amount.icon-robux-container {
	background-color: var(--container-transparency) !important;
}
table.table.table-striped.transactions, div.transactions-container, td.date, td.user, td.item, td.amount.icon-robux-container, th.incoming-robux-label, td.summary-transaction-label, td.amount.icon-robux-container, td.summary-transaction-pending-text.text-disabled, th.amount, th.outgoing-robux-label   {
	border: 1px solid rgba(255, 255, 255, 0.2); /* Border with transparency (optional) */
	border-radius: 20px;
	  padding: 	10px; /* Internal spacing */
	  border-width: 2px


}
table.table.summary {
	background-color: var(--container-transparency) !important
	
}

content
div.avatar-card-container,{
	background-color: var(--container-transparency) !important;
	border: 1px solid rgba(255, 255, 255, 0.2); /* Border with transparency (optional) */
	backdrop-filter: blur(10px);
	
}
chat-search,.chat-search .chat-search-input,.dialog-container .dialog-input,.dialog-container, div.border-bottom.chat-search {
	background-color: var(--container-transparency) !imporgames

}
div.avatar-card-btns {
	background-color: var(--container-transparency) !important;
}

@keyframes expand {
  0% {
    font-size: 16px;
  }
  100% {
    font-size: 20px;
  }
}

@keyframes unexpand {
  0% {
    font-size: 20px;
  }
  100% {
    font-size: 16px;
  }
}
	
	div.game-card-info::after {
		opacity:0;
	}
	
	html {
		scrollbar-color: rgba(100,100,100,0.5) transparent;
	}
	* {
		transition: border .05s, background-color .2s, color .2s, opacity .2s;
	}
	div.search-bars.search-bar-placement-right {
		
		  background-color: rgb(0 0 0 / .5);
  		  color: #fff;
		  background-color: var(--container-acrylic) !important;
	}
	div.topic-container {
		background-color: var(--container-acrylic) !important;
		border-radius: 40px;
		backdrop-filter: blur(10px);
		 animation: unexpand 0.3s ease-in-out;
		border: 1px solid rgba(255, 255, 255, 0.2); /* Border with transparency (optional) */

	}
	div.card-item {
		background-color: var(--container-acrylic) !important;
		border: 1px solid rgba(255, 255, 255, 0.2); /* Border with transparency (optional) */
		animation: unexpand 0.2s ease-in-out;
	}
	
	div.topic-container:hover,
 .element::after{
		border-radius:1px;
		transition: border-radius 0.3s ease-in-out;
	}
	@keyframes expand {
  0% {
    border-width: 2px;
  }
  100% {
    border-width: 4px;
  }
}

@keyframes unexpand {
  0% {
    border-width: 4px;
  }
  100% {
    border-width: 2px;
  }
}
div#modal-dialog.modal-dialog, div.modal-content {
	background-color: var(--container-transparency) !important;
	backdrop-filter: blur(20px);
	border-radius: 20px;
	border: 0px solid rgba(255, 255, 255, 0.2); 
	transition: all 1s ease-in-out 
}
#games-carousel-page {
		margin: 0 -40px;
		margin-left: -270px;
		padding: 0 40px;
		padding-left: 270px;
		width: calc(100% + 310px);
	}
	.game-carousel {
		height: auto;
		min-height: 235px;
		max-height: 235px;
		margin-bottom: 0;
		margin: 0 -8px;
		overflow: visible;
		display: flex;
		justify-content: space-between;
	}
	.games-list-container {
		margin: 0;
		flex-shrink: 1;
		justify-content: center;
		position: relative;
		
		&::before {
			content: "";
			background: rgba(100,100,100,0.1);
			background: linear-gradient(to bottom, rgba(50,50,120, .2), transparent);
			position: absolute;
			inset: -8px -12px;
			bottom: 0px;
			// right: 50%;
			opacity: 0;
			border-radius: 8px;
			z-index: -1;
			transition: opacity .2s, inset .3s;
		}
		&:hover:before, &:focus-within:before {
			opacity: 1;
			inset: -12px -16px;
			bottom: 0px;
		} 
	}
	.horizontal-scroll-window {
		overflow: visible;
		max-width: 100%;
		game-buttons-container
	}
	.scroller {
		z-index: 2;
		// width: 50px !important;
		// height: 50px !important;
		border-radius: 100px !important;
		justify-content: center;
		// margin-top: 100px;
	}
	.horizontal-scroller {
		margin: 0 !important;
	}
	.horizontally-scrollable {
		min-height: unset !important;
		height: auto !important;
		
		& ~ .scroller {
			margin-top: -5px;
			height: 210px !important;
			// width: 35px;
			padding: 0 15px;
			width: max-content !important;
			max-width: unset !important;
			z-index: 10;
			background-color: var(--bg) !important;
			transition: padding .2s, opacity .2s, margin .4s;
			
			.arrow {
				width: 0px;
				display: flex;
				justify-content: center;
				right: unset !important;
				left: unset !important;
				
				span {
					left: unset !important;
					right: unset !important;
				}
			}
			
			&:not(.disabled):hover, &:not(.disabled):focus {
				padding: 0 25px;
				background-color: noBlurColor !important;
			}
			&.prev {
				margin-left: -10px;
				border-radius: 0 24px 24px 0 !important;
			}
			&.next {
				margin-right: -70px;
				border-radius: 24px 0 0 24px !important;
			}
			&.disabled {
				opacity: 0;
				&.prev {
					margin-left: -30px;
				}
				&.next {
					margin-right: -90px;
				}
			}
			.spacer {
				display: none;
			}
		}
	}
	noBlurColor = rgba(#190f18, .9);
	noBlurColor = rgba(darken(desaturate(bgColor, 20%), 20%), .9);
	navigation
.container-fluid {
  margin: -17px;
  backdrop-filter: blur(10px); /* Acrylic blur effect */
  border: 1px solid rgba(255, 255, 255, 0.2); /* Border with transparency (optional) */
  padding: 	5px; /* Internal spacing */
  border-radius: 10px; /* Rounded border (optional) */
  /* Text color (white in this example) */
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
  transition: all 0.5;
backdrop-filter: blur(20px);
  opacity: 1!important;
}
.thumbnail-2d-container > .ng-scope,
thumbnail-2d, {
	border-radius: 12px !important;
}
a.user-name-container {
	border: 1px solid rgba(255, 255, 255, 0.2);
	padding: 	5px; /* Internal spacing */
  	box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
	
border-radius: 10px; /* Rounded border (optional) */
}
button.friend-tile-dropdown-button, div.in-game-friend-card {
	background-color:var(--container-transparency)!important
}

	#rbx-body {
		--bg: bgColor;

		&::before {
			content: "";
			position: fixed;
			inset: -20vw;
			// z-index: -1;
			background-size: cover;
			opacity: 1;
			transition: transform 1s;
			...

Reviews

No reviews yet.