Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*NOTE: COPY AND PASTE THE CODE BELOW FROM A NEW LINE IN YOUR userContent.css AND DON'T EDIT WHAT'S ALREADY THERE BY DEFAULT*/
- @import "natsumi-pages/natsumi-pages.css";
- /*Custom Weather Position*/
- .weather {
- top: 9% !important;
- left: 83% !important;
- }
- /*Transparent Websites*/
- :root {
- --stacking-bg: rgba(0, 0, 0, .1);
- --content-bg: rgba(0, 0, 0, .2);
- --card-bg: rgba(0, 0, 0, .3);
- --card-bg-dark: rgba(0, 0, 0, .4);
- }
- @-moz-document domain("quora.com") {
- html, body, .q-box.qu-bg--darker {
- background: transparent !important;
- }
- }
- @-moz-document domain("compass.education") {
- /* imports */
- html, body, form {
- background: transparent !important;
- }
- #productNavBar, .newLNF .home-schoolNameContainer, .newLNF .c_col .x-toolbar, .newLNF .newsfeed-newsItem, .newLNF .newsfeed-newsItemsAndToolbarContainer, .x-container.newsfeed-alertItem.x-container-default {
- background: var(--card-bg) !important;
- }
- }
- @-moz-document domain("forms.office.com") {
- #RuntimeRoot {
- background: transparent !important;
- }
- #form-main-content1 {
- scrollbar-width: none !important;
- }
- }
- @-moz-document domain("icloud.com") {
- .header-container-background, ui-main-pane > * {
- border-radius: 10px;
- }
- .scrollable {
- scrollbar-width: none !important;
- }
- html, body, footer, .homepage-viewport > * {
- background: transparent !important;
- }
- }
- @-moz-document domain("youtube.com") {
- html[dark], #background {
- background: var(--content-bg) !important;
- }
- #guide-inner-content {
- scrollbar-width: none !important;
- }
- :root {
- --yt-spec-base-background: var(--stacking-bg) !important;
- --app-drawer-content-container-background-color: var(--stacking-bg) !important;
- --dark-theme-background-color: var(--stacking-bg) !important;
- --efyt-control-bar-background-color: var(--stacking-bg) !important;
- --efyt-control-bar-tooltip-background-color: var(--stacking-bg) !important;
- --paper-dialog-background-color: var(--stacking-bg) !important;
- --paper-listbox-background-color: var(--stacking-bg) !important;
- --paper-menu-background-color: var(--stacking-bg) !important;
- --yt-live-chat-action-panel-background-color-transparent: var(--stacking-bg) !important;
- --yt-live-chat-additional-inline-action-button-background-color: var(--stacking-bg) !important;
- --yt-live-chat-additional-inline-action-button-background-color-hover: var(--stacking-bg) !important;
- --yt-live-chat-additive-background-inverse: var(--stacking-bg) !important;
- --yt-live-chat-author-chip-verified-background-color: var(--stacking-bg) !important;
- --yt-live-chat-automod-button-background-color: var(--stacking-bg) !important;
- --yt-live-chat-automod-button-background-color-hover: var(--stacking-bg) !important;
- --yt-live-chat-background-color: var(--stacking-bg) !important;;
- --yt-live-chat-button-dark-background-color: var(--stacking-bg) !important;
- --yt-live-chat-button-default-background-color: var(--stacking-bg) !important;
- --yt-live-chat-dialog-background-color: var(--stacking-bg) !important;
- }
- }
- @-moz-document domain("modrinth.com") {
- :root {
- --color-bg: transparent !important;
- --color-raised-bg: rgba(0, 0, 0, .2) !important;
- --color-button-bg: rgba(0, 0, 0, .2) !important;
- .scrollable-pane {
- scrollbar-width: none !important;
- }
- .group.flex.gap-1 {
- background: rgba(0, 0, 0, .05) !important;
- border-radius: 10px;
- }
- }
- }
- @-moz-document domain("outlook.office.com") {
- :root {
- #searchSuggestionsCallout {
- --neutralPrimarySurface: #292929 !important;
- border-radius: 0px 0px 5px 5px !important;
- border: 10px solid var(--neutralTertiaryAlt);
- overflow: hidden;
- [role="option"]:hover {
- --neutralLighterAlt: var(--content-bg) !important;
- }
- }
- --neutralPrimarySurface: rgba(0, 0, 0, .1) !important;
- --neutralSecondarySurface: transparent !important;
- --neutralTertiarySurface: rgba(0, 0, 0, .3) !important;
- --neutralTertiaryAlt: rgba(255, 255, 255, .7) !important;
- --neutralLighter: rgba(0, 0, 0, .3) !important;
- --themePrimary: rgba(255, 255, 255, .7) !important;
- --neutralLighterAlt:rgba(0, 0, 0, .05) !important;
- --neutralQuaternaryAlt: rgba(0, 0, 0, .2) !important;
- .customScrollBar {
- scrollbar-width: none !important;
- }
- .o365sx-navbar {
- background: rgba(0, 0, 0, .1) !important;
- }
- .o365cs-base .o365sx-button, .o365cs-base .o365sx-appName {
- background: transparent !important;
- }
- }
- }
- @-moz-document domain(monkeytype.com) {
- body {
- background: transparent !important;
- }
- }
- @-moz-document domain(zen-browser.app) {
- body,
- html {
- background: transparent !important;
- }
- }
- @-moz-document domain(reddit.com) {
- body,
- html {
- background: transparent !important;
- }
- #comment-tree {
- background: transparent !important;
- }
- .bg-neutral-background,
- .bg-neutral-background-weak {
- background: rgba(0, 0, 0, 0.1) !important;
- }
- .bg-\[color\:var\(--shreddit-content-background\)\] {
- background-color: transparent !important;
- }
- .threadline,
- .shreddit-post,
- aside,
- comment-body-header,
- shreddit-comment-tree {
- background-color: transparent !important;
- }
- }
- @-moz-document domain(chatgpt.com) {
- body, html,
- .bg-token-main-surface-primary, /* Navbar */
- .bg-token-sidebar-surface-primary, /* Sidebar */
- .bg-token-sidebar-surface-primary * /* All sidebar elements */ {
- background: transparent !important;
- }
- }
- @-moz-document domain(monica.im) {
- body,
- html {
- background: transparent !important;
- }
- }
- @-moz-document url-prefix("https://www.google.com/") {
- /* Make the entire page transparent */
- html, body, div, section, article, header, footer, main, aside, nav, span, form, input, button, table, tbody, tr, td {
- background: transparent !important;
- }
- /* Add blur to search suggestions to make them readable */
- .erkvQe, .OBMEnb {
- background: rgba(0, 0, 0, 0.3) !important; /* Semi-transparent dark background */
- backdrop-filter: blur(10px) !important; /* Blur effect */
- -webkit-backdrop-filter: blur(10px) !important; /* Ensure compatibility */
- }
- }
- @-moz-document domain(github.com) {
- body,
- html,
- header,
- #repository-container-header,
- .gh-header,
- .bgColor-muted,
- section,
- .feed-background,
- .color-bg-default {
- background-color: transparent !important;
- }
- .feed-item-content,
- .discussion-timeline-actions {
- background-color: rgba(0, 0, 0, 0.1) !important;
- }
- }
- @-moz-document domain(duckduckgo.com) {
- body,
- html,
- .site-wrapper,
- .zci-wrap,
- .zci,
- .header-wrap,
- .metabar,
- .footer,
- *::before,
- .module--translations-translatedtext {
- background: transparent !important;
- }
- }
- @-moz-document domain(discord.com) {
- :root {
- .layer_cd0de5 :is([role="dialog"], .streamPreview_adbea6) {
- background: hsl(var(--primary-700-hsl)) !important;
- }
- --primary-560: rgba(0, 0, 0, 0.05) !important;
- --primary-600: rgba(0, 0, 0, 0.05) !important;
- --primary-630: rgba(0, 0, 0, 0.05) !important;
- --primary-645: rgba(0, 0, 0, 0.05) !important;
- --primary-660: rgba(0, 0, 0, 0.05) !important;
- --primary-700: rgba(0, 0, 0, 0.05) !important;
- --primary-730: rgba(0, 0, 0, 0.05) !important;
- --primary-760: rgba(0, 0, 0, 0.05) !important;
- --primary-830: rgba(0, 0, 0, 0.05) !important;
- --primary-860: rgba(0, 0, 0, 0.05) !important;
- --primary-900: rgba(0, 0, 0, 0.05) !important;
- }
- [class^="focusLock_"] {
- --saturation-factor: 1;
- --primary-600: hsl(var(--primary-600-hsl) / 1) !important;
- --primary-600-hsl: 222.857 calc(var(--saturation-factor, 1) * 6.667%)
- 20.588% !important;
- --modal-background: var(--primary-600);
- }
- .no-webkit-scrollbar * {
- scrollbar-width: none !important;
- }
- }
- @-moz-document domain(x.com) {
- :root {
- --theme-popup: rgba(0, 0, 0, 0.8);
- --theme-bg-dim: rgba(0 ,0, 0, 0.4);
- }
- body {
- background-color: var(--theme-bg-dim) !important;
- }
- [data-testid="primaryColumn"],
- [aria-label="Trending"] > * > *,
- [aria-label="Home timeline"] > *> *,
- [aria-label="Search"] > * {
- background: transparent !important;
- }
- select,
- [data-testid="Dropdown"],
- [data-testid="hoverCardParent"],
- [data-testid="DMDrawer"] > div,
- div[role="dialog"],
- div[role="listbox"],
- div[role="radio"] {
- background: var(--theme-popup) !important;
- }
- .r-kemksi, .r-5zmot {
- background: transparent !important;
- }
- }
- /*New Tab transparency*/
- @-moz-document url(about:home), url(about:newtab), url(about:privatebrowsing), url(chrome://browser/content/browser.xul) {
- body {
- width: 100%;
- height: 100vh;
- position: relative !important;
- overflow: hidden !important;
- }
- body::before {
- content: "";
- position: absolute;
- height: 130vh;
- width: auto;
- aspect-ratio: 1/1 !important;
- transform: translate(-50%, -50%);
- top:100%;
- left:100%;
- background-color: #ffffff; /* Color fill */
- mask-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Generator: Adobe Illustrator 28.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;fill:%23FFFFFF;}</style><path class="st0" d="M16,22.2c3.4,0,6.2-2.8,6.2-6.2c0-3.4-2.8-6.2-6.2-6.2c-3.4,0-6.2,2.8-6.2,6.2C9.8,19.4,12.6,22.2,16,22.2z M20.9,16c0,2.7-2.2,4.9-4.9,4.9s-4.9-2.2-4.9-4.9s2.2-4.9,4.9-4.9S20.9,13.3,20.9,16z"/><path class="st0" d="M26.7,16c0,5.9-4.8,10.7-10.7,10.7S5.3,21.9,5.3,16S10.1,5.3,16,5.3S26.7,10.1,26.7,16z M16,24.6c4.8,0,8.6-3.9,8.6-8.6S20.8,7.4,16,7.4S7.4,11.2,7.4,16S11.2,24.6,16,24.6z"/><path class="st0" d="M32,16c0,8.8-7.2,16-16,16S0,24.8,0,16S7.2,0,16,0S32,7.2,32,16z M16,29.1c7.3,0,13.1-5.9,13.1-13.1S23.3,2.9,16,2.9S2.9,8.7,2.9,16S8.7,29.1,16,29.1z"/></svg>');
- mask-repeat: no-repeat;
- mask-position: center;
- opacity: 5% !important;
- }
- }
- @-moz-document url(about:home), url(about:newtab){
- :root {
- --newtab-background-color: rgba(43, 42, 51, 0.0) !important;
- }
- .search-wrapper {
- position: absolute;
- transform: translate(-50%, -50%);
- top:50% !important;
- left: 50% !important;
- display: flex;
- flex-direction: column;
- }
- .logo {
- aspect-ratio: 1/1 !important;
- /*For Stable*/
- background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;fill:%23f46e51; opacity:90%}</style><path class="st0" d="M16,22.2c3.4,0,6.2-2.8,6.2-6.2c0-3.4-2.8-6.2-6.2-6.2c-3.4,0-6.2,2.8-6.2,6.2C9.8,19.4,12.6,22.2,16,22.2z M20.9,16c0,2.7-2.2,4.9-4.9,4.9s-4.9-2.2-4.9-4.9s2.2-4.9,4.9-4.9S20.9,13.3,20.9,16z"/><path class="st0" d="M26.7,16c0,5.9-4.8,10.7-10.7,10.7S5.3,21.9,5.3,16S10.1,5.3,16,5.3S26.7,10.1,26.7,16z M16,24.6c4.8,0,8.6-3.9,8.6-8.6S20.8,7.4,16,7.4S7.4,11.2,7.4,16S11.2,24.6,16,24.6z"/><path class="st0" d="M32,16c0,8.8-7.2,16-16,16S0,24.8,0,16S7.2,0,16,0S32,7.2,32,16z M16,29.1c7.3,0,13.1-5.9,13.1-13.1S23.3,2.9,16,2.9S2.9,8.7,2.9,16S8.7,29.1,16,29.1z"/></svg>') !important ;
- /*For twilight
- background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;fill:%237493f1; opacity:90%}</style><path class="st0" d="M16,22.2c3.4,0,6.2-2.8,6.2-6.2c0-3.4-2.8-6.2-6.2-6.2c-3.4,0-6.2,2.8-6.2,6.2C9.8,19.4,12.6,22.2,16,22.2z M20.9,16c0,2.7-2.2,4.9-4.9,4.9s-4.9-2.2-4.9-4.9s2.2-4.9,4.9-4.9S20.9,13.3,20.9,16z"/><path class="st0" d="M26.7,16c0,5.9-4.8,10.7-10.7,10.7S5.3,21.9,5.3,16S10.1,5.3,16,5.3S26.7,10.1,26.7,16z M16,24.6c4.8,0,8.6-3.9,8.6-8.6S20.8,7.4,16,7.4S7.4,11.2,7.4,16S11.2,24.6,16,24.6z"/><path class="st0" d="M32,16c0,8.8-7.2,16-16,16S0,24.8,0,16S7.2,0,16,0S32,7.2,32,16z M16,29.1c7.3,0,13.1-5.9,13.1-13.1S23.3,2.9,16,2.9S2.9,8.7,2.9,16S8.7,29.1,16,29.1z"/></svg>') !important ;
- */
- background-position: center;
- background-size: 80px !important;
- width: fit-content !important;
- height: 80px !important;
- }
- .wordmark {
- opacity: 80%;
- background-size: 172px !important;
- width: 172px !important;
- height: 81px !important;
- }
- .search-handoff-button {
- display: flex !important;
- align-items: center !important;
- justify-content: space-evenly;
- background-color: rgba(128, 128, 128, 0.2) !important;
- backdrop-filter: blur(20px) !important;
- }
- .search-inner-wrapper .fake-editable {
- opacity: 10% !important;
- border:1px solid white !important;
- }
- .search-inner-wrapper {
- background-color: transparent !important;
- backdrop-filter: blur(10px) !important;
- display: none !important;
- }
- .search-wrapper .search-inner-wrapper {
- border-radius: 10px !important;
- }
- .logo-and-wordmark {
- margin-block-end: 14px !important;
- }
- }
- @-moz-document url(about:privatebrowsing){
- .info {
- display:none !important;
- }
- .search-wrapper {
- position: absolute;
- transform: translate(-50%, -50%);
- top:50% !important;
- left: 50% !important;
- display: flex;
- flex-direction: column;
- }
- .wordmark {
- opacity: 80%
- }
- .search-handoff-button {
- display: flex !important;
- align-items: center !important;
- justify-content: space-evenly;
- background-color: rgba(128, 128, 128, 0.2) !important;
- backdrop-filter: blur(20px) !important;
- border-radius: 8px !important;
- }
- .focused:not(.disabled) {
- border:1px solid #b069db !important;
- box-shadow: 0 0 0 1px #b069db, 0 0 0 4px rgba(109, 10, 225, 0.3) !important;
- }
- .search-inner-wrapper .fake-editable {
- background-color: transparent !important;
- border:1px solid white !important;
- border-radius: 200px !important;
- }
- .search-inner-wrapper {
- background-color: transparent !important;
- backdrop-filter: blur(10px) !important;
- padding: unset !important;
- border-radius: 8px !important;
- }
- .search-wrapper .search-inner-wrapper {
- border-radius: 10px !important;
- }
- .logo-and-wordmark {
- margin-block-end: 14px !important;
- }
- .fake-textbox {
- color:white !important;
- opacity: 100% !important;
- }
- }
- @-moz-document domain(instagram.com){
- *{
- background-color: transparent !important;
- }
- div.xixxii4:nth-child(2){
- background-color: rgba(0, 0, 0, 0.15) !important;
- border-right: transparent !important;
- border-radius: 5px !important;
- }
- div.x1hnuoi9:nth-child(1) > div:nth-child(1){
- background-color: rgba(0, 0, 0, 0.6) !important;
- }
- .xseo6mj{
- padding-top: 10px !important;
- background-color: rgba(0, 0, 0, 0.15) !important;
- border-radius: 5px !important;
- }
- .x1uipg7g{
- border-left: transparent !important;
- border-right: transparent !important;
- }
- div.xjp7ctv:nth-child(1) > div:nth-child(1) > div:nth-child(2){
- background-color: rgba(0, 0, 0, 0.1) !important;
- border-radius: 5px !important;
- }
- *{
- --mwp-message-row-background: transparent !important;
- }
- .x1u3tz30{
- background-color: rgba(0, 0, 0, 0.55) !important;
- border-radius: 5px !important;
- backdrop-filter: blur(10px) !important;
- }
- .xmnaoh6 > div:nth-child(1) > div:nth-child(1){
- padding-left: 8px !important;
- padding-right: 8px !important;
- background-color: rgba(0, 0, 0, 0.15) !important;
- border-radius: 5px !important;
- }
- .x1p0ryx0{
- border-right: 0 !important;
- }
- .xq9evs9{
- background-color: rgba(0, 0, 0, 0.4) !important;
- border-radius: 5px !important;
- backdrop-filter: blur(10px) !important;
- }
- .x1l895ks:hover{
- background-color: rgba(0, 0, 0, 0.3) !important;
- border-radius: 5px !important;
- }
- .x19g9edo{
- background-color: rgba(0, 0, 0, 0.3) !important;
- border-radius: 5px !important;
- }
- .xrrpcnn{
- background-color: rgba(0, 0, 0, 0.3) !important;
- border-radius: 20px !important;
- }
- .xpmdkuv{
- background-color: rgba(255, 255, 255, 0.2) !important;
- border-radius: 20px !important;
- }
- .x1yvgwvq{
- background-color: rgba(255, 255, 255, 0.2) !important;
- border-radius: 15px !important;
- }
- }
- @-moz-document domain(threads.net){
- *{
- background-color: transparent !important;
- }
- .x7c8izy{
- background-color: rgba(0, 0, 0, 0.15) !important;
- }
- .xjbqb8w:hover{
- background-color: rgba(0, 0, 0, 0.3) !important;
- border-radius: 10px !important;
- }
- div.x1pq812k:nth-child(2){
- background-color: rgba(0, 0, 0, 0.15) !important;
- border-radius: 15px !important;
- }
- div.x1afcbsf:nth-child(1) > div:nth-child(2){
- background-color: rgba(0, 0, 0, 0.7) !important;
- border-radius: 10px !important;
- backdrop-filter: blur(8px) !important;
- }
- .x1e3a9a0{
- background-color: rgba(0, 0, 0, 0.4) !important;
- border-radius: 10px !important;
- backdrop-filter: blur(8px) !important;
- }
- div.xfex06f:nth-child(2){
- background-color: rgba(255, 255, 255, 0.15) !important;
- border-radius: 20px !important;
- backdrop-filter: blur(20px) !important;
- }
- .x1pim928{
- box-shadow: none !important;
- }
- .x13fuv20{
- border-top-style: none !important;
- }
- .xu3j5b3{
- border-right-style: none !important;
- }
- .x26u7qi{
- border-left-style: none !important;
- }
- .x1l19134{
- border-bottom: transparent !important;
- margin-top: 8px !important;
- }
- div.xz401s1:nth-child(3){
- background-color: rgba(255, 255, 255, 0.15) !important;
- }
- }
Advertisement
Comments
-
- Read the first line of code carefully before doing anything.
Add Comment
Please, Sign In to add comment