Guest User

aesthetiful finobe 2013 style

a guest
Jul 1st, 2023
138
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.10 KB | None | 0 0
  1. /* ==UserStyle==
  2. @name Finobe 2013 theme
  3. @namespace USO Archive
  4. @author Flarf
  5. @description `Theme that makes finobe look like 2013 ROBLOX.`
  6. @version 20200222.14.30
  7. @license CC0-1.0
  8. @preprocessor uso
  9. ==/UserStyle== */
  10.  
  11. @-moz-document domain("aesthetiful.com") {
  12. body {
  13. font-family: 'Source Sans Pro',Arial,Helvetica,sans-serif!important;
  14. background: white;
  15. }
  16. img[title="Diu"] {
  17. content: url("https://vignette.wikia.nocookie.net/roblox/images/6/62/TixROBLOX.png/revision/latest/scale-to-width-down/120?cb=20180908163400")!important;
  18. width: 16px;
  19. height: 16px;
  20. }
  21. .navbar-light.bg-faded {
  22. background: url(http://www.roblox.com/images/RevisedHeader/bg-rbx_header.png) repeat-x;
  23. height: 36px;
  24. }
  25. .navbar-light .navbar-nav .nav-link {
  26. color: white;
  27. font-weight: bold;
  28. font-family: "Arial";
  29. font-size:10pt
  30. }
  31. .navbar-light .navbar-nav .nav-link strong {
  32. font-weight: unset;
  33. font-family: Arial;
  34. font-size:10pt
  35. }
  36. .navbar-light .navbar-nav .nav-link:hover {
  37. background: url(http://www.roblox.com/images/RevisedHeader/bg-main_menu_hover.png) repeat-x;
  38. color: white;
  39. }
  40. .navbar-brand {
  41. background: url(http://www.roblox.com/images/RevisedHeader/btn-rbx_logo.png);
  42. width: 116px;
  43. height: 35px;
  44. margin-right: 4px;
  45. color: transparent!important;
  46. }
  47. .navbar-brand:hover {
  48. background-position: bottom;
  49. }
  50. .navbar-brandimg {
  51. display: none!important;
  52. }
  53. .nav-scroller {
  54. padding-left: 110px;
  55. }
  56. .nav-scroller {
  57. background: #191919!important;
  58. border: none;
  59. height: 25px!important;
  60. text-align: center!important;
  61. }
  62. .nav-scroller-inner>a.nav-link {
  63. font-size: 14px;
  64. font-weight: 400;
  65. margin-top: -9px;
  66. color: white;
  67. }
  68. .navbar-expand-lg>.container {
  69. width: 1000px;
  70. }
  71. .navbar-light .navbar-nav .show>.nav-link {
  72. background-color: #efefef!important;
  73. border-top: 1px solid #777;
  74. border-left: 1px solid #777;
  75. border-right: 1px solid #777;
  76. color: black!important;
  77. }
  78. .navbar-nav .dropdown-menu {
  79. border: 1px solid #777;
  80. border-top: none;
  81. background-color: #efefef!important;
  82. border-radius: 0px;
  83. top: 92%;
  84. padding: 0px;
  85. }
  86. .dropdown-item:hover {
  87. border-radius: 0px;
  88. background-color: #d8d8d8;
  89. }
  90. .dropdown-item {
  91. margin-bottom: 0px!important;
  92. }
  93. .game-card {
  94. border-radius: 0px;
  95. transition: none;
  96. box-shadow: none;
  97. width: 200px;
  98. height: 205px!important;
  99. margin-left: 13px;
  100. background: transparent;
  101. overflow: hidden;
  102. border: 1px solid transparent;
  103. }
  104. .game-card img {
  105. width: 200px!important;
  106. height: 90px!important;
  107. border-radius: 0px;
  108. }
  109. .game-card:hover {
  110. border: 1px solid #777;
  111. box-shadow: none;
  112. background: white;
  113. }
  114. .btn, .page-link {
  115. transition: none;
  116. border: 1px solid #777;
  117. color: #666666;
  118. font-weight: bolder;
  119. border-radius: 0px!important;
  120. background-image: linear-gradient(#FEFEFE, #DEDEDE);
  121. text-transform: none;
  122. }
  123. .btn:hover, .page-link:hover {
  124. background-image: linear-gradient(#FEFEFE, #C7D5FF);
  125. border: 1px solid #777;
  126. box-shadow: none;
  127. color: #777777;
  128. }
  129. h3 {
  130. color: #343434;
  131. letter-spacing: -1px;
  132. font-size: 32px;
  133. font-weight: bold!important;
  134. }
  135. .btn-success {
  136. border-color: #007001;
  137. background-color: #007001;
  138. background-image: url(https://www.roblox.com/images/Buttons/StyleGuide/bg-btn-green.png);
  139. color: white!important;
  140. }
  141. .btn-success:hover {
  142. border-color: #007001;
  143. background-color: #007001;
  144. background-image: url(https://www.roblox.com/images/Buttons/StyleGuide/bg-btn-green.png);
  145. color: white!important;
  146. background-position: left -128px;
  147. }
  148. .card {
  149. border: none;
  150. }
  151. .catalog-card>.card {
  152. border-radius: 0px;
  153. transition: none;
  154. border: 1px solid transparent;
  155. }
  156. .catalog-card>.card:hover {
  157. border: 1px solid #ccc;
  158. box-shadow: none!important;
  159. }
  160. .footer>.container {
  161. background: #123f83;
  162. font-size: 13px;
  163. color: White;
  164. margin: 0;
  165. width: 100%;
  166. padding: 2em;
  167. border: none;
  168. }
  169. .footer .container {
  170. max-width: 100000px;
  171. }
  172. .nav-link .badge-danger {
  173. color: Black;
  174. border: 1px solid Black;
  175. background-color: White;
  176. }
  177. .catalog-no-overflow-plz a {
  178. color: #0055B3;
  179. }
  180. .page-item.active .page-link, .page-item.disabled .page-link, .btn-primary.disabled {
  181. border: 1px solid #777;
  182. color: #777;
  183. background: #efefef;
  184. }
  185. a {
  186. color: #0055B3;
  187. }
  188. .btn-danger {
  189. border-color: #565656;
  190. background-color: #565656;
  191. background-image: url(https://static.rbxcdn.com/images/Buttons/StyleGuide/bg-btn-gray.png);
  192. color: white;
  193. }
  194. .btn-danger:hover {
  195. border-color: #565656;
  196. background-color: #565656;
  197. background-image: url(https://static.rbxcdn.com/images/Buttons/StyleGuide/bg-btn-gray.png);
  198. color: white!important;
  199. background-position: left -128px;
  200. }
  201. .btn-primary {
  202. border-color: #0852b7!important;
  203. color: white;
  204. background-color: #0852b7;
  205. border: 1px solid;
  206. background-image: url(https://www.roblox.com/images/Buttons/StyleGuide/bg-btn-blue.png);
  207. }
  208. .btn-primary:hover {
  209. border-color: #0852b7!important;
  210. color: white;
  211. background-color: #0852b7;
  212. border: 1px solid;
  213. background-image: url(https://www.roblox.com/images/Buttons/StyleGuide/bg-btn-blue.png);
  214. background-position: left -128px;
  215. }
  216. .home-main-content {
  217. background: url(https://imagizer.imageshack.com/img923/9208/qyFcnu.png) no-repeat 50%;
  218. background-size: cover;
  219. margin: 0;
  220. padding: 0;
  221. height: 300px;
  222. color: hsla(0,0%,100%,.92);
  223. display: flex;
  224. margin-bottom: .5rem;
  225. font-family: inherit;
  226. font-weight: 500;
  227. line-height: 1.2;
  228. color: black;
  229.  
  230. }
  231. .h1, h1 {
  232. font-size: 2.1875rem;
  233. font-weight: bold;
  234. }
  235. .alert-info {
  236. background: #FDA702;
  237. color: #fff;
  238. border: 1px solid gray;
  239. font-size: 16px;
  240. font-weight: bold;
  241. }
  242. .alert-skinny {
  243. padding: .1rem!important;
  244. width: 908px;
  245. margin: 0 auto 5px;
  246. }
  247. .fa-plus:before {
  248. content: "";
  249. }
  250. .fa-user:before {
  251. content: "";
  252. }
  253. .fa-exchange-alt:before {
  254. content: "";
  255. }
  256. .fa-wrench:before {
  257. content: "";
  258. }
  259. .fa-user-plus:before {
  260. content: "";
  261. }
  262. .fa-sign-out:before {
  263. content: "";
  264. }
  265. .nav-link {
  266. display: block;
  267. padding: .5rem 0rem;
  268. }
  269. .navbar-nobelium-dropdown.dropdown-menu.dropdown-menu-right>a {
  270. padding-left: 0;
  271. }
  272. .alert {
  273. background: #FDA702;
  274. color: #fff;
  275. border: 1px solid gray;
  276. font-size: 16px;
  277. font-weight: bold;
  278. padding: .1rem!important;
  279. width: 908px;
  280. margin: 0 auto 5px;
  281. }
  282. .home-text {
  283. text-shadow: 0px 0px 0px #292929;
  284. }
  285. .font-weight-light {
  286. font-weight: bold!important;
  287. }
  288. .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  289. color: #f00;
  290. background-color: rgba(255, 255, 255, 0.1);
  291. }
  292. img[title="Diu"] {
  293. content: url("https://vignette.wikia.nocookie.net/roblox/images/6/62/TixROBLOX.png/revision/latest/scale-to-width-down/120?cb=20180908163400")!important;
  294. width: 16px;
  295. height: 16px;
  296. }
  297. .form-control {
  298. display: block;
  299. width: 100%;
  300. height: calc(2.0625rem + 2px);
  301. padding: .375rem .75rem;
  302. font-size: .875rem;
  303. font-weight: 400;
  304. line-height: 1.5;
  305. color: #495057;
  306. background-color: #fff;
  307. background-clip: padding-box;
  308. border: 1px solid #ced4da;
  309. border-radius: .0rem;
  310. transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  311. }
  312. .badge-primary {
  313. color: #000000;
  314. background-color: rgba(255, 255, 255, 0.1);
  315. border: 1px solid #777;
  316. }
  317. .badge-danger {
  318. color: #000000;
  319. background-color: #ffffff;
  320. border: 1px solid #777;
  321. }
  322. .badge {
  323. border-radius: .0rem;
  324. }
  325. .fa-play {
  326. content: "";
  327. width: 0em;
  328. }
  329. .fa-play:before {
  330. content: "";
  331. }
  332. .badge.card__ribbon-left {
  333. position: absolute;
  334. left: -1px;
  335. top: 0;
  336. border: 1px solid #777;
  337. border-radius: 0;
  338. border-top-left-radius: 0px;
  339. border-bottom-right-radius: 0px;
  340. font-size: 12px;
  341. }
  342. }
  343.  
  344. @-moz-document url-prefix("https://aesthetiful.com/catalog"), url-prefix("https://www.aesthetiful.com/catalog") {
  345. .fa-search:before {
  346. content: "Search";
  347. color: #000;
  348. font-family: 'Source Sans Pro',Arial,Helvetica,sans-serif;
  349. font-weight: bold;
  350. text-transform: none;
  351. }
  352. .form-control {
  353. border: 1px solid #a7a7a7;
  354. border-radius: 0px;
  355. margin-right: 10px;
  356. transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  357. }
  358. .header {
  359. background: url(http://web.archive.org//web/20131216182636im_/http://www.roblox.com/images/UI/catalog/btn-browse_categories.png);
  360. width: 136px!important;
  361. height: 34px;
  362. color: transparent!important;
  363. }
  364. .finobe-basic-nav {
  365. width: 137px!important;
  366. border-left: 1px solid #777;
  367. border-bottom: 1px solid #777;
  368. border-right: 1px solid #777;
  369. background: #efefef;
  370. }
  371. .finobe-basic-nav>.link {
  372. color: black!important;
  373. padding: 7px 6px;
  374. margin-top: 0px!important;
  375. margin-bottom: 0px!important;
  376. }
  377. .finobe-basic-nav>.link:hover {
  378. background: #d8d8d8;
  379. text-decoration: none;
  380. }
  381. .catalog-card-name {
  382. color: #0055B3;
  383. font-weight: bold;
  384. }
  385. .catalog-card-name:hover {
  386. text-decoration: underline;
  387. }
  388. .badge.finobe__card-ribbon {
  389. right: unset;
  390. border-top-right-radius: 0px;
  391. border-bottom-left-radius: 0px;
  392. margin-top: 96px;
  393. padding: 0px;
  394. background-color: transparent;
  395. margin-left: 14px;
  396. }
  397. .badge.badge-warning.finobe__card-ribbon {
  398. content: url(http://images.rbxcdn.com/d649b9c54a08dcfa76131d123e7d8acc.png);
  399. }
  400. .badge.badge-success.finobe__card-ribbon {
  401. content: url(http://images.rbxcdn.com/793dc1fd7562307165231ca2b960b19a.png);
  402. }
  403. }
  404.  
  405. @-moz-document url-prefix("https://aesthetiful.com/item/"), url-prefix("https://www.aesthetiful.com/item/") {
  406. .text-center.card {
  407. background-color: #e1e1e1;
  408. border: 1px solid #a7a7a7;
  409. border-radius: 0px;
  410. }
  411. .card-header {
  412. display: none;
  413. }
  414. .col-md-8 h4.mb-0 {
  415. font-size: 32px;
  416. font-weight: bold;
  417. color: #343434;
  418. letter-spacing: -1px;
  419. }
  420. }
  421.  
  422. @-moz-document url-prefix("https://aesthetiful.com/forum/post?id="), url-prefix("https://aesthetiful.com/forum/new/reply?id="), url-prefix("https://www.aesthetiful.com/forum/post?id="), url-prefix("https://www.aesthetiful.com/forum/new/reply?id=") {
  423. .bg-info {
  424. background-color: #0058b1!important;
  425. color: white;
  426. border-radius: 0px!important;
  427. font-weight: normal;
  428. }
  429. .bg-primary {
  430. display: none;
  431. }
  432. .card-body {
  433. background-color: #F9F9F9;
  434. border-bottom: 1px solid #D8D8D8;
  435. }
  436. .mb-4, .my-4 {
  437. margin-bottom: 0px!important;
  438. }
  439. .thumbnail-user-forum {
  440. width: 100px;
  441. }
  442. .forum__color-ball {
  443. border: 1px solid black;
  444. }
  445. .badge.badge-admin {
  446. content: url(http://web.archive.org/web/20140122073542im_/http://www.roblox.com/Forum/skins/default/images/users_moderator.gif);
  447. background-color: transparent;
  448. animation: none;
  449. }
  450. .breadcrumb {
  451. background-color: transparent;
  452. }
  453. .breadcrumb-item+.breadcrumb-item:before {
  454. content: " » ";
  455. }
  456. .b-right {
  457. border-right: none;
  458. border-bottom: none;
  459. }
  460. }
  461.  
  462. @-moz-document url-prefix("https://aesthetiful.com/place/"), url-prefix("https://www.aesthetiful.com/place/") {
  463. .card-header {
  464. display: none;
  465. }
  466. }
  467.  
  468. @-moz-document url("https://aesthetiful.com/users"), url("https://www.aesthetiful.com/users") {
  469. .card, .page-item {
  470. display: none;
  471. }
  472. }
  473.  
  474. @-moz-document url-prefix("https://aesthetiful.com/friends/incoming"), url-prefix("https://www.aesthetiful.com/friends/incoming") {
  475. .img-fluid {
  476. max-width: 60%!important;
  477. }
  478. }
  479.  
  480. @-moz-document url-prefix("https://aesthetiful.com/app/character"), url-prefix("https://www.aesthetiful.com/app/character") {
  481. .badge {
  482. display: none;
  483. }
  484. .card-header {
  485. background-color: transparent!important;
  486. }
  487. .card-header.text-center {
  488. color: #343434;
  489. letter-spacing: -1px;
  490. font-size: 32px;
  491. font-weight: bold!important;
  492. background-color: transparent;
  493. text-align: left!important;
  494. }
  495. .nav-tabs .nav-link.active {
  496. background-color: #fff!important;
  497. margin-top: 0;
  498. border-radius: 0px;
  499. padding: 9px 7px;
  500. border-bottom: 0;
  501. position: relative;
  502. border-color: #ccc;
  503. z-index: 1;
  504. margin: 0 1px 0 0;
  505. top: 1px;
  506. }
  507. .nav-tabs .nav-link {
  508. float: left;
  509. border-radius: 0px;
  510. background-color: #D6D6D6;
  511. padding: 7px;
  512. border: 1px solid #9e9e9e;
  513. font-weight: bold;
  514. font-size: 15px;
  515. margin: 4px 2px 0 1px;
  516. border-bottom-width: 0;
  517. position: relative;
  518. top: -1px;
  519. color: #343434!important;
  520. }
  521. .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  522. background-color: #e9e9e9;
  523. border-color: #9e9e9e;
  524. cursor: pointer;
  525. }
  526. .col-md-9 .card .card-header {
  527. border-bottom: 1px solid #CCC;
  528. border-radius: 0px;
  529. }
  530. .card-header-tabs {
  531. margin-bottom: -.80rem;
  532. }
  533. .modal-content {
  534. background-color: #fff;
  535. color: #363636;
  536. border: 2px solid #888;
  537. text-align: center;
  538. position: relative;
  539. border-radius: 0px;
  540. box-shadow: none;
  541. }
  542. .color {
  543. border-style: solid!important;
  544. border-width: 2px!important;
  545. border: 1px solid transparent!important;
  546. }
  547. .color:hover {
  548. border-color: #e1e1e1!important;
  549. border-style: solid!important;
  550. border-width: 2px!important;
  551. }
  552. .modal-title {
  553. font: bold 27px Arial;
  554. color: #363636;
  555. text-align: center!important;
  556. }
  557. .modal {
  558. transition: none;
  559. }
  560. .modal-backdrop.show {
  561. opacity: 0;
  562. }
  563. .body-part {
  564. border: 1px solid #ddd!important;
  565. }
  566. }
  567.  
  568. @-moz-document url-prefix("https://aesthetiful.com/trades"), url-prefix("https://www.aesthetiful.com/trades") {
  569. .table .thead-dark th {
  570. border-left: 1px solid #ccc;
  571. border-top: 1px solid #9e9e9e;
  572. font-weight: 600;
  573. background-color: #f1f1f1;
  574. border-bottom: none;
  575. padding: 5px;
  576. color: #343434;
  577. }
  578. .table td, .table th {
  579. padding: 5px;
  580. }
  581. }
  582.  
  583. @-moz-document url-prefix("https://aesthetiful.com/legal/"), url-prefix("https://aesthetiful.com/trades"), url-prefix("https://www.aesthetiful.com/legal/"), url-prefix("https://www.aesthetiful.com/trades") {
  584. .card-header {
  585. color: #343434;
  586. letter-spacing: -1px;
  587. font-size: 32px;
  588. font-weight: bold!important;
  589. background-color: transparent;
  590. text-align: left!important;
  591. }
  592. }
  593.  
  594. @-moz-document url-prefix("https://aesthetiful.com/password/reset"), url-prefix("https://www.aesthetiful.com/password/reset") {
  595. .card-header {
  596. padding: .00rem 0.0rem;
  597. background-color: rgba(0,0,0,.00);
  598. border-bottom: 1px solid rgba(0,0,0,.0);
  599. font-weight: bolder;
  600. font-size: 2.1875rem;
  601. font-family: proxima-nova;
  602. }
  603. }
  604.  
  605. @-moz-document url("https://aesthetiful.com/"), url("https://www.aesthetiful.com/") {
  606. .home-main-content {
  607. background: url(https://imagizer.imageshack.com/img923/9208/qyFcnu.png) no-repeat 50%;
  608. background-size: cover;
  609. margin: 0;
  610. padding: 0;
  611. height: 300px;
  612. color: hsla(0,0%,100%,.92);
  613. display: flex;
  614. margin-bottom: .5rem;
  615. font-family: inherit;
  616. font-weight: 500;
  617. line-height: 1.2;
  618. color: black;
  619. }
  620. }
  621.  
  622. @-moz-document url-prefix("https://aesthetiful.com/user/"), url-prefix("https://www.aesthetiful.com/user/") {
  623. .card-header {
  624. border: none;
  625. border-radius: 0px;
  626. font-size: 30px;
  627. font-weight: normal;
  628. color: #343434;
  629. background: transparent;
  630. text-align: left!important;
  631. letter-spacing: -1px;
  632. }
  633. .place-thumbnail-small {
  634. border: solid 1px #555;
  635. }
  636. .collapse.show {
  637. border: 1px solid #ccc;
  638. }
  639. .card-img-top {
  640. border: solid 1px #CCC;
  641. height: 110px;
  642. border-radius: 0px;
  643. width: 110px;
  644. }
  645. .col-lg-2 {
  646. border-right: 1px solid #ccc;
  647. }
  648. .col-lg-2 .btn-primary {
  649. font-weight: bold!important;
  650. width: 124px!important;
  651. background: #EFEFEF!important;
  652. border: 1px solid #CCC!important;
  653. }
  654. .col-lg-2 .btn {
  655. background: transparent;
  656. color: #363636;
  657. border: none;
  658. font-weight: normal;
  659. width: 123px;
  660. text-align: left!important;
  661. }
  662. .col-lg-2 .btn:hover {
  663. background: #EFEFEF;
  664. }
  665. .card-header a {
  666. border-color: #0852b7!important;
  667. background-color: #0852b7;
  668. border: 1px solid;
  669. background-image: url(https://www.roblox.com/images/Buttons/StyleGuide/bg-btn-blue.png);
  670. color: white;
  671. padding: 1px 7px 0 7px;
  672. height: 20px;
  673. float: right;
  674. min-width: 40px;
  675. font-size: 14px;
  676. line-height: 18px;
  677. background-position: left -160px;
  678. }
  679. .card-header a:hover {
  680. background-position: left -181px;
  681. text-decoration: none;
  682. }
  683. .mb-md-5 {
  684. color: #0055B3;
  685. }
  686. .img-fluid {
  687. max-width: 80%!important;
  688. }
  689. }
  690.  
  691. @-moz-document url-prefix("https://aesthetiful.com/forum/home"), url-prefix("https://www.aesthetiful.com/forum/home") {
  692. nav.finobe-basic-nav>.link.active, nav.settings-nav>.link.active {
  693. color: #f00;
  694. font-weight: 600;
  695. }
  696. }
Advertisement
Add Comment
Please, Sign In to add comment