Advertisement
Guest User

Untitled

a guest
Oct 20th, 2018
80
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.66 KB | None | 0 0
  1. /*
  2. =============================
  3.  
  4. Created By AlgraMatron
  5. 10/20/2018
  6.  
  7. =============================
  8.  
  9. Features:
  10.  
  11. Adblocker
  12. Roblox Light Theme
  13. Smooth Animations
  14. Fade Looking
  15. Rounded Border
  16.  
  17. */
  18.  
  19. /* Adblocker */
  20.  
  21. .ad,
  22. .ad *,
  23. .img_ad,
  24. .ad-annotations,
  25. #google_image_div,
  26. #aw0,
  27. #AdvertisingLeaderboard {
  28. display: inherit !important;
  29. filter: blur(0px);
  30. }
  31.  
  32. .ad,
  33. .ad *,
  34. .img_ad,
  35. .ad-annotations,
  36. #google_image_div,
  37. #aw0,
  38. #AdvertisingLeaderboard {
  39. display: inherit !important;
  40. filter: blur(0px);
  41. }
  42.  
  43. /* Content */
  44.  
  45. h1,h3 {
  46. font-family: Bubblegum;
  47. line-height: 1em;
  48. margin: 0;
  49. padding: 5px 0;
  50. }
  51.  
  52. .content {
  53. background: transparent !important;
  54. }
  55. #fb-root {
  56. width: 100% !important;
  57. height: 100% !important;
  58. position: fixed !important;
  59. background-image: url("http://getwallpapers.com/wallpaper/full/f/8/e/295019.jpg") !important;
  60. background-size: cover !important;
  61. background-attachment: fixed !important;
  62. }
  63. .section-content, .content .games-lists-multiple .games-list-container, .catalog-container,
  64. .catalog-content {
  65. background-color:rgba(255, 255, 255, .2)
  66. }
  67. .avatar .avatar-card-image, .avatar-card-fullbody .avatar-card-image {
  68. background-image:url(https://png.pngtree.com/thumb_back/fw800/back_pic/03/98/47/1257f4944332009.jpg)
  69. }
  70. .icon-logo-r {
  71. background-image:url(https://t6.rbxcdn.com/ee654b55897bfe6456e65c89e9fb9c84)
  72. }
  73. .rbx-header {
  74. background-color:#a8a8a8 }
  75.  
  76. .btn-secondary-xs {
  77. background-color:#a8a8a8;
  78. border-color:#a8a8a8 }
  79.  
  80. .notification-blue {
  81. background-color:#a8a8a8 }
  82.  
  83. .btn-secondary-md {
  84. background-color:#a8a8a8;
  85. border-color:#a8a8a8 }
  86.  
  87. .btn-primary-md {
  88. background-color:#a8a8a8;
  89. border-color:#a8a8a8 }
  90.  
  91. .chat-main .chat-header {
  92. background-color:#a8a8a8 }
  93.  
  94. .dialog-container .dialog-header {
  95. background-color:#a8a8a8 }
  96.  
  97. .dialog-container
  98. .dialog-message-container
  99. .dialog-message {
  100. background-color:#a8a8a8;
  101. border-color:#a8a8a8;
  102. border: 1px solid #a8a8a8 }
  103.  
  104. .dialog-container .dialog-message-container.message-cluster-master .dialog-triangle:before {
  105. border-color: rgba(0, 0, 0, 0) }
  106.  
  107. #CreateGroupBtn {
  108. background-color: #a8a8a8;
  109. border-color: #a8a8a8;
  110. }
  111.  
  112. .btn-disabled-primary
  113. {
  114. background-color: #444444;
  115. border-color: #444444;
  116. }
  117.  
  118.  
  119.  
  120. .text-name, .text-name:link, .text-name:hover, .text-name:visited, .text-name:active {
  121. color:#a8a8a8
  122. }
  123.  
  124. .rbx-tabs-horizontal .rbx-tab.active .rbx-tab-heading {
  125. box-shadow:0 -4px 0 0 #a8a8a8 inset
  126. }
  127.  
  128. .rbx-tabs-horizontal .rbx-tab.active .rbx-tab-heading {
  129. /*box-shadow:0 -4px 0 0 #a8a8a8 inset*/
  130. box-shadow:none
  131. }
  132.  
  133. .btn-primary-lg {
  134. background-color:#a8a8a8;
  135. border-color:#a8a8a8;
  136. }
  137.  
  138. .btn-primary-xs {
  139. background-color:#a8a8a8;
  140. border-color:#a8a8a8;
  141. }
  142.  
  143. .btn-secondary-xs:visited {
  144. background-color:#a8a8a8;
  145. }
  146.  
  147. .btn-primary, .btn-primary:link, .btn-primary:active, .btn-primary:visited {
  148. border-color: rgba(0, 0, 0, 0) ;
  149. background-color: rgba(0, 0, 0, 0);
  150. }
  151.  
  152. .icon-nav-home {
  153. -webkit-filter: invert(100%)
  154. }
  155.  
  156. .icon-nav-profile {
  157. -webkit-filter: invert(100%)
  158. }
  159.  
  160. .icon-nav-message {
  161. -webkit-filter: invert(100%)
  162. }
  163.  
  164. .icon-nav-friends {
  165. -webkit-filter: invert(100%)
  166. }
  167.  
  168. .icon-nav-charactercustomizer {
  169. -webkit-filter: invert(100%)
  170. }
  171.  
  172. .icon-nav-inventory {
  173. -webkit-filter: invert(100%)
  174. }
  175.  
  176. .icon-nav-trade {
  177. -webkit-filter: invert(100%)
  178. }
  179.  
  180. .icon-nav-group {
  181. -webkit-filter: invert(100%)
  182. }
  183.  
  184. .icon-nav-forum {
  185. -webkit-filter: invert(100%)
  186. }
  187.  
  188. .icon-nav-blog {
  189. -webkit-filter: invert(100%)
  190. }
  191.  
  192. .icon-nav-shop {
  193. -webkit-filter: invert(100%)
  194. }
  195. .rplus-icon {
  196. -webkit-filter: invert(100%)
  197. }
  198.  
  199. .profile-avatar-right {
  200. background-color:rgba(0,0,0,.2)
  201. }
  202.  
  203. .profile-avatar-left {
  204. background-color:rgba(0,0,0,.2)
  205. }
  206.  
  207. .slide-switcher .slide-item-container .slide-item-container-left {
  208. background-color:#444444
  209. }
  210.  
  211. .input-group-btn .input-dropdown-btn:hover, .input-group-btn .input-dropdown-btn:focus {
  212. background-color:#a8a8a8;
  213. border-color:#a8a8a8;
  214. }
  215.  
  216. .open .input-dropdown-btn {
  217. background-color:#a8a8a8;
  218. }
  219. .avatar-back {
  220. background-image: url(https://png.pngtree.com/thumb_back/fw800/back_pic/03/98/47/1257f4944332009.jpg);
  221. }
  222.  
  223. /* Roundy */
  224. /* Also, REEEEEEEEEEEEEEE */
  225.  
  226. #groups-switcher,.btn-control-md,.btn-control-xs,.btn-primary-md,.btn-secondary-md,.btn-secondary-xs,.dialog-container.dialog-visible,.dropdown-menu,.form-control,.form-group,.game-card-container,.game-card-native-ad,.game-card-thumb,.input-dropdown-btn,.item-card-container,.menu-vertical,.nav-menu-title,.popover,.popover-content,.profile-container .asset-item img,.profile-container .asset-item span[title],.scroller,.section-content,.stack-row,.vertical-menu,div.col-sm-6.text-overflow.slide-item-container-right.groups,img.header-thumb{border-radius:14px!important}.section-content-off{border-radius:14px}.btn-primary-lg{border-radius:30px;padding:12px}div.col-sm-6.slide-item-container-left div a img{border-radius:30px!important}#chat-header,#chat-main,#dialog-container,.chat-windows-header,.dialog-container.group-dialog.ng-scope.dialog-visible{border-radius:14px 14px 0 0!important}.dialog-message{border-radius:10px!important}.small.dialog-message.dialog-message-content.dialog-triangle.ng-binding{box-shadow:none}#navbar-search-input{border:none}.nav-menu-title,.nav-menu-title:hover{background:rgba(0,0,0,0)!important}#navbar-search-btn{visibility:hidden}#CreateGroupBtn,.translate{border:none;border-radius:10px;box-shadow:0 0 4px 0 rgba(0,0,0,.2);background:#fcfcfc}#CreateGroupBtn,#ctl00_cphRoblox_GroupSearchBar_SearchButton,.btn-control.btn-control-medium,.btn-control.btn-control-medium:hover{background-image:none;background-color:#00A2FF;color:#fff;font-family:'Source Sans Pro',Arial,Helvetica,sans-serif;font-size:14px;padding-left:8px;padding-right:8px;border:none;height:25px!important}#ctl00_cphRoblox_GroupSearchBar_SearchKeyword,#ctl00_cphRoblox_GroupStatusPane_StatusTextBox{padding:10px;border:none}.GroupControlsBox{border:none;background:#fff;padding:8px;border-radius:20px;box-shadow:0 0 4px 0 rgba(0,0,0,.2)}#CreateGroupBtn{background-image:none!important;font-size:18px!important;height:35px!important;border-radius:100px}#navigation{transform:translate(0);transition:ease-out 70ms}#horizontal-tabs,.page-content .rbx-tabs-horizontal .rbx-tab,.rbx-tab-heading{border-radius:14px!important;box-shadow:none!important}#horizontal-tabs{margin-top:4px!important;margin-bottom:4px!important;background:rgba(0,0,0,0)}.rbx-tab{width:23%!important;margin-right:1%;margin-left:1%;padding:10px}.rbx-tab .rbx-tab-heading:hover{background-color:#efefef;transition:ease-out .1s}.rbx-tab .rbx-tab-heading{background-color:#fff;transition:ease-out .1s;box-shadow:0 2px 4px 0 rgba(0,0,0,.2)!important}.rbx-tab .rbx-tab-heading:hover{box-shadow:0 2px 6px 0 rgba(0,0,0,.25)!important}#mCSB_1_container ul li{padding:2px;transition:ease-out .2s}#mCSB_1_container ul li:hover{transition:ease-out .2s;background-color:#efefef;border-radius:8px}#mCSB_1_container ul li a span,#mCSB_1_container ul li a span:hover{color:#000!important}.rbx-tab.active .rbx-tab-heading,.rbx-tab.active .rbx-tab-heading:hover{color:#fff!important;background:#00A2FF!important;transition:ease-out .1s!important}.rbx-tab.active .rbx-tab-heading{box-shadow:0 2px 6px 0 rgba(0,0,0,.2)!important}.dropdown-menu,.dropdown-menu li:hover,.menu-option.active,.popover-content{box-shadow:none!important}.dropdown-menu li,.dropdown-menu li:hover{transition:ease-out .15s}.enable-three-dee.btn-control.btn-control-small,button.input-addon-btn{border-radius:100px!important;border:none!important}.form-control.input-field.search-input.ng-pristine.ng-valid.ng-empty.ng-valid-maxlength.ng-touched{margin-right:10px;border:none!important;box-shadow:0 1px 4px 0 rgba(25,25,25,.3)}footer.container-footer{border-radius:40px 40px 0 0;width:90%;margin-left:5%;margin-right:5%}.home-header-content h1 a{font-weight:300;font-size:30px}button.input-dropdown-btn.category-options.ng-scope{margin-right:10px;border:none!important;box-shadow:0 1px 4px 0 rgba(25,25,25,.3)}
  227.  
  228. /* Fade-in, blur & shadows */
  229.  
  230.  
  231. body {
  232. -webkit-animation: fadein 2s;
  233.  
  234. -moz-animation: fadein 2s;
  235.  
  236. -ms-animation: fadein 2s;
  237.  
  238. -o-animation: fadein 2s;
  239.  
  240. animation: fadein 2s;
  241.  
  242. }
  243.  
  244. body {
  245. -webkit-animation: blur 2s;
  246.  
  247. -moz-animation: blur 2s;
  248.  
  249. -ms-animation: blur 2s;
  250.  
  251. -o-animation: blur 2s;
  252.  
  253. animation: blur 2s;
  254.  
  255. }
  256.  
  257. .section-content, .content .games-lists-multiple .games-list-container, .catalog-container, .catalog- content,footer, .container-footer {
  258. box-shadow: 0px 0px 100px;
  259. }
  260. .dropdown-menu {
  261. animation: fadein 0.5s;
  262. box-shadow: 0px 0px 100px;
  263. }
  264.  
  265. .roblox-popover-content.bottom .notification-stream-wrap.open {
  266. box-shadow: 0px 0px 100px;
  267. }
  268.  
  269. .chat-main {
  270. box-shadow: 0px 0px 100px;
  271. }
  272.  
  273. @keyframes blur {
  274. from {
  275. filter: blur(25px);
  276. }
  277. to {
  278. filter: blur(0px)
  279. }
  280. }
  281.  
  282. .menu-vertical .menu-option .menu-secondary-option {
  283. animation: fadein 0.5s;
  284. }
  285.  
  286. .menu-secondary-container {
  287. animation: fadein 0.5s;
  288. }
  289.  
  290. .tooltip-container {
  291. -webkit-filter: grayscale(100%)
  292. }
  293.  
  294. .upvote {
  295. -webkit-filter: grayscale(100%)
  296. }
  297.  
  298. .downvote {
  299. -webkit-filter: grayscale(100%)
  300. }
  301.  
  302. .vote-numbers {
  303. -webkit-filter: grayscale(100%)
  304. }
  305.  
  306. .navbar-icon-item {
  307. -webkit-filter: grayscale(100%)
  308. }
  309.  
  310. #header {
  311. opacity: 1;
  312. box-shadow: 0px 0px 100px;
  313. /*display: none;*/
  314. }
  315.  
  316. .rbx-left-col {
  317. box-shadow: 0px 0px 100px;
  318. }
  319.  
  320. @keyframes fadein {
  321. from {
  322. opacity: 0;
  323. }
  324. to {
  325. opacity: 1
  326. }
  327. }
  328.  
  329. @-moz-keyframes fadein {
  330. from {
  331. opacity: 0;
  332. }
  333. to {
  334. opacity: 1
  335. }
  336. }
  337.  
  338. @-webkit-keyframes fadein {
  339. from {
  340. opacity: 0;
  341. }
  342. to {
  343. opacity: 1
  344. }
  345. }
  346.  
  347. @-o-keyframes fadein {
  348. from {
  349. opacity: 0;
  350. }
  351. to {
  352. opacity: 1
  353. }
  354. }
  355.  
  356. @keyframes fadeout {
  357. from {
  358. opacity: 1;
  359. }
  360. to {
  361. opacity: 0
  362. }
  363. }
  364.  
  365. /* Animations */
  366.  
  367. .chat-container.collapsed .chat-main,
  368. .chat-main,
  369. .dialog-container,
  370. .dialog-container.collapsed {
  371. transition: height 1s
  372. }
  373.  
  374. .chat-friend-list .chat-friend-container,
  375. .input-group-btn .dropdown-menu li a {
  376. transition: box-shadow 1s
  377. }
  378.  
  379. .game-card-container {
  380. transition: height 0.5s, top 0.5s;
  381. height: 200px;
  382. overflow: hidden;
  383. position: relative;
  384. top: 25px
  385. }
  386.  
  387. .game-card-container:hover {
  388. transition: height 1s, top 1s;
  389. height: 107%;
  390. top: 0px;
  391. box-shadow: 7px 7px 25px
  392. }
  393.  
  394. #navigation {
  395. transition: width 1s
  396. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement