Neon blue clear style
Neon blue clear style by SaSh0o0k
Details
AuthorSaSh0o0k
LicenseNone
Categoryuserstyles
Created
Updated
Size6.6 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name Neon blue clear style
@namespace USO Archive
@author SaSh0o0k
@description Neon blue clear style
@version 20240209.14.00
@license NONE
@preprocessor uso
==/UserStyle== */
@-moz-document domain("deepl.com") {
/* Dark theme Deepl 2023 */
div.relative.pr-0.false:nth-child(4) > div.bg-neutral-next-50.relative > div.contextual-menu-dragging-area:first-child > div.min-\[1280px\]\:px-\[70px\] > main.relative.mx-auto.max-w-\[1400px\].py-6 > div.space-y-6:nth-child(2) > nav > div.space-y-6:last-child > div.flex.items-center.justify-between.px-6.min-\[1280px\]\:px-0:first-child > div.flex.flex-row.flex-wrap.items-stretch.gap-\[10px\] {
display: none !important;
}
headlessui-dialog-38 > div.flex.min-h-screen.items-center.justify-center.px-4.pb-20.pt-4.text-center.sm\:p-0 > div.fixed.inset-0.bg-deprecated-almost-black.bg-opacity-50.transition-opacity:nth-child(2) {
display: none !important;
}
/*root*/
:root {
--main-grey: #232323;
--second-grey: #2c2c2c;
--blue: #25b9ff;
}
*,
a,
h1,
h2,
h3,
h4,
div,
p,
span,
li a,
.pageFooterV2-module--footerOuterContainer--CwVcZ .pageFooterV2-module--footerContainer--VhdBv .pageFooterV2-module--footerContentContainer--vfEgC .pageFooterV2-module--linksContainer--MdIqE .pageFooterV2-module--linkList--WOl2D li:not(:first-of-type) a
{
color:var( --blue)!important;
}
.min-\[1280px\]\:px-\[70px\] ,
.BasePageHeader-module--container--2By68,
.pageFooterV2-module--footerOuterContainer--CwVcZ,
.px-8:nth-child(3),
.bg-neutral-next-50
{
background-color: var( --main-grey)!important;
}
.space-y-2 > .border-dark-7,
.min-h-\[56px\],
.focus-visible-disabled-container > div:nth-child(2),
.last\:grow > div,
.rounded-bl-lg,
.rounded-br-lg,
.mb-\[30px\] div,
span > .cardButton--vvujR,
#headlessui-tabs-tab-2 > .cardButton--vvujR,
.active--gSerx,
.pb-8 ,
.ProBanner2021-module--wrapper--EI6x1,
#headlessui-popover-button-29,
.CareerBanner-module--container--cAhHB,
.Quote-module--quote--9KM\+t,
#headlessui-listbox-button-9
{
background:var(--second-grey)!important;
border: none;
}
/* traduction bloc */
/* .space-y-2 > .border-dark-7 {
overflow: hidden;
border: none !important;
} */
.SourceTranslatorArea-module--focusBorder--JAPMt,
.rounded-br-inherit > .flex{
border-top: var(--blue) 1px solid;
/*Your code should go under this comment*/
}
.border-l{
border: var(--blue) 1px solid;
}
/*Bloc dictionnaire*/
.mb-\[30px\] > .border-dark-7 {
border: none;
}
#dictionary-header {
border-bottom: var(--blue) 1px solid;
}
}
@-moz-document domain("deepl.com") {
/* DeepL (Simple Black) */
* {
color: #25B9FF !important;
border: none !important;
}
body {
background-color: #232323 !important;
/* overflow: hidden; */
}
.bg-neutral-next-50,
.bg-white {
background-color: #2c2c2c !important;
}
.rounded-lg .cardButton--vvujR {
background-color: #2c2c2c !important;
}
[data-testid="translator"] > *:nth-child(3),
[data-testid="translator"] > *:nth-child(4),
[data-testid="translator"] > *:nth-child(5),
.cardButton--vvujR,
header,
footer {
display: none;
}
}
@-moz-document domain("deepl.com") {
/* DeepL Dark Mode for Reading */
/* .dl_pro__banner--header, .lmt__dict__inner, button {
display: none;
} */
/* .dictLink, .formLink {
color: #105030 !important;
} */
html, body, .dl_translator_page_container, .lmt__dict__inner {
background-color: #222 !important;
color: azure !important;
/* overflow-y: hidden !important; */
border: 0 !important;
}
div::focus, .dl_translator_page_container::focus, .lmt__dict__inner::focus {
border: 0 !important;
}
.dl_header, textarea {
background-color: #222 !important;
color: azure !important;
}
#lmt_quotes_article, .lmt_quotes__container, footer {
display: none;
}
.lmt__source_textarea__length_marker {
color: azure !important;
}
strong, #text {
color: darkgray !important;
}
.translate_from, .translate_to, .lmt__language_select--source > button:nth-child(1) > div:nth-child(2), .lmt__language_select--target > button:nth-child(1) > div:nth-child(2) {
color: #ddd;
}
.lmt__language_select--source > div:nth-child(2), .lmt__language_select--source > div > button, .lmt__language_select--target > div:nth-child(2), .lmt__language_select--target > div > button {
background-color: #444;
color: azure !important;
}
.dl_header_menu_v2__logo > span:nth-child(2), #dl_menu_translator, #dl_menu_linguee, .dl_header_menu_v2__login_button > button:nth-child(1), .dl_header_menu_v2__buttons__menu > button:nth-child(1), .dl_header_menu_v2__buttons__menu, .dl_header_menu_v2__buttons__menu > button::before, .dl_header_menu_v2__buttons__menu > button::after, .lmt__language_select--source > button:nth-child(1) > span:nth-child(1) {
color: azure !important;
}
.lmt__target_toolbar .lmt__target_toolbar__generic > button, .lmt__target_toolbar .lmt__target_toolbar__copy > button, .lmt__target_toolbar .lmt__target_toolbar__save > button, .lmt__target_toolbar .lmt__target_toolbar__share > button {
stroke: azure !important;
}
.lmt__stickyMenubar_background, .dl_body--redesign .lmt--web .lmt__textarea_container {
background-color: #222;
}
textarea[dl-test="translator-source-input"] {
width: 100%;
border: 0;
}
div[dl-test="translator-source"] {
width: 10%;
}
.lmt__textarea_container:nth-of-type(2) {
background-color: #ff0000;
width: 20%;
max-height: 200px;
border: 1px solid blue;
/* overflow-y: scroll; */
}
.lmt__textarea_container:nth-of-type(3) {
background-color: #ff0000;
width: 200%;
z-index: 1000000;
margin-left: -500px;
/* overflow-x: scroll; */
/* overflow-y: scroll; */
height: calc(100vh - 10vh);
}
.lmt__inner_textarea_container {
background-color: #ff0000;
}
.lmt__sides_container {
margin-left: -400px;
background-color: #222;
}
.dl_body--redesign .lmt--web .lmt__textarea_container {
border: 0 !important;
/* background-color: #ff0000; */
}
.lmt__textarea_container {
border: 0;
}
.lmt__textarea_container--focus_target:focus{
outline: none;
border: 0;
}
.lmt__stickyMenubar_background, .lmt__stickyMenubar_background--show, .lmt__docTrans-tab-container, header {
display: none;
}
.lmt__language_container {
display: none;
opacity: 0;
}
::-webkit-scrollbar-track
{
/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
border-radius: 10px;
/* background-color: #F5F5F5; */
}
::-webkit-scrollbar
{
width: 12px;
/* background-color: #F5F5F5; */
border-radius: 10px;
}
}