Greasy Fork is available in English.
For Yahoo New Mail (2023)
/* ==UserStyle==
@name Yahoo New Mail - Simply Dark and Gray (USw) v.70
@namespace https://greasyfork.org/en/users/8-decembre
@version 70.0.0
@author decembre
@description For Yahoo New Mail (2023)
@license unlicense
==/UserStyle== */
@-moz-document domain("mail.yahoo.com"), domain("calendar.yahoo.com") {
/* ==== 0- Yahoo New Mail - Simply Dark and Gray - 2023 v.70 (new70) ==== */
/* NEW name of Yahoo New Mail - Simply Dark and Gray since v.36 */
/* LAST UPDATE to USERSTYLES.ORG > v.70 - 2.8k installs */
/* INFO (NOT NEED after Waterfox Update) (11 oct 2020) about how keeping tne NEW Yahoo mail (not their "Classic version") after they force us to use a "Modern Browser".
If like me you use Waterfox Classic, you can't continue to use their new mail, only the "Basic Mail" (which it's not supported by this userstyles).
So, the solution is to use an "User-Agent Switcher" addon, like this one:
https://mybrowseraddon.com/useragent-switcher.html
Choose Google and add https://mail.yahoo.com in the bottom field.
But after some test, because it cause some trouble (for me on YouTube), i prefer this one now more complete and simple to use:
User Agent Switcher par Alexander Schlarb
https://addons.mozilla.org/fr/firefox/addon/uaswitcher/
And that's ok!
==== */
/* (new63) === SUPP === */
/* (new67) SUPP - MESSAGE ADBLOCK + ADD - DIVERS */
article[aria-labelledby="bottom-sticky-pencil-ad-brand-name bottom-sticky-pencil-ad-title"] ,
.Z_7G9R[data-test-id="overlay-boundingbox"] ,
._yb_wb4rz._yb_om5q9 ,
._yb_1fuf3._yb_1chzr ,
[data-test-id="right-rail-hidead-btn"] ,
div[data-test-id="virtual-list"] li[style*="transform: translate3d(0px, 0px, 0px);"] ,
div[data-test-id="content-area"] div[data-test-id="content-below-tabs"] div[data-test-id="mail-right-rail"] div[data-test-id="right-rail-ad"] ,
.norrin-min-upsell,
#modal-outer[aria-labelledby="adBlock-upsell-welcome-message"] {
display: none !important;
}
/* SUPP PUBs (when Adblock disable or not) + CLASSIC - === */
.mb-list-ad * {
box-sizing: border-box;
}
.mb-beacon ,
.icon.mb-icon.mb-icon-right.adchoices.mb-sponsored.mb-feedback ,
.ml-bg ,
#masSearchAd ,
.rightRailAdContainer ,
#mbSearchAd ,
.mb-list-ad,
#mbSearchAd .mb-list-ad,
#mbSearchAd .mb-list-ad a ,
.mb-list-ad .flex .title,
.mb-list-ad .flex .subj ,
#slot_MB {
display: none ! important;
max-height: 0 !important;
min-height: 0 !important;
width: 0 !important;
opacity: 0 !important;
visibility: hidden !important;
padding: 0 !important;
}
/* SUPP PRO / NEW YAHOO MAIL MESSAGE */
#modal-outer[data-test-id="modal-outer"][role="alertdialog"][aria-labelledby="upsell-welcome-message"] ,
.takeover {
display: none !important;
}
/* SUPP - YAHOO NEWS POPUP */
.p_a.Z_f8a[data-test-id="popover-content"] {
/* display: none !important; */
/* outline: 1px solid violet !important; */
}
.H_6D6F .p_a.Z_f8a[data-test-id="popover-content"] {
/* display: none !important; */
/* outline: 1px solid aqua !important; */
}
[data-test-id="needToKnowNewsCue"] ,
.D_F.ek_EZ.a_3DVPV.K_3o46j.r_P[data-test-id="needToKnowNewsCue"] {
display: none !important;
border: 1px solid yellow !important;
}
/* ??? A VOIR */
.msg-body.inner.undoreset img +br ,
.msg-body.inner.undoreset img +br+br ,
.msg-body.inner.undoreset img +br+br+br ,
.msg-body.inner.undoreset img +br+br+br+br ,
.msg-body.inner.undoreset img +br+br+br+br+br {
display: none ! important;
}
/* (new68) TEST - MAIL - SETTINGS - FULL VIEW */
[data-test-id="personalize-inbox-tab"]{
background: #111 !important;
}
/* (new68) TEST - MAIL - SETTINGS - FULL VIEW - CENTER PANEL - SCROLL */
[data-test-id="personalize-inbox-tab"] > div > div {
color: silver !important;
background: #111 !important;
}
[data-test-id="personalize-inbox-tab"] > div > div > header {
margin: -3vh 0 0 0 !important;
color: gold !important;
}
[data-test-id="personalize-inbox-tab"] > div > div > header h4 {
color: gold !important;
}
[data-test-id="personalize-inbox-tab"] form > ul{
display: inline-block !important;
height: 100% !important;
min-height: 85.5vh !important;
max-height: 85.5vh !important;
padding-bottom: 0vh !important;
overflow: hidden !important;
overflow-y: hidden !important;
overflow-y: auto !important;
color: silver !important;
background-color: #111 !important;
/* border-bottom: 1px solid yellow !important; */
}
[data-test-id="personalize-inbox-tab"] form > ul p {
color: gold !important;
}
[data-test-id="personalize-inbox-tab"] form > ul label[for] + div {
display: flex;
height: 18px !important;
line-height: 18px !important;
margin: 0 0 0 0 !important;
}
[data-test-id="personalize-inbox-tab"] form [data-test-id="msgListDensity-mode-chooser"] ul li label[for] + div ,
[data-test-id="personalize-inbox-tab"] form [data-test-id="previewPane-mode-chooser"] ul li label[for] + div {
display: flex;
height: 18px !important;
line-height: 18px !important;
margin: -5vh 0 0 0 !important;
/* border: 1px solid aqua !important; */
}
[data-test-id="personalize-inbox-tab"] ul li label[for^="themeOption-"] {
display: inline-block !important;
height: 100% !important;
width: 18px !important;
margin: 0 0 0 0 !important;
border-radius: 100% !important;
background-position: center center !important;
background-size: contain !important;
}
/* (new68) TEST - MAIL - SETTINGS - FULL VIEW - WRITING / VIEWING / AVCATION / FILTERS / SECURITY / CONTACT EMAIL */
[data-test-id="security-and-privacy-tab"] > div:first-of-type ,
[data-test-id="settings-message-filters"] > div:first-of-type ,
[data-test-id="vacation-response"] > div:first-of-type ,
[data-test-id="viewing-email"] > div:first-of-type ,
[data-test-id="writing-email"] > div:first-of-type {
background: #111 !important;
border-right: 1px solid #e0e4e9;
}
[data-test-id="security-and-privacy-tab"] > div:first-of-type > div ,
[data-test-id="settings-message-filters"] > div:first-of-type > div ,
[data-test-id="vacation-response"] > div:first-of-type > div ,
[data-test-id="viewing-email"] > div:first-of-type > div ,
[data-test-id="writing-email"] > div:first-of-type > div {
padding: 5px 16px 0 !important;
}
/* (new68) TEST - MAIL - SETTINGS - LEFT MODAL */
body.bold-focus.pointer-mode [data-test-id="popover-content"][style^="visibility: visible;"] {
/* width: 18% !important; */
/* width: 100% !important; */
/* left: 0px !important; */
/* top: 7.6vh !important; */
visibility: visible;
background: transparent !important;
}
/* (new70) */
body.bold-focus.pointer-mode [data-test-id="popover-content"][style^="visibility: visible;"] [data-test-id="settings-menu"] {
/* width: 100% !important; */
width: 100% !important;
/* left: 0% !important; */
margin: 0 0 0 81% !important;
/* padding: 5px 10px 5px 10px !important; */
background: olive !important;
}
body.bold-focus.pointer-mode [data-test-id="popover-content"][style^="visibility: visible;"] [data-test-id="settings-menu"] ul li form {
padding: 5px 5px 0 5px !important;
background: #111 !important;
border-bottom: 4px solid red !important;
}
body.bold-focus.pointer-mode [data-test-id="popover-content"][style^="visibility: visible;"] [data-test-id="settings-menu"] ul li form p{
color: gold !important;
}
body.bold-focus.pointer-mode [data-test-id="popover-content"][style^="visibility: visible;"] [data-test-id="settings-menu"] ul li form [data-test-id="message-list-density-options"] ul ,
body.bold-focus.pointer-mode [data-test-id="popover-content"][style^="visibility: visible;"] [data-test-id="settings-menu"] ul li form [data-test-id="preview-pane-options"] ul ,
body.bold-focus.pointer-mode [data-test-id="popover-content"][style^="visibility: visible;"] [data-test-id="settings-menu"] ul li form [data-test-id="theme-mode-chooser"] ul ,
body.bold-focus.pointer-mode [data-test-id="popover-content"][style^="visibility: visible;"] [data-test-id="settings-menu"] ul li form [data-test-id="theme-chooser"] ul {
margin: 12px 0 0 0px !important;
padding: 5px 5px 0 5px !important;
}
body.bold-focus.pointer-mode [data-test-id="popover-content"][style^="visibility: visible;"] [data-test-id="settings-menu"] ul li form label[for^="themeOption-"] {
display: inline-block !important;
height: 100% !important;
width: 18px !important;
margin: 0 0 0 0 !important;
border-radius: 100% !important;
background-position: center center !important;
background-size: contain !important;
}
body.bold-focus.pointer-mode [data-test-id="popover-content"][style^="visibility: visible;"] [data-test-id="settings-menu"] [data-test-id="msgListDensity-mode-chooser"] ul li label[for] + div ,
body.bold-focus.pointer-mode [data-test-id="popover-content"][style^="visibility: visible;"] [data-test-id="settings-menu"] [data-test-id="previewPane-mode-chooser"] ul li label[for] + div ,
body.bold-focus.pointer-mode [data-test-id="popover-content"][style^="visibility: visible;"] [data-test-id="settings-menu"] [data-test-id="theme-mode-chooser"] ul li label[for] + div {
display: flex;
height: 18px !important;
line-height: 18px !important;
margin: 0 0 0 0 !important;
}
body.bold-focus.pointer-mode [data-test-id="popover-content"][style^="visibility: visible;"] [data-test-id="settings-menu"] [data-test-id="msgListDensity-mode-chooser"] ul li label[for] + div ,
body.bold-focus.pointer-mode [data-test-id="popover-content"][style^="visibility: visible;"] [data-test-id="settings-menu"] [data-test-id="previewPane-mode-chooser"] ul li label[for] + div {
display: flex;
height: 18px !important;
line-height: 18px !important;
margin: -5vh 0 0 0 !important;
/* border: 1px solid aqua !important; */
}
/* (new70) SETTINGS - MODAL - ARROW - A VOIR ? */
/* body.bold-focus.pointer-mode [data-test-id="popover-content"][style^="visibility: visible;"] > div + div {
justify-content: flex-start !important;
height: 12px;
transform: translateX(0px) !important;
background: red !important;
}
body.bold-focus.pointer-mode [data-test-id="popover-content"][style^="visibility: visible;"] > div + div [data-test-id="popover-content-arrow"] {
margin: 6px 0 0 26px !important;
background-color: green !important;
} */
/* (new70) TEST - MODAL - FOLDER MENU */
body.bold-focus.pointer-mode [data-test-id="popover-content"][style^="visibility: visible;"] [data-test-id="folder-menu"] {
/* width: 100% !important; */
width: 100% !important;
/* left: 20% !important; */
margin: 0 0 0 0% !important;
/* padding: 5px 10px 5px 10px !important; */
}
/* (new68) TEST - MAIL LIST - LEFT PANEL - SCROLL */
/* [data-test-id="personalize-inbox-tab"] [data-test-id="settings-navigation"] [data-test-id="settings-back-button"] + div > div > ul , */
[data-test-id="content-area"] [data-test-id="content-below-tabs"] [data-test-id="mail-left-rail"] [data-test-id="navigation"] [data-test-id="left-rail-scrolling-container"]{
display: inline-block !important;
height: 100% !important;
min-height: 85.5vh !important;
max-height: 85.5vh !important;
padding-bottom: 0vh !important;
overflow: hidden !important;
overflow-y: hidden !important;
overflow-y: auto !important;
/* background-color: olive !important; */
/* border-bottom: 1px solid yellow !important; */
}
/* (new69) TEST - MAIL LIST - CONTAINER - SCROLL */
div[data-test-id="mail-app-main-content"] div[data-test-id="mail-reader-container"] div[data-test-id="full-pane"] {
display: inline-block !important;
height: 100% !important;
min-height: 89.2vh !important;
max-height: 89.2vh !important;
padding-bottom: 0vh !important;
overflow: hidden !important;
overflow-y: hidden !important;
/* overflow-y: auto !important; */
/* background-color: olive !important; */
/* border-bottom: 1px solid yellow !important; */
}
/* (new67) TEST - MAIL LIST - EMAIL VIEW - SCROLL */
[data-test-id="content-below-tabs"] [data-test-id="mail-app-main-content"] [data-test-id="message-group-view-scroller"] {
display: inline-block !important;
height: 100% !important;
min-height: 81vh !important;
max-height: 81vh !important;
padding-bottom: 8vh !important;
overflow: hidden !important;
overflow-y: hidden !important;
overflow-y: auto !important;
background-color: #333 !important;
/* border-bottom: 1px solid yellow !important; */
}
/* (new66) TEST - EDIT Transfert MESSAGE for SUPP ELEMENET inside */
.bold-focus.pointer-mode {
background-color: red !important;
color: gray;
}
/* (new56) - POP NEW AGENDA - === */
div[data-test-id="popover-content"][style="visibility: visible; top: 78.4853px; left: -379px;"]{
left: 11% !important;
top: 28.485px !important;
visibility: visible !important;
}
div[data-test-id="popover-content"][style="visibility: visible; top: 78.4853px; left: -379px;"] div + div[style="transform: translateX(2px); justify-content: flex-end;"] {
display: inline-block !important;
left: 8px !important;
top: 5px !important;
transform: translateX(2px) rotate(135deg) !important;
width: 12px !important;
}
div[data-test-id="calendar-right-rail-pane"] div[data-test-id="epoch-schedule-list-container"] >div:first-of-type button {
display: inline-block !important;
width: 250px !important;
height: auto !important;
}
#todo-pane .items-nav li i ,
body.calendar div#alert-message {
color: gray ;
}
/* (new50) MAIL - MESSAGE WIDHT - === */
[data-test-id="message-group-view"] [data-test-id="message-group-view-scroller"] [data-test-id="focus-group"] ul[data-test-id="cards"] li [data-test-id="message-view"] [data-test-id="message-body-container"] [data-test-id="message-view-body"] {
display: inline-block !important;
/* background: olive !important; */
}
/* MENU ALL - CLOSE BUTTON - ALL */
[type="button"][data-test-id="tab-close-button"]{
background: red !important;
}
/* TOP MENU - MOVE ETC - BACKGROUD */
.H_6D6F .p_a.Z_f8a[data-test-id="popover-content"] .p_R.e_dRA.I_52qC.j_ZqTdtW [data-test-id="folder-menu"] > ul li button {
background: #333 !important;
}
.H_6D6F .p_a.Z_f8a[data-test-id="popover-content"] .p_R.e_dRA.I_52qC.j_ZqTdtW [data-test-id="folder-menu"] > ul li:hover button {
background: #222 !important;
}
.p_a.Z_f8a[data-test-id="popover-content"] .p_R.e_dRA.I_52qC.j_ZqTdtW {
padding: 2px 5px !important;
border: 1px solid black !important;
background: #222 !important;
}
.p_a.Z_f8a[data-test-id="popover-content"] .p_R.e_dRA.I_52qC.j_ZqTdtW ul[data-test-id="tabs-menu"] li a[data-test-id="tab-item"]{
padding: 2px 5px !important;
background: #333 !important;
}
/* FIRST MAIL MOVE TOP */
/* CORBEILLE / SPAM */
div[data-test-id="mail-reader-list-container"] div[data-test-id="full-pane"] div[data-test-id="loading-bar"] + div + div[data-test-id="virtual-list-container"] div[data-test-id="virtual-list"] {
height: auto;
margin-top: 0px !important;
}
/* MAIL VIEW RIGHT */
div[data-test-id="left-pane"][style="flex-basis: 44.8171%;"] div[data-test-id="virtual-list"] {
height: auto;
margin-top: -56px !important;
}
/* MAIL VIEW BOTTOM */
div[data-test-id="left-pane"][style="flex-basis: 374.1px;"] div[data-test-id="virtual-list"] {
height: auto;
margin-top: -18px !important;
}
/* START ======== TEST ============ */
/* ================================= */
/* POPUP - MENU - EMOJI */
.W_3vX1s.p_a.Z_d48[data-test-id="emoji-pop-up"] {
top: 94.5% !important;;
visibility: visible;
}
.W_3vX1s.p_a.Z_d48[data-test-id="emoji-pop-up"] >div +div ,
.W_3vX1s.p_a.Z_d48[data-test-id="emoji-pop-up"] section[data-test-id="emoji-container"] {
left: 129% !important;
}
/* PREVIEW PAGE */
[data-test-id="previewr-doc"] > div:first-of-type ,
[data-test-id="overlay-boundingbox"] [data-test-id="previewr"] >div[data-test-id="previewr-image"] > div:first-of-type {
background:black !important;
}
[data-test-id="previewr-controls"] ,
[data-test-id="previewr-doc"] > div:last-of-type {
background: #222 !important;
}
.lightbox.dp-doc-pages [data-name="scroll-area"] [data-name="infinite-scroll-content"] ,
[data-test-id="overlay-boundingbox"] [data-test-id="previewr"] >div[data-test-id="previewr-image"] > div:last-of-type {
background: #222 !important;
}
[data-test-id="previewr-doc"] > div:last-of-type iframe {
display: inline-block !important;
background: #222 !important;
}
[data-test-id="overlay-boundingbox"] [data-test-id="previewr-toolbar"] > div:first-of-type {
margin-left: 33% !important;
background: #333 !important;
}
/* (new65) FOLDERS - ADD COUNTER INFOS */
[data-test-id="left-rail-scrolling-container"] .folder-list[data-test-id="folder-list"] > ul li:not(:last-of-type) > div[data-test-id="folder-item-container"] {
height: 25px !important;
margin: 5px 0 5px 0 !important;
}
/* (new65) INBOX */
[data-test-id="left-rail-scrolling-container"] .folder-list[data-test-id="folder-list"] > ul li:not(:last-of-type) > div[data-test-id="folder-item-container"][data-test-folder-container="Inbox"] {
height: 45px !important;
margin: 5px 0 5px 0 !important;
}
[data-test-id="left-rail-scrolling-container"] .folder-list[data-test-id="folder-list"] > ul li:not(:last-of-type) > div[data-test-id="folder-item-container"] a:not([data-test-is-active="true"]):after {
content: attr(aria-label) ;
position: absolute ;
display: inline-block !important;
vertical-align: bottom !important;
width: auto !important;
height: auto !important;
min-height: 25px !important;
line-height: 20px;
top: -1px !important;
padding: 2px 4px !important;
border-radius: 3px;
font-size: 12px;
color: white !important;
/* background-color: hsla(0, 0%, 100%, 0.12); */
background-color: #111 !important;
}
/* [data-test-id="left-rail-scrolling-container"] .folder-list[data-test-id="folder-list"] > ul li:not(:last-of-type) > div[data-test-folder-container="Draft"][data-test-id="folder-item-container"] a:after {
min-width: 15px !important;
margin-top: 5px !important;
text-align: center !important;
} */
[data-test-id="left-rail-scrolling-container"] .folder-list[data-test-id="folder-list"] > ul li:not(:last-of-type) > div[data-test-id="folder-item-container"] a[data-test-folder-name="Inbox"]:after {
display: none !important;
}
/* ================================= */
/* END ======== TEST ============ */
/* (new63) TOP HEADER */
#mail-app-container #app[data-test-id="mail-app"] section[role="banner"] {
height: 58px !important;
}
.norrin-ybar {
position: absolute;
min-width: inherit;
width: 100%;
height: 58px !important;
top: -35px !important;
z-index: 100;
}
#ybar {
height: 0px !important;
margin-top: -27px !important;
}
#ybar-inner-wrapr {
height: 50px !important;
}
._yb_1p1ep {
box-sizing: border-box;
direction: ltr;
font-size: 0;
letter-spacing: -0.31em;
height: 55px !important;
line-height: 50px !important;
margin-top: 30px !important;
position: relative;
text-rendering: optimizespeed;
z-index: 1000;
}
._yb_1pg35 {
height: 20px !important;
margin-top: -49px !important;
}
.norrin-ybar #ybar ._yb_13m01:first-of-type + ._yb_13m01 ._yb_1r1e7 ,
.norrin-ybar #ybar ._yb_13m01:first-of-type + ._yb_13m01 {
height: 56px !important;
margin-top: 0px;
}
header.norrin-ybar #ybar > ._yb_8e59v {
display: inline-block !important;
height: 20px !important;
margin-top: -60px;
text-align: left;
z-index: 5000000 !important;
}
header.norrin-ybar #ybar > ._yb_8e59v ._yb_132xu ._yb_riinm {
max-height: 22px;
max-width: 100%;
}
section[data-yaft-module="norrin_header"] {
height: 53px;
}
#mail-app-container {
margin-top: 0px !important;
}
/* COLOR - TOP HEADER - SEARCH */
*::placeholder ,
#adv-search-keyword-input ,
#adv-search-subject-input ,
/* [data-test-id="selectbox"] [data-test-id="selectbox-input"] input + div span[title*=" "] span , */
.typeahead-inputs-container.p_R .select-input.react-typeahead-input {
color: white !important;
}
/* (new64) - MENU FOLDER */
.p_a.Z_f8a[data-test-id="popover-content"] ul[data-test-id="navigable-list"] li button,
.p_a.Z_f8a[data-test-id="popover-content"] li {
/* color: white !important; */
background-color: #222 !important;
}
/* (new55) SEARCH POP MENU */
[data-test-id="overlay-shim"] [data-test-id="overlay-boundingbox"] [data-test-id="advanced-search-pane"] {
border: 1px solid #333 !important;
color: gray !important;
background-color: #222 !important;
box-shadow: 9px 11px 14px rgba(0, 0, 0, 0.96) !important;
}
[data-test-id="overlay-shim"] [data-test-id="overlay-boundingbox"] [data-test-id="advanced-search-pane"] > div > span {
color: gray !important;
}
[data-test-id="overlay-shim"] [data-test-id="overlay-boundingbox"] [data-test-id="advanced-search-pane"] > div > span + div{
border: 1px solid gray !important;
}
[data-test-id="options"] {
border-radius: 0 0 5px 5px !important;
border: 1px solid red !important;
color: gray !important;
background-color: #222 !important;
}
[data-test-id="overlay-shim"] [data-test-id="overlay-boundingbox"] [data-test-id] ul li:nth-child(even) {
border-top: 1px solid red !important;
background-color: #333 !important;
}
[data-test-id="selectbox"] [data-test-id="selectbox-input"] input + div > div > span {
color: gold !important;
}
._yb_1rzrg._yb_5x9vg ,
.norrin-ybar ._yb_1xvva{
top: -29px;
}
#mail-search div[data-test-id="search-box"] button ,
#mail-search div[data-test-id="search-box"] .react-typeahead-hint.react-typeahead-input,
#mail-search div[data-test-id="search-box"] .typeahead-inputs-container.p_R .select-input.react-typeahead-input ,
#mail-search div[data-test-id="search-box"] .typeahead-inputs-container.p_R ,
#mail-search div[data-test-id="search-box"] .react-y-pills .pill-list .select ,
#mail-search div[data-test-id="search-box"] .react-y-pills .pill-list ,
#mail-search div[data-test-id="search-box"] .react-y-pills ,
#mail-search div[data-test-id="search-box"] ,
#mail-search {
min-height: 24px;
max-height: 24px;
padding-bottom: 0 !important;
padding-top: 0 !important;
}
#mail-search {
margin-top: 14px !important;
}
#mail-search div[data-test-id="search-box"] .react-y-pills {
min-height: 22px !important;
max-height: 22px !important;
}
#mail-search div[data-test-id="search-box"] {
border: 1px solid gray !important;
}
#mail-search div[data-test-id="search-box"] .typeahead-inputs-container.p_R + ul.select-dropdown ,
#mail-search div[data-test-id="search-box"] .typeahead-inputs-container.p_R + ul.select-dropdown.react-typeahead-hidden {
position: absolute !important;
top: 28px !important;
padding: 25px 10px 20px 10px !important;
}
#mail-search div[data-test-id="search-box"] .typeahead-inputs-container.p_R + ul.select-dropdown .select-option {
position: relative;
height: auto !important;
line-height: 24px;
width: 100%;
padding: 6px 10px;
background: black;
border-bottom: 1px solid peru !important;
}
#mail-search div[data-test-id="search-box"] .typeahead-inputs-container.p_R + ul.select-dropdown .select-option > div:last-of-type {
height: auto !important;
line-height: 15px;
border: 1px solid red !important;
}
#mail-search div[data-test-id="search-box"] .typeahead-inputs-container.p_R + ul.select-dropdown .select-option .z_n {
height: auto !important;
line-height: 15px;
}
#mail-search div[data-test-id="search-box"] .typeahead-inputs-container.p_R + ul.select-dropdown .select-option span:only-of-type {
height: auto !important;
line-height: 15px;
}
#mail-search div[data-test-id="search-box"] .typeahead-inputs-container.p_R + ul.select-dropdown .select-option > div:last-of-type > span.W_6UbO {
height: 24px !important;
line-height: 24px !important;
width: 10px !important;
padding: 0;
transform: scale(0.7) !important;
transform-origin: -20px top !important;
}
._yb_1dbyr {
margin-top: -15px !important;
}
._yb_1dbyr ._yb_134xk {
top: 37px !important;
}
/* TOP TOOL BAR - CONTACTS / AGENDA / BLOQUNOTE - PREFERERENCES - PB PREVIEW RIGHT */
/* (new62) TOP TOOL BAR LEFT - PARAMETRES ( rev open : .H_6D6F )*/
div[data-test-id="content-area"] div[data-test-id="content-below-tabs"] div[data-test-id="mail-right-rail"] .Z_qc.H_6D6F ,
div[data-test-id="content-area"] div[data-test-id="content-below-tabs"] div[data-test-id="mail-right-rail"] .Z_qc {
position: fixed !important;
display: inline-block !important;
height: 25px !important;
width: 190px;
top: 31px !important;
left: 20px !important;
padding: 0 !important;
z-index: 50000 !important;
}
div[data-test-id="content-area"] div[data-test-id="content-below-tabs"] div[data-test-id="mail-right-rail"] .Z_qc [data-test-id="comms-properties-bar"] {
height: 25px !important;
top: 100px !important;
padding: 0 !important;
}
/* (new61) TOP TOOL BAR LEFT - APPS - PREVIEW OPEN / CLOSE */
div[data-test-id="content-area"] div[data-test-id="content-below-tabs"] div[data-test-id="mail-right-rail"] .Z_qc.H_6D6F [data-test-id="comms-properties-bar"] [data-test-id="comms-properties"] ,
div[data-test-id="content-area"] div[data-test-id="content-below-tabs"] div[data-test-id="mail-right-rail"] .Z_qc [data-test-id="comms-properties-bar"] [data-test-id="comms-properties"] {
width: 160px !important;
height: 25px !important;
line-height: 18px !important;
margin-left: 30px !important;
margin-top: -18px !important;
}
div[data-test-id="content-area"] div[data-test-id="content-below-tabs"] div[data-test-id="mail-right-rail"] .Z_qc [data-test-id="comms-properties-bar"] [data-test-id="comms-properties"] > button ,
div[data-test-id="content-area"] div[data-test-id="content-below-tabs"] div[data-test-id="mail-right-rail"] .Z_qc [data-test-id="comms-properties-bar"] [data-test-id="comms-properties"] > [data-test-id="right-rail-calendar-icon" ],
div[data-test-id="content-area"] div[data-test-id="content-below-tabs"] div[data-test-id="mail-right-rail"] .Z_qc [data-test-id="comms-properties-bar"] [data-test-id="comms-properties"] > a {
display: inline-block !important;
width: 25px !important;
height: 25px !important;
margin-top: 0px !important;
}
/* (new41) APPS - PREVIEW CLOSE */
div[data-test-id="content-area"] div[data-test-id="content-below-tabs"] div[data-test-id="mail-right-rail"] .Z_qc:not(.H_6D6F) [data-test-id="comms-properties-bar"] [data-test-id="comms-properties"] {
width: 100% !important;
height: 25px !important;
margin-top: 0px !important;
}
/* PARAMETERS LABEL - PREVIEW OPEN / CLOSE */
div[data-test-id="content-area"] div[data-test-id="content-below-tabs"] div[data-test-id="mail-right-rail"] .Z_qc.H_6D6F div[data-test-id="popover-container"] ,
div[data-test-id="mail-right-rail"] .Z_qc:not(.H_6D6F) div[data-test-id="popover-container"] {
position: absolute !important;
float: none !important;
left: 0px !important;
top: 0px !important;
width: 20px !important;
}
/* PARALETERS LABEL - PREVIEW OPEN */
div[data-test-id="content-area"] div[data-test-id="content-below-tabs"] div[data-test-id="mail-right-rail"] .Z_qc [data-test-id="comms-properties-bar"] > div:first-of-type {
display: inline-block !important;
width: 25px !important;
height: 25px !important;
margin-top: 0px !important;
top: 0 !important;
}
div[data-test-id="content-area"] div[data-test-id="content-below-tabs"] div[data-test-id="mail-right-rail"] .Z_qc.H_6D6F div[data-test-id="popover-container"] {
width: 20px !important;
height: 25px !important;
margin-top: 0px !important;
}
/* SETTINGS ICON - PREVIEW CLOSE */
div[data-test-id="mail-right-rail"] .Z_qc div[data-test-id="popover-container"] [data-test-id="settings-link-label"]{
display: block;
font-size: 0 !important;
text-align: left !important;
}
div[data-test-id="mail-right-rail"] .Z_qc div[data-test-id="popover-container"] [data-test-id="icon-btn-settings"] span {
margin-left: -3px;
}
/* (new62) SETTINGS ICON - PREVIEW OPEN */
div[data-test-id="content-area"] div[data-test-id="content-below-tabs"] div[data-test-id="mail-right-rail"] .Z_qc.H_6D6F div[data-test-id="popover-container"] [data-test-id="icon-btn-settings"] span {
margin-left: 3px;
}
div[data-test-id="mail-right-rail"] .Z_qc:not(.H_6D6F) div[data-test-id="popover-container"] button {
display: inline-block !important;
width: 30px !important;
height: 24px !important;
line-height: 0px !important;
text-align: center !important;
}
/* FOLDERS - MAIL COUNT - BLUE / WHITE */
[data-test-id="calendar-day-text"] {
height: 15px !important;
line-height: 15px !important;
border-radius: 5px !important;
margin-top: 10px !important;
margin-left: 5px !important;
padding: 0px 3px !important;
}
/* MAIL OPEN - CONTACT INFO when open mail - right search PB PREVIEW */
div[data-test-id="content-area"] div[data-test-id="content-below-tabs"] div[data-test-id="mail-right-rail"] .Z_qc + div {
float: right !important;
min-width: 80% !important;
min-height: 100% !important;
top: -25px !important;
border: 1px solid gray;
}
/* (new61) PREVIEW MAIL - TOP TOOLBAR */
#mail-app-component-container [data-test-id="mail-right-rail"] [data-test-id="previewr"] [data-test-id="previewr-doc"] [data-test-id="previewr-toolbar"] {
width: 788px !important;
}
/* MAIL - PANEL RIGHT - SENDER INFO / MAIL PREVIEW */
div[data-test-id="content-area"] div[data-test-id="content-below-tabs"] div[data-test-id="mail-right-rail"] {
float: right !important;
min-height: 100% !important;
}
/* MAIL - PANEL RIGHT - MAIL PREVIEW / EDIT */
div[data-test-id="content-area"] div[data-test-id="content-below-tabs"] div[data-test-id="mail-right-rail"] .D_F.ek_BB.em_N:not([data-test-id="navigation"]):not([data-test-id="contact-edit-screen"]) {
display: inline-block !important;
height: 100% !important;
line-height: 15px !important;
min-width: 100% !important;
margin-top: 5px !important;
padding: 0 !important;
}
/* CONTACT PANEL - in MAIL VIEW (after Mail open or after click on Contacts ICON) - === */
div[data-test-id="content-area"] div[data-test-id="content-below-tabs"] div[data-test-id="mail-right-rail"] .D_F.ek_BB .Z_qc + div > div {
-moz-box-pack: unset !important;
justify-content: unset !important;
min-height: 22px !important;
max-height: 100% !important;
}
div[data-test-id="content-area"] div[data-test-id="content-below-tabs"] div[data-test-id="mail-right-rail"] .D_F.ek_BB .Z_qc + div > div >div > div > div a[data-test-id="contact-card-avatar"].H_tQ {
display: inline-block !important;
width: 15px !important;
height: 100% !important;
min-height: 30px !important;
max-height: 30px !important;
}
div[data-test-id="content-area"] div[data-test-id="content-below-tabs"] div[data-test-id="mail-right-rail"] .D_F.ek_BB .Z_qc + div > div >div > div > div a[data-test-id="contact-card-avatar"] {
transform-origin: 4px 3px !important;
transform: scale(0.2) !important;
}
div[data-test-id="content-area"] div[data-test-id="content-below-tabs"] div[data-test-id="mail-right-rail"] div[data-test-id="comms-properties-bar"] div[data-test-id="comms-properties"] {
-moz-box-pack: unset !important;
justify-content: unset !important;
display: inline-block !important;
padding: 0 !important;
}
div[data-test-id="content-area"] div[data-test-id="content-below-tabs"] div[data-test-id="mail-right-rail"] .Z_qc:not(.H_6D6F) [data-test-id="comms-properties-bar"] [data-test-id="comms-properties"] div[data-test-id="right-rail-calendar-icon"] ,
div[data-test-id="content-area"] div[data-test-id="content-below-tabs"] div[data-test-id="mail-right-rail"] .Z_qc:not(.H_6D6F) [data-test-id="comms-properties-bar"] [data-test-id="comms-properties"] button,
div[data-test-id="content-area"] div[data-test-id="content-below-tabs"] div[data-test-id="mail-right-rail"] div[data-test-id="comms-properties-bar"] div[data-test-id="comms-properties"] a {
display: inline-block !important;
width: 22px !important;
margin-right: 7px !important;
margin-left: 3px !important;
}
/* CONTACT EDIT - === */
[data-test-id="mail-right-rail"] [data-test-id="contact-edit-screen"] {
display: inline-block !important;
color: gold !important;
background: transparent !important;
}
/* INPUT */
[data-test-id="mail-right-rail"] [data-test-id="contact-edit-screen"] input {
display: inline-block !important;
height: auto !important;
width: 100% !important;
max-width: 250px !important;
padding: 1px 3px !important;
color: gold !important;
background: #333 !important;
}
/* SELECT BOX */
[data-test-id="selectbox-input"] input + div {
color: gold !important;
background: #222 !important;
}
/* ADD MEMO FORMAT DATE */
[aria-label="anniversary"] span:before ,
[aria-label="birthday"] span:before {
font-size: 11px !important;
content: "(YYYY-MM-DD)" !important;
}
[data-test-id="mail-right-rail"] [data-test-id="contact-edit-screen"] .o_A {
padding-bottom: 70px !important;
background: black !important;
}
/* REMARQUE / NOTES */
.P_2qBHIh:last-of-type h4[data-test-id="contacts-edit-section-label"] + section.D_B fieldset[data-test-id="contacts-edit-input"]:last-of-type > div > div {
display: inline-block !important;
height: 100% !important;
height: 50px !important;
width: 100% !important;
padding: 1px 3px !important;
white-space: pre-wrap !important;
word-break: break-all !important;
overflow: hidden !important;
color: gold !important;
background: #333 !important;
}
/* EDIT CONTACTS - TOP / FOOTER BUTTONS */
[data-test-id="contact-group-edit-footer"] {
position: absolute !important;
bottom: -5px !important;
border-top: 1px solid gold !important;
background: #333 !important;
}
/* CONTACT MORE INFOS */
/* INFOS CONTAINER */
[data-test-id="mail-right-rail"] [data-test-id="phones-with-type"] ,
[data-test-id="mail-right-rail"] [data-test-id="addresses-with-type"] ,
[data-test-id="mail-right-rail"] [data-test-id="extra-info"]{
display: inline-block !important;
width: 100% !important;
padding-bottom: 0px !important;
border: 1px solid gray !important;
}
/* INFOS - LABELS */
[data-test-id="mail-right-rail"] [data-test-id="phones-with-type-label"] ,
[data-test-id="mail-right-rail"] [data-test-id="extra-info-label"] ,
[data-test-id="mail-right-rail"] [data-test-id="addresses-with-type-label"] {
display: inline-block !important;
height: 20px !important;
width: 98% !important;
padding-left: 6px !important;
white-space: nowrap !important;
text-align: left !important;
background: #222 !important;
}
/* EXTRA INFOS CONTENT */
[data-test-id="mail-right-rail"] span[data-test-id="phones-with-type-value"] ,
[data-test-id="mail-right-rail"] span[data-test-id="extra-info-value"] ,
[data-test-id="mail-right-rail"] span[data-test-id="addresses-with-type-value"] {
display: inline-block !important;
width: 96% !important;
padding: 5px !important;
word-break: keep-all !important;
white-space: pre-line !important;
background: #333 !important;
}
/* PARAMETERS */
div[data-test-id="content-area"] div[data-test-id="content-below-tabs"] div[data-test-id="mail-right-rail"] div[data-test-id="comms-properties-bar"] div[data-test-id="comms-properties"] + div {
float: right;
height: 25px !important;
}
/* ICONS APP */
div[data-test-id="comms-properties"] a {
fill: hsla(0, 0%, 100%, 0.8);
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
/* DELETE MAIL ICON */
[data-test-id="virtual-list-container"] [data-test-id="virtual-list"] ul li a[data-test-id="message-list-item"] .M_SkAgv {
margin-left: 20% !important;
}
/* DATE + DELETE */
[data-test-id="virtual-list-container"] [data-test-id="virtual-list"] ul li a[data-test-id="message-list-item"] > div >span + div > div[role="gridcell"]:last-of-type{
position: absolute !important;
display: inline-block !important;
vertical-align: top !important;
width: 0px !important;
left: 1.5% !important;
top: 2px !important;
margin-top: 0px !important;
}
/* DATE - ALL */
[data-test-id="virtual-list-container"] [data-test-id="virtual-list"] ul li a[data-test-id="message-list-item"] div .ab_C.date:not([style="display: none;"]) {
display: inline-block !important;
padding-left: 0px !important;
padding-right: 0px !important;
text-align: center !important;
}
/* (new66) DATE - HOVER */
[data-test-id="virtual-list-container"] [data-test-id="virtual-list"] ul li a[data-test-id="message-list-item"] div .ab_C.date[style="display: none;"] {
display: inline-block !important;
text-align: center !important;
padding-left: 0px !important;
padding-right: 0px !important;
margin: 0 -10px 0 0 !important;
/* border: 1px solid violet !important; */
}
/* DATE - SMALL */
[data-test-id="virtual-list-container"] [data-test-id="virtual-list"] ul li a[data-test-id="message-list-item"] div[style="height: 23px;"] .ab_C.date {
height: 23px !important;
line-height: 23px !important;
}
/* DATE - MIDDLE */
[data-test-id="virtual-list-container"] [data-test-id="virtual-list"] ul li a[data-test-id="message-list-item"] div[style="height: 31px;"] .ab_C.date {
height: 31px !important;
line-height: 31px !important;
}
/* DATE - LARGE */
[data-test-id="virtual-list-container"] [data-test-id="virtual-list"] ul li a[data-test-id="message-list-item"] div[style="height: 43px;"] .ab_C.date {
height: 43px !important;
line-height: 43px !important;
}
/* (new66) for DELETE BUTTON */
.message-list-item{
/* position: static; */
/* display: block !important; */
/* overflow: visible !important; */
/* border: 1px solid yellow !important; */
}
[data-test-id="virtual-list-container"] [data-test-id="virtual-list"] ul {
display: inline-block !important;
width: 90vw !important;
/* border: 1px solid red !important; */
}
[data-test-id="virtual-list-container"] [data-test-id="virtual-list"] ul li a[data-test-id="message-list-item"] {
/* position: static; */
display: inline-block !important;
overflow: visible !important;
width: 95% !important;
/* border: 1px solid yellow !important; */
}
[data-test-id="virtual-list-container"] [data-test-id="virtual-list"] ul li a[data-test-id="message-list-item"] .message-list-item > div:nth-child(3) {
flex-basis: 20px !important;
flex-grow: 72 !important;
margin: 0 0 0 0px !important;
padding: 0 0px 0 0 !important;
overflow: hidden !important;
/* border: 1px solid yellow !important */
}
[data-test-id="virtual-list-container"] [data-test-id="virtual-list"] ul li a[data-test-id="message-list-item"] .message-list-item > div:nth-child(3) > div:nth-child(1) {
padding: 0 0 0 100px !important;
overflow: hidden;
/* border: 1px solid red !important */
}
[data-test-id="virtual-list-container"] [data-test-id="virtual-list"] ul li a[data-test-id="message-list-item"] .message-list-item > div:nth-child(3) > div:nth-child(3) {
position: absolute !important;
/* position: relative !important; */
/* float: left !important; */
/* display: inline-block !important; */
/* left: -62.9vw !important; */
/* left: 26% !important; */
/* right: 59vw !important; */
/* transform: translate(-62.9vw, 0) !important; */
/* z-index: 50000000000 !important; */
/* background: tan !important; */
/* border: 1px solid violet !important; */
}
[data-test-id="virtual-list-container"] [data-test-id="virtual-list"] ul li a[data-test-id="message-list-item"] .message-list-item > div:nth-child(1) > button ,
[data-test-id="virtual-list-container"] [data-test-id="virtual-list"] ul li a[data-test-id="message-list-item"] .message-list-item > div:nth-child(1) > div:nth-child(2) {
margin: 0 5px 0 0 !important;
padding: 0 0 0 0px !important;
/* border: 1px solid yellow !important; */
}
/* (new66) ALL */
[data-test-id="virtual-list-container"] [data-test-id="virtual-list"] ul li a[data-test-id="message-list-item"] time + button {
/* position: absolute !important; */
position: relative !important;
display: inline-block !important;
width: 10px !important;
/* left: -62.9vw !important; */
margin-top: -2px !important;
/* transform: translate(-62.9vw, 0) !important; */
z-index: 50000000000 !important;
/* border: 1px solid aqua !important; */
}
/* DELETE BUTTON - SMALL */
[data-test-id="virtual-list-container"] [data-test-id="virtual-list"] ul li a[data-test-id="message-list-item"] div[style="height: 23px;"] time + button {
height: 23px !important;
line-height: 23px !important;
}
/* DELETE BUTTON - MIDDLE */
[data-test-id="virtual-list-container"] [data-test-id="virtual-list"] ul li a[data-test-id="message-list-item"] div[style="height: 31px;"] time + button {
height: 31px !important;
line-height: 31px !important;
}
/* DELETE BUTTON - LARGE */
[data-test-id="virtual-list-container"] [data-test-id="virtual-list"] ul li a[data-test-id="message-list-item"] div[style="height: 43px;"] time + button {
height: 43px !important;
line-height: 43px !important;
}
/* PREVIEW FULL PAGE */
.Z_7G9R[data-test-id="panel-stack"] {
z-index: 500000 !important;
}
/* MAIL LIST - SEARCH MAIL BUTTON (after Senders Label) */
[data-test-id="senders"] + button[data-test-id="icon-btn-search"] {
position: absolute !important;
vertical-align: top !important;
width: 10px !important;
left: 92.9% !important;
top: 6px !important;
margin-top: 0px !important;
background-color: green !important;
}
/* LIST MAIL */
/* (new55) LIST MAIL - ACTION TOOLBAR - === */
#mail-app-component-container [data-test-id="mail-reader"] [data-test-id="mail-reader-toolbar"] {
display: inline-block !important;
width: 50% !important;
height: 34px !important;
line-height: 34px !important;
padding: 2px 0 2px 5px !important;
}
#mail-app-container #app[data-test-id="mail-app"] [data-test-id="message-toolbar"] ,
#mail-app-component-container [data-test-id="mail-reader"] [data-test-id="mail-reader-toolbar"] [data-test-id="message-toolbar"] {
height: 34px !important;
line-height: 34px !important;
padding: 2px !important;
}
#mail-app-component-container [data-test-id="mail-reader"] [data-test-id="mail-reader-toolbar"] [data-test-id="message-toolbar"] >div:nth-child(2) {
height: 34px !important;
line-height: 14px !important;
padding: 2px !important;
}
/* STICKY HEADER */
div[data-test-id="mail-reader-sticky-header"] {
z-index: 50 !important;
border-bottom: 1px solid gold !important;
}
/* (new54) MAIL - TABS */
section[data-yaft-module="norrin_header"] [aria-label="Onglets"] {
position: absolute;
width: 84% !important;
height: 25px !important;
margin-top: 31px !important;
text-align: left !important;
z-index: 500 !important;
}
section[data-yaft-module="norrin_header"] [aria-label="Onglets"] > div:last-of-type {
height: 25px;
padding-right: 0 !important;
}
section[data-yaft-module="norrin_header"] [aria-label="Onglets"] > div:last-of-type ul[data-test-id="tab-list"] {
height: 25px !important;
}
/* TAB ACTIVE */
section[data-yaft-module="norrin_header"] [aria-label="Onglets"] > div:last-of-type ul[data-test-id="tab-list"] a[data-test-active="true"]{
background-color: #31588E !important;
}
/* MAILS LIST */
div[data-test-id="virtual-list"] {
height: 795px;
margin-top: 5px !important;
border-top: 1px solid gold !important;
}
div[data-test-id="virtual-list"] li[data-test-id="infinite-scroll-ROW"]:nth-child(3) {
border-top: 1px solid tan !important;
}
/* MAIL OPEN TOOBBAR BOTTOM - MENU */
[data-test-id="mail-app"] [data-test-id="more-card-menu"] {
margin-left: 58% !important;
}
/* MAIL INFOS - RESUME */
a[data-test-id="message-list-item"] div[data-test-id="snippet"] {
float: left !important;
white-space: nowrap;
opacity: 0.3 !important;
border: 1px solid peru !important;
}
a[data-test-id="message-list-item"]:hover div[data-test-id="snippet"] {
opacity: 1 !important;
}
/* POPUP - MENU - 3 DOTS + DEPLACER*/
#Atom .j_ZqTdtW {
box-shadow: 9px 11px 14px rgba(0, 0, 0, 0.96) !important;
}
/* POPUP - MENU - DEPLACER - === */
#Atom ul.K_3rehn {
max-height: 454px !important;
}
#Atom ul.K_3rehn li button {
padding: 0 16px 0 20px;
width: 250px;
}
.K_q.o_h ul.hd_n:last-of-type li button {
padding: 0 16px 0 20px !important;
width: 250px;
}
/* POPUP - MENU - TRI - === */
li.G_e.p_R span:checked {
position: relative;
background: red !important;
}
/* (new48) POPUP - MENU - PARAMETERES - not PAPERS / GIF*/
#Atom .p_a.Z_d48:not([data-test-id="stationery-pop-up"]):not([data-test-id="gif-pop-up"]) {
left: 0px !important;
top: 117.735px;
visibility: visible;
}
#Atom .p_a.Z_d48:not([data-test-id="stationery-pop-up"]):not([data-test-id="gif-pop-up"]) > .W_6D6F {
justify-content: flex-end;
transform: translateX(-44.5px);
width: 156px !important;
}
/* ===== COLOR ===== */
/* BACKGROUND GENERAL - === */
:root {
/* --bg-background-color: undefined; */
--bg-background-color: #222 !important;
--bg-background-color-light: #333 !important;
--bg-background-color-lightB :#4B4B4B !important;
--bg-background-color-darkA: black !important;
/* VAR - BACKGROUND - BLUE - BUTTONs - #276196 */
--GEN-btn-color-blue: #276196 !important;
/* --bg-color: undefined; */
--bg-color: green !important;
--bg-color-white: white !important;
/* VAR BLUE GRAY -rgba(57, 147, 230, 0.77) */
--bg-color-bluegray: rgba(57, 147, 230, 0.77) !important;
--bg-repeat: undefined;
--bg-repeat-img: none;
--bg-repeat-img-position: undefined;
--bg-repeat-img-size: undefined;
--bg-size: undefined;
--clip-btn-color: #4faaff;
--compose-btn-color: #4faaff;
--folder-actived-bg-color: rgba(79, 170, 255, 0.32);
--folder-actived-border: 2px solid #4faaff;
--folder-hovered-bg-color: rgba(79, 170, 255, 0.16);
--gradient-color1: #1c3e5c;
--gradient-color2: #1c3e5c;
--gradient-color3: #1c3e5c;
--highlight: #4faaff;
--item-hovered-bgcolor: rgba(79, 170, 255, 0.16);
--item-selected-bgcolor: rgba(79, 170, 255, 0.32) !important;
--max-bg-size: undefined;
--previewr-toolbar: #1c3e5c;
--segment-bgcolor: rgba(79, 170, 255, 0.32);
--segment-border-color: rgba(79, 170, 255, 0.64);
--segment-hover-color: rgba(79, 170, 255, 0.08);
}
/* VAR - BACKGROUND */
body {
background: var(--bg-color) !important;
background-color: var(--bg-background-color) !important;
}
/* VAR - BACKGROUN DARK - 222 */
body.norrinTheme.pc.calendar #uh2 ,
body.calendar #uh2 ,
body.norrinTheme.calendar div#shellsidepane .view-bar #todo-view-header ,
body.calendar div#shellsidepane .view-bar #todo-view-header ,
[data-test-id="time-chunk-separator"] ,
[data-test-id="mail-app"] [data-test-id="more-card-menu"] > div:first-of-type ,
#mail-search div[data-test-id="search-box"] .typeahead-inputs-container.p_R + ul.select-dropdown ,
#mail-search div[data-test-id="search-box"] .typeahead-inputs-container.p_R + ul.select-dropdown.react-typeahead-hidden ,
[data-test-id="popover-content"] > div:first-of-type ,
div[data-test-id="toolbar-sort-popover"] > div:first-of-type ,
div[data-test-id="content-area"] ,
section[data-yaft-module="norrin_header"] ,
#ybar ,
.norrin-ybar ,
/* #Atom .H_6D6F , */
div[data-test-id="message-toolbar"] ,
div[data-test-id="mail-left-rail"] ,
div[data-test-id="virtual-list"] ,
#mail-app-container {
background-color: var(--bg-background-color) !important;
}
/* TRANSPARENT - SUPP BACKGROUND-IMAGE */
body.norrinTheme.pc.calendar #uh2 ,
body.calendar #uh2 {
background-image: none !important;
}
/* TRANSPARENT */
section[data-yaft-module="norrin_header"] [aria-label="Onglets"] ,
#editor-container div[data-test-id="rte"] div[data-test-id="virtual-list"] {
background-color: transparent !important;
}
/* VAR - BACKGROUN DARK A - BLACK */
[data-test-id="mail-reader-sticky-header"] [data-test-id="time-chunk-separator"] ,
div[data-test-id="message-toolbar"] ,
[data-test-id="mail-reader-sticky-header"]{
background-color: var(--bg-background-color-darkA) !important;
}
/* (new53) VAR - BACKGROUN DARK LIGHT - 333 */
#shellsidepane ,
body.norrinTheme.pc.calendar #shellsidepane ,
.calendar.calSearch #toolbar,
.calendar.calOptions #toolbar,
.calendar #shellsidepane .view-bar,
.calendar #toolbar div.commontasks ,
div[data-test-id="content-area"] div[data-test-id="content-below-tabs"] div[data-test-id="mail-right-rail"] .Z_qc:not(.H_6D6F) [data-test-id="comms-properties-bar"] [data-test-id="comms-properties"] ,
div[data-test-id="message-toolbar"]{
background: var(--bg-background-color-light) !important;
}
/* VAR - BACKGROUND DARK LIGHT - #4B4B4B */
#mail-search div[data-test-id="search-box"] .react-y-pills {
background-color: #4B4B4B !important;
}
/* VAR - BACKROUND COLOR - WHITE */
#mail-app-component .compose-header.en_0 ,
#mail-app-component .compose-header ,
#Atom .I4_2ieea9 ,
div[data-test-id="compose-toolbar"] div[data-test-id="compose-toolbar-styler"] ,
div[data-test-id="compose-toolbar"] ,
#editor-container .rte{
background-color: var(--bg-color-white) !important;
}
/* VAR - BACKROUND - WHITE */
[data-test-id="compose-styler"] [data-test-id="compose"] .compose-header.en_0 {
background: var(--bg-color-white) !important;
}
/* (new53) VAR - BACKGROUND - BLUE GRAY - rgba(57, 147, 230, 0.77) / TXT GOLD */
body.notepad #noteEditPage .edit-note-footer span.btn.default a ,
[data-test-id="navigation" ] > div:first-of-type a {
color: gold !important;
background: #187aa7 !important;
background: var(--bg-color-bluegray) !important;
}
/* (new59) VAR - BACKGROUND - BLUE GRAY - rgba(57, 147, 230, 0.77) / TXT BLACK */
[data-test-id="mail-right-rail"] [data-test-id="contact-edit-screen"] > div:first-of-type ,
body.notepad .ml-notepad .list-view-item.selected ,
[data-test-id="navigation"] [data-test-id="compose-button"] ,
div[data-test-id="content-area"] div[data-test-id="content-below-tabs"] div[data-test-id="mail-right-rail"] .Z_qc.H_6D6F ,
div[data-test-id="content-area"] div[data-test-id="content-below-tabs"] div[data-test-id="mail-right-rail"] .Z_qc {
background: var(--bg-color-bluegray) !important;
}
/* VAR - BACKGROUND - WHITE to HOVER BLUE GRAY - rgba(57, 147, 230, 0.77) */
[data-test-id="popover-content"] > div ul[data-test-id="tabs-menu"] li a[data-test-id="tab-item"]:hover ,
[data-test-id="popover-content"] > div ul[data-test-id="tabs-menu"] li a[data-test-id="tab-item"][data-test-active="true"]:hover {
fill: red !important;
background: var(--bg-color-bluegray) !important;
}
[data-test-id="popover-content"] > div ul[data-test-id="tabs-menu"] li a[data-test-id="tab-item"][data-test-active="true"]:hover svg{
fill: red !important;
}
[data-test-id="popover-content"] > div ul[data-test-id="tabs-menu"] li [data-test-id="tabs-close-all"] {
fill: red !important;
color: gold !important;
background: var(--bg-color-bluegray) !important;
}
/* VAR - BACKGROUND - BLUE - BUTTONs + GOLD - #276196 */
body .primary-property-btn {
color: gold !important;
background-color: var(--GEN-btn-color-blue) !important;
}
body .primary-property-btn span.btn.multimsg .icon-text ,
body .primary-property-btn span .icon-tex {
color: gold !important;
}
/* VAR - ZEBRA */
#notepad-list.list-view-container.list-view-items-inner >div:nth-child(even):not(.selected) ,
div[data-test-id="infinite-scroll-content"] li[data-test-id="infinite-scroll-ROW"]:nth-child(even) a{
background-color: var(--bg-background-color-light) !important;
}
#notepad-list.list-view-container.list-view-items-inner >div:nth-child(odd):not(.selected) ,
div[data-test-id="infinite-scroll-content"] li[data-test-id="infinite-scroll-ROW"]:nth-child(odd) a {
background-color: var(--bg-background-color) !important;
}
/* ==== COLOT no VAr ===== */
/* no VAR - TEXT */
/* TXT black */
#mail-app-component .compose-header input#message-to-field {
color: black !important;
}
/* TXT GRAY */
/* TXT GOLD */
.o_h.J_x.mq_CZ.G_e.C_Z281SGl.D_B.u_b ,
[data-test-id="message-toolbar"] button ,
[data-test-id="mail-reader-toolbar"] button,
[data-test-id="time-chunk-separator"] ,
.yui3-widget .optionMenu .event-hover-details ,
[data-test-id="popover-content"] > div:first-of-type ul li span ,
[data-test-id="mail-app"] [data-test-id="more-card-menu"] > div:first-of-type ul li span ,
ul[data-test-id="toolbar-sort-menu"] button ,
div[data-test-id="popover-content"] ul[data-test-id="selection-controls-menu"] button {
color: gold !important;
}
/* CHECK BOX */
/* ICONS SVG - WHITE */
[data-test-id="message-toolbar"] button span ,
[data-test-id="mail-reader-toolbar"] button span {
fill: white !important;
/* background: blue !important; */
}
/* no VAR - TXT PERU */
[data-test-id="infinite-scroll-SECTION"] span ,
[data-test-id="mail-reader-sticky-header"] span ,
span[data-test-id="message-subject"] {
color: peru !important;
}
/* (new52) no VAR - TAN - mail NO Read */
[data-test-id="infinite-scroll-SECTION"] span,
[data-test-id="mail-reader-sticky-header"] span,
span[data-test-id="message-subject"] ,
[data-test-read="false"] span[data-test-id="message-subject"] {
color: peru !important;
}
/* no VAR - TAN - mail Read */
[data-test-read="true"] span[data-test-id="message-subject"] {
color: tan !important;
}
/* (new52) no VAR - ICON */
ul[data-test-id="navigable-list"] li button span svg {
fill: gray !important;
}
/* no VAR - BORDER */
[data-test-id="infinite-scroll-SECTION"] {
/* color: red !important; */
border-bottom: 1px solid gold !important;
}
/* no VAR - VARIOUS */
/* no VAR - (new50) POPOVER - MENU ITEM */
ul[data-test-id="navigable-list"] li button {
color: peru !important;
}
/* no VAR - (new40) TEST - NO WORK - CALENDAR - EVENTS - ANIV */
.calendar #shellnavigation .minical .this-day a,
.calendar #back-to-cal-span a:hover,
.calendar #toolbar .commontasks .btn.pressed,
.calendar #toolbar .commontasks .btn:hover {
color: red !important;
}
.events .event_bubble_shell .event_bubble.blue {
background-color: black;
}
.events .event_bubble_shell .event_bubble.blue:hover {
background-color: red;
}
.cal-day-hourly {
border-top: 1px solid gold !important;
bottom: 0;
top: 60px;
background: black !important;
}
.calendar.pc .cal-hours-labels > div.non-working-hour,
.calendar.pc .cal-hours > div.non-working-hour {
border-color: gray;
}
.calendar #shellcontent .hour {
background-color: #333 !important;
}
.calendar #shellcontent .half-hour {
background-color: #222 !important;
}
/* CALENDAR TIME INDICATOR */
.calendar #shellcontent .icon-chevron-right:hover,
.calendar #shellcontent .icon-chevron-left:hover,
.calendar #shellnavigation .icon-chevron-right:hover,
.calendar #shellnavigation .icon-chevron-left:hover,
.calendar #shellnavigation .minical .this-day a,
.calendar .this-day-of-week > span,
.calendar #month .today > a,
.calendar #month .today .today-label,
.calendar .cal-time-indicator {
color: gold !important;
}
.calendar #back-to-cal-span a:hover, .calendar .cal-time-indicator {
border-color: gold !important;
}
/* CALENDAR - BACKGROUND STRIPED - LINEAR GRADIENT */
#dgrid .events .event_bubble.event_bubble_usfree.blue,
#dgrid .events .event_bubble.event_bubble_ustentative.blue,
#shellcontent .events .event_bubble.event_bubble_usfree.blue,
#shellcontent .events .event_bubble.event_bubble_ustentative.blue {
background-image: linear-gradient(-45deg, rgba(31, 31, 31, 0.8) 25%, transparent 25%, transparent 50%, rgba(21, 22, 23, 0.8) 50%, rgba(87, 88, 89, 0.8) 75%, transparent 75%, transparent);
}
/* no VAR - (new40) CALENDAR - BORDER / TXT */
.calendar.pc #msg-list.cal-list .list-view-items,
.calendar.pc #month td, .calendar.pc #month,
.calendar.pc .nav-separator,
.calendar.pc .cal-day-container,
.calendar.pc .cal-day-hourly,
.calendar.pc .cal-hours-container > .cal-dayshell,
.calendar.pc .cal-hours-container > .cal-hours,
.calendar.pc #msg-list.cal-list .list-view-item.last-item {
border: 1px solid rgba(51, 51, 51, 0.61);
color: gold !important;
}
/* no VAR - MAIL COUNT - BLUE / WHITE */
[data-test-id="calendar-day-text"] {
background: #187AA7 !important;
color: white !important;
}
/* no VAR - COLOR - POPUP MENU */
[data-test-id="popover-content"] {
/* outline: 1px solid violet !important; */
}
[data-test-id="popover-content"] > div:first-of-type {
background-color: #333 ! important;
}
[data-test-id="popover-content"] > div:last-of-type [data-test-id="popover-content-arrow"] {
background-color: white ! important;
}
/* PB COLOR PICKER when edit Mail */
ul:not([data-test-id="color-picker"]) ul[data-test-id="navigable-list"] {
background-color: #222 ! important;
}
ul[data-test-id="navigable-list"] li button {
box-shadow: -1px 1px 1px 2px rgba(0, 0, 0, 0.92);
}
[data-test-id="navigable-list"] li:hover button {
color: peru ! important;
}
/* FONT PICKER */
#mail-app-container [data-test-id="menu"] {
color: peru ! important;
box-shadow: 0px 1px 2px 6px rgba(0, 0, 0, 0.92) !important;
background-color: #222 ! important;
}
#mail-app-container [data-test-id="menu"] [data-test-id="font-picker"] ul li ul li button {
background-color: #222 ! important;
}
#mail-app-container [data-test-id="menu"] [data-test-id="font-picker"] ul li ul li button div {
color: peru ! important;
background-color: #333 ! important;
}
#mail-app-container [data-test-id="menu"] [data-test-id="font-picker"] ul li ul li button span {
background-color: green ! important;
}
/* no VAR - MAIL OPEN - TOOLBAR BOTTOM */
[data-test-id="message-body-container"] [data-test-id="navigable-list"] li:hover button ,
[data-test-id="message-body-container"] [data-test-id="navigable-list"] li button ,
[data-test-id="message-body-container"] [data-test-id="navigable-list"] {
box-shadow: none !important;
border: none !important;
background-color: transparent ! important;
}
[data-test-id="message-body-container"] [data-test-id="navigable-list"] li > span [data-test-id="popover-container"] ,
[data-test-id="message-body-container"] [data-test-id="navigable-list"] li > span {
fill: rgba(215, 77, 43, 0.8) !important;
}
/* no VAR - (new40) MAIL OPEN TOOLBAR BOTTOM - MENU */
[data-test-id="mail-app"] [data-test-id="more-card-menu"] {
box-shadow: 4px 6px 7px 7px rgba(0, 0, 0, 0.92);
}
/* no VAR - (new40) CONTACTS - OPTION MENU - === */
#menu-contact-actions.menu-active {
box-shadow: 4px 6px 7px 7px rgba(0, 0, 0, 0.92);
/* background: red !important; */
}
/* no VAR - INPUT FOLDER BACKGROUND - BLACK LIGHT - #111 */
li > div[data-test-id="create-folder-container"] >div > div[data-test-id="popover-container"] input.q_T ,
.D_F[data-test-id="popover-container"] input.q_T {
background-color: #111 !important;
}
/* (new60) - RENAME FOLDER - PB INPUT BACKGROUND === */
.D_F[data-test-id="popover-container"] input.q_T ,
.folder-list .D_F[data-test-id="create-folder-container"]+ ul > li input.q_T {
background-color: black !important;
}
.D_F[data-test-id="popover-container"] input {
background: black !important;
}
/* ==== END - NEW 2019.07 ==== */
}
@-moz-document domain("s.yimg.com"), domain("calendar.yahoo.com"), domain("help.yahoo.com"), domain("answers.yahoo.com"), domain("groups.yahoo.com"), domain("mail.yahoo.com") {
/* ====
OLD with TWEAK for NEW 2019 :
YAHOO NEW MAIL (OLD 2017) - - SIMPLY DARK AND GRAY - v.35 (new35) -
New design - ZEBBRA / ICONS / YAHOO LOGO / SEARCH -
ADD "Yahoo Mail Wide Messages List"
NEDD PARTICULAR SETTINGS CF SCREENSHOT -
==== */
/* (new43) TEST CALENDAR */
/* (new41) CALENDAR - CONTAINER - .pc.calendar */
.pc.calendar #main {
background-attachment: fixed;
background-position: center center;
background-size: cover;
max-width: none;
top: 30px !important;
}
.calendar .primary-property-btn .btn {
line-height: 23px;
margin-left: 5px !important;
left: 0px !important;
}
.pc.calendar #shellcontent {
right: 185px !important;
top: -10px;
}
.calendar #paneshell #shellcontent {
background: #222;
}
.pc.calendar #shellnavigation {
top: 44px !important;
border-right: 1px solid gray !important;
}
/* (new43) CALENDAR - LABELS */
.cal-day-allday {
background: #222 !important;
}
.cal-day-allday .cal-hours-container {
top: 0 !important;
border-bottom: 1px solid red;
border-top: 1px solid red !important;
background: #222 !important;
}
.cal-day-allday .allDayLabel {
height: 30px !important;
margin-top: 5px !important;
text-align: center !important;
word-break: normal !important;
}
.cal-hours-labels > div {
height: 55px !important;
line-height: 20px;
margin-top: 5px !important;
padding-left: 3px;
text-align: left;
width: 100%;
border-top: 1px solid red !important;
border-bottom: 1px solid yellow !important;
}
/* DAY VIEW - LABEL */
#shellcontent .cal-day-allday .allDayLabel {
height: 30px;
top: -5px !important;
}
/* DAY VIEW - EVENTS */
.cal-day-container.day-view-container .cal-day-allday {
height: 40px !important;
}
.cal-day-container.day-view-container .cal-day-allday .cal-hours-container {
height: 38px !important;
}
.cal-day-container.day-view-container .cal-day-allday .cal-hours-container > .day-only {
height: 35px !important;
border-left: 1px solid yellow !important;
}
.cal-day-container.day-view-container .cal-day-allday .cal-hours-container > .day-only .event_bubble_shell .event_bubble ,
.cal-day-container.day-view-container .cal-day-allday .cal-hours-container > .day-only .event_bubble_shell {
height: 35px !important;
}
/* WEEK VIEW */
.cal-day-container.week-view-container .cal-day-allday + .cal-day-hourly {
top: 58px !important;
}
.cal-day-container.week-view-container .cal-day-allday {
height: 58px !important;
}
.cal-day-container.week-view-container .cal-day-allday .allDayLabel {
height: 45px !important;
top: -5px;
}
.cal-day-container.week-view-container .cal-day-allday .cal-hours-container {
height: 55px !important;
}
/* CALENDAR - YEAR VIEW - === */
.cal--year {
margin: auto;
width: 100%;
}
.calendar.superFresh.freshCalendar.uh3.mf.longstrs.hasLeftPane.hasRightPane #main #paneshell #shellcontent .view.scroll-view .view-bd table.cal--year > tbody > tr {
display: inline-block !important;
float: left !important;
margin: 0 0 1% 1% !important;
min-height: 235px !important;
max-height: 235px !important;
padding: 5px !important;
border-radius: 5px !important;
background: #333 !important;
}
.cal--year-month-cell {
min-height: 240px !important;
max-height: 240px !important;
min-width: 45% !important;
vertical-align: top;
border: 1px solid gray !important;
}
tr:nth-child(4) .cal--year-month-cell:nth-child(2) ,
tr:nth-child(3) .cal--year-month-cell:nth-child(1) ,
tr:nth-child(3) .cal--year-month-cell:nth-child(3) ,
tr:nth-child(2) .cal--year-month-cell:nth-child(3) ,
tr:nth-child(2) .cal--year-month-cell:nth-child(1) ,
tr:nth-child(1) .cal--year-month-cell:nth-child(2) {
background: #222 !important;
}
.cal--year-month-cell .cal--year-month .header a {
color: gold !important;
border-bottom: 1px solid aqua !important;
}
.cal--year-month-cell .cal--year-month thead tr + tr th {
color: peru !important;
}
.cal--year-month-cell .minical {
width: 100% !important;
}
/* CALENDAR - RIGHT PANEL - TODO LIST - .calendar */
#shellsidepane {
position: absolute;
width: 0;
height: 100%;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
border: medium none;
z-index: 1;
background: #333;
}
/* CALENDAR - POPUP DETAIL EVENENTS */
.pc.calendar .yui3-widget.yui3-overlay.yui3-widget-positioned.yui3-widget-stacked:not(.yui3-overlay-hidden) {
z-index: 15600;
}
/* (new40) TEST - NO WORK - CALENDAR - EVENTS - ANIV - === */
.event_sticker ,
.stkr-birthday-small::before {
font-size: 15px !important;
}
.events .event_bubble {
cursor: pointer;
font-size: 15px !important;
text-align: left;
}
/* MAIL - ADD CONTACT from MAIL HEADER */
.yui3-hovercard-content .hovercard-arrow + #hovercard .footer .menu-more.optionMenu {
position: absolute;
display: inline-block !important;
max-width: 230px;
left: 45px;
top: 117px !important;
opacity: 1 !important;
text-align: left;
z-index: 99 !important;
}
.yui3-hovercard-content .hovercard-arrow + #hovercard .footer .menu-more.optionMenu li:not(.disabled) {
z-index: 50000 !important;
color: gold;
border: 1px solid red;
}
.yui3-hovercard-content .hovercard-arrow + #hovercard .footer .menu-more.optionMenu li.disabled {
z-index: 50000 !important;
opacity: 0.1 !important;
color: gold;
border: 1px solid red;
}
/* SEARCH - CORRECTIONS - OBJECT - COLOR */
.message-subject-inner .message-subject-main {
color: gray;
}
/* INTELLIGENT VIEW */
.search-menuitem ,
.search-menu.move-menu-dd .move-menu-item .move-menu-item-inner {
color: peru !important;
}
/* SUPP BACKGROUND IMAGE - ALL */
html,
.frost,
#lightPreview {
background-image: none !important;
}
/* MAIL SEND - ADD CONTAC MENU */
#Stencil .yui3-widget.yui3-hovercard.yui3-widget-positioned.yui3-widget-stacked.yui3-hovercard-hidden #hovercard .menu-more.optionMenu {
top: 107px !important;
}
/* TOOLTIP - OPTIONS MENU SETTINGS */
div.modal.options-dialog * {
box-sizing: border-box;
color: peru !important;
}
div.modal.options-dialog.modal-settings {
width: 50% !important;
height: 891px !important;
}
div.modal.options-dialog.modal-settings .modal-hd {
padding: 5px !important;
height: 39px !important;
}
div.modal.options-dialog.modal-settings .modal-bd {
height: 757px !important;
border: 1px solid gray !important;
}
div.modal.options-dialog.modal-settings .modal-bd .content {
height: 760px !important;
padding: 20px 20px 0;
}
div.modal.options-dialog.modal-settings ul {
box-sizing: border-box;
height: 736px !important;
}
#options-filters.selectable.options-selection {
box-sizing: border-box;
height: 536px !important;
}
/* A SUPP ?? - COR for PARAMAETRES FILTER*/
.imap-settings .modal-bd .nav {
border-right: 1px solid #515151 !important;
font-size: 13px;
font-weight: 400;
}
.imap-settings .modal-bd .nav ul.selectable li.navitem.selected,
.imap-settings .modal-bd .nav ul.selectable li.navitem:focus,
.imap-settings .modal-bd .nav ul.selectable li.navitem:hover {
background-color: #222 !important;
}
div.modal.options-dialog.modal-settings .options-label:not(:empty) {
width: 300px !important;
height: 100%;
line-height: 15px !important;
text-align: center;
border: 1px solid gray !important;
}
div.modal.options-dialog .modal-bd .content li.cf .options-content ,
div.modal.options-dialog .modal-bd .content li.cf .options-label {
padding-top: 0 !important;
}
div.modal.options-dialog label {
height: 16px !important;
line-height: 16px !important;
box-sizing: border-box;
color: peru !important;
}
.base-dialog.modal-settings.options-dialog.imap-settings .base-view.FF li.cf .options-content .custom-select {
width: 280px !important;
background: #222 !important;
}
.base-dialog.modal-settings.options-dialog.imap-settings .base-view.FF li.cf .options-content .custom-select select{
display: inline-block;
width: 300px !important;
vertical-align: middle;
}
#options-previewpane option[selected=""]:focus ,
#options-previewpane option[selected=""]:active ,
#options-previewpane option[selected=""]:hover ,
#options-previewpane option[selected=""]{
background: green !important;
}
.cf.signature-help-text {
width: 1395px !important;
}
/* PARAMETRES - EMAILS BLOCK */
div.modal.options-dialog.modal-settings li form.base-view.FF[name="options-block-senders-form"] ul > li.cf .options-content ,
div.modal.options-dialog.modal-settings li form.base-view.FF[name="options-block-senders-form"] ul > li.cf {
height: 100%;
}
/* (new35) PARAMAMETRES - SECURITY */
.disposable-addresses.options-content.options-content-aligned-children p {
max-width: 100% !important;
}
/* PARAMETRES - FILTRE */
.modal.xxl.base-dialog.options-filterdialog.opaque.confirm-dialog {
margin-left: -766px;
margin-top: -205.5px;
z-index: 29003;
}
.modal.xxl.base-dialog.options-filterdialog.opaque.confirm-dialog .modal-bd .confirm-body form ul > li:nth-child(2) .options-label.filter-heading-rule + #filter-rules.options-content {
width: 100% !important;
max-width: 100% !important;
margin-left: 6px;
}
#filter-rules.options-content .custom-select::after {
right: 1px ;
top: 7px ;
right: -15px ;
font-size: 20px ;
color: red ;
}
.modal.xxl.base-dialog.options-filterdialog.opaque.confirm-dialog label {
border-top: none !important;
line-height: 19px !important;
padding-right: 0px;
text-align: right;
color: violet !important;
}
#filter-rules .filter-match-case {
color: green !important;
}
/* PARAMETRES - WRITE EMAIL */
.modal-settings.base-view .base-view[name="options-writing-email-form"] li.cf:nth-child(2) .options-content {
height: 137px !important;
}
/* PARAMETRES - OPTION WRITE EMAIL - SELECTED ICON */
div.modal.options-dialog .modal-bd .content li.cf .options-halfWidth {
color: peru !important;
margin: 0;
text-align: center !important;
width: 49%;
}
div.modal.options-dialog .modal-bd .content li.cf .options-halfWidth.custom-select::after {
content: "";
position: absolute;
right: -21px !important;
top: 2px;
z-index: -1;
color: peru !important;
}
/* PARAMETRES - BLOCKED ADRESSES / ADRESSES BLOQUEES - === */
#blocked-addresses {
height: 689px !important;
overflow-x: hidden;
overflow-y: auto;
background: #222 !important;
}
#blocked-addresses>li a {
color: #EAD986 !important;
}
#blocked-addresses>li.selected a {
border-bottom: 1px dotted gold !important;
background: rgba(255, 0, 0, 0.72) !important;
color: gold !important;
}
#blocked-addresses>li a:hover {
background: #333 !important;
color: gold !important;
}
#blocked-addresses>li.selected a:hover {
background: red !important;
color: gold !important;
}
#blocked-addresses>li.selected a:before {
content: "X" !important;
display: inline-block !important;
width: 17px !important;
height: 17px !important;
line-height: 13px !important;
margin-left: -3px !important;
margin-right: 5px !important;
padding: 2px !important;
border-radius: 100% !important;
text-align: center !important;
color: gold !important;
background: green !important;
}
/* MAIL THEME BACKGOUND - PREVIEW */
.boss.boss-mt .preview-overlay {
box-shadow: 10px 5px 29px rgba(0, 0, 0, 0.81) !important;
transform: scale(0.9) !important;
}
/* PERSON VIEW */
.srp-outer-container {
color: gray !important;
background: #222!important;
}
.srp-header {
background: #222!important;
}
.search-tab-container {
border-top: 1px solid #d8d8d8;
bottom: 0;
overflow: hidden;
position: absolute;
top: 50px;
transition: top 60ms ease 0s;
width: 100%;
background: #222!important;
}
.message-list-toolbar {
box-sizing: border-box;
display: block;
height: 36px;
line-height: 36px;
padding: 0 18px;
color: gray !important;
background: #222!important;
border-bottom: 1px solid #f2f2f2;
}
.message-list-toolbar .icon, .message-list-toolbar button {
color: gray !important;
}
.search-messages-container[data-density="0"] .message-list-item {
padding-bottom: 4px;
padding-top: 5px;
background: #222 !important;
}
.search-messages-container[data-density="0"] .message-list-item.selected {
padding-bottom: 4px;
padding-top: 5px;
background: #333 !important;
}
/* PERSON VIEW - PHOTO GRID -
uh3 non-threaded extra-wide vp-nomin no-uhsearch tc msg-pane-v2 pc lt DarkTheme vp-off wide-right-rail has-tabs single-account archive-on withsky notoolbar
OTHERS VIEWS :
.document-grid,
.link-grid,
.message-list-group,
.message-list-toolbar,
.srp-header-main
==== */
.photo-grid {
padding-left: 16px !important;
padding-right: 5px !important;
-moz-user-select: none;
background: #222 !important;
}
/* PERSON VIEW - MESSAGES GROUPE GRID */
.message-list-group {
background: #222 !important;
}
.message-subject-inner-full-width .message-subject-main {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: bottom;
white-space: nowrap;
width: 100%;
color: gray !important;
}
.message-list-item .ui-checkbox {
margin-left: -15px;
cursor: pointer;
font-size: 20px;
font-weight: 400;
height: 1em;
letter-spacing: -6px;
line-height: 1;
width: 15px;
}
.message-list-item .ui-checkbox::before {
position: relative;
height: 1em;
line-height: 1;
left: -3px;
font-size: 20px;
font-weight: 400;
letter-spacing: -6px;
cursor: pointer;
}
.message-list-item .message-action-btn.read-status {
position: relative;
left: -30px !important;
opacity: 1 !important;
}
.message-sender {
position: relative;
width: 222px !important;
padding-right: 91px !important;
padding-left: 4px !important;
text-align: left !important;
transition: padding-right 50ms linear 0s;
}
.message-list-item .message-action-btns {
right: calc(100% - 262px);
}
.message-subject {
width: calc(100% - 690px) !important;
}
/* TWEAKED COPY of USERSTYLES: "Yahoo Mail Wide Messages List" by "120591" -
https://userstyles.org/styles/86752/yahoo-mail-wide-messages-list
==== */
#yucs-top-bar {
background-color: rgba(45, 17, 82,0.6) !important;
}
.wide-right-rail #shellcontent {
right: 0px !important;
}
#shellcontent {
right: 0px !important;
}
#main {
width: 100% !important;
}
#theAd, #slot_REC, .darla {
display: none !important;
}
.panescroll #toolbar {
right: 0px !important;
}
.panescroll #shellcontent {
right: 0px !important;
}
#main,
#yucs, #yuhead-bucket {
max-width: 100% !important;
}
/* ==== END ==== COPY of the USERSTYLES: "Yahoo Mail Wide Messages List by "120591" ====== */
/* YAHOO ANSWERS */
.Sticky-on .Sticky {
position: fixed;
margin-top: 0;
top: 32px !important;
transform: translate3d(0px, 0px, 0px);
}
/* CONTACT TOOLBAR */
body.contacts #main #toolbar {
margin-top: 33px !important;
border-left: medium none;
border-right: 0 none;
margin-left: 260px;
}
.pc.contacts.panescroll #contacts-content {
left: 1px;
margin-top: 67px!important;
overflow: hidden;
}
/* CONTACT - FOR LIST */
.withoutad.panescroll.mf.headless.pc.contacts.ds.lt.outlook >div:first-of-type {
position: fixed;
height: 1px;
width: 200px;
left: 22%!important;
top: 4%!important;
z-index: 15499;
}
.withoutad.panescroll.mf.headless.pc.contacts.ds.lt.outlook >div:first-of-type .yui3-widget {
position: relative;
left: 487px !important;
margin-left: -314px !important;
top: 7.5px!important;
z-index: 15500;
}
#modal-assign-to-lists .modal-hd {
border-bottom: 1px solid gray !important;
padding-bottom: 6px !important;
padding-top: 4px !important;
-moz-user-focus: ignore;
-moz-user-select: none;
}
#modal-assign-to-lists .items {
max-height: 500px !important;
margin: 0;
border-bottom: 1px solid gray !important;
overflow: auto;
}
/* NEW HEADER - NAV BAR - === */
#Stencil:not(.Sticky-on):not(.Answers) #masterNav:hover {
position: relative;
height: 22px!important;
margin-right: 0;
top: 19px!important;
transition-delay: 0.3s;
transition-duration: 0.2s, 0.2s;
transition-property: top, opacity;
transition-timing-function: ease, ease;
border-bottom: 1px solid red !important;
}
#Stencil:not(.Sticky-on):not(.Answers) #masterNav #Eyebrow {
background: black !important;
}
/* MORE DROPDOWN */
#Stencil:not(.Sticky-on):not(.Answers) #masterNav #Eyebrow .yucs-menu:not(yucs-hide) {
top: 1px !important;
padding: 1px 1px 1px 1px !important;
transform: translate(140px, 22px) !important;
background: black !important;
}
#Stencil:not(.Sticky-on):not(.Answers) #masterNav #Eyebrow .yucs-menu:not(yucs-hide) a b {
color: peru !important;
}
#Stencil:not(.Sticky-on):not(.Answers) #masterNav:hover #Eyebrow .yucs-menu:not(yucs-hide) {
width: 79px !important;
background: black !important;
border: 1px solid red !important;
}
.yucs-trigger .Ycon.YconHome {
display: inline-block !important;
transform: scale(0.85) !important;
}
#UH {
height: 12px!important;
left: 0;
margin-top: -23px!important;
z-index: 10;
background: rgba(0, 0, 0, 0) !important;
}
#uhWrapper {
height: 30px !important;
top: -14px !important;
}
/* Yahoo Answers */
#Stencil.Answers.JsEnabled #UH {
height: 12px!important;
left: 0;
margin-top: -13px!important;
z-index: 10;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
/* Yahoo Answers LOGO */
#Stencil.Answers #uhWrapper .UHCol1 {
left: 75px !important;
max-width: 112px !important;
}
/* TOP SEARCH MENU */
#Stencil .typeahead-list {
position: absolute;
left: 1px;
margin-top: 0;
right: 1px;
top: 100%;
border-radius: 0 0 3px 3px !important;
z-index: 1;
box-shadow: -3px 9px 10px 7px rgba(9, 9, 9, 0.95) !important;
background-color: white;
border: 1px solid red !important;
}
.search-menu {
border-radius: 0 0 3px 3px !important;
box-shadow: -3px 9px 10px 7px rgba(9, 9, 9, 0.95) !important;
background-color: #222 !important;
border: 1px solid red !important;
}
.search-menu .search-menu-group-title {
padding-left: 28px;
padding-right: 28px;
color: peru !important;
}
.search-menu-group .search-menuitem {
color: gray !important;
}
.search-menuitem.all-account-menu-item span span {
color: gold !important;
}
#Stencil .search-folder-dropdown.right-folder-dd .dropdown-menu-title:hover {
cursor: auto;
background-color: #333 !important;
}
/* COLOR - MENUS - ALL - ITEMS HOVER */
.menu-active-item, .optionMenu li:hover,
.optionMenu .optionMenuItem:hover,
.dd-hLozengeBox,
.search-ac .yui3-aclist-item.yui3-aclist-item-hover,
.search-menu .search-menuitem:hover:not([data-disabled]),
.search-ac .yui3-aclist-item.yui3-aclist-item-active {
background-color: black!important;
}
/* COLOR - SEARCH + NO RESULTS PAGE - BACKGROUND */
#storm-listnav li#Inbox.in .inbox-label ,
#storm-listnav li#Folders.folders a .icon-text ,
#toolbar #btn-select-dd ,
#toolbar .btn-absolute ,
#Stencil .bgc-db,
#Stencil button.bgc-db:hover,
#Stencil button.bgc-db:active ,
#Stencil .bgc-lb,
#Stencil button.bgc-lb:hover,
#Stencil button.bgc-lb:active ,
#web-search-btn ,
#mail-search-btn ,
#Stencil .search-folder-scope-dd ,
#Stencil .typeahead-input ,
#uhWrapper table tbody tr td .StencilRoot.search-container .search-content .search-autocomplete button + div form ,
#Stencil .bgc-lg ,
#masSearchAd + .inner {
font-weight: bold !important;
outline: none !important;
color: rgb(170, 170, 170) !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5) !important;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06), 1px 1px 0 rgba(255, 255, 255, 0.03), -1px -1px 0 rgba(0, 0, 0, 0.02), 1px 1px 0 rgba(255, 255, 255, 0.05) inset !important;
background-color: rgb(62, 62, 62) !important;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.12)) !important;
border: 1px solid rgb(0, 0, 0) !important;
}
/* SEARCH IN MAILS - MAILS / IMAGES RESULTS - REFINEMENTS */
#dd_search_results_container_top .smartmail-contactdetails-base .tictac-contactdetails-header {
font-size: 1.8rem;
color: gold !important;
}
.smartmail-contactdetails .business-card {
height: 199px;
padding-right: 24px;
padding-top: 8px;
width: 342px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
background-color: white;
}
.smartmail-contactdetails .business-card .business-card-info {
height: 203px !important;
width: 342px !important;
padding: 5px !important;
overflow-x: hidden;
color: black;
}
.business-card-image {
float: left;
height: 60px;
width: 60px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.smartmail-contactdetails .business-card .business-card-info .business-card-name {
width: 267px !important;
padding: 17px !important;
color: gold !important;
}
.smartmail-contactdetails .xRichContact .xcontact-field span {
color: gold !important;
}
#dd_search_results_container_top {
overflow-x: hidden;
background-color: #222 !important;
}
#dd_search_results_container_top .smartmail-contactdetails-base .tictac-contactdetails-thumb-flow li {
position: relative;
display: inline-block;
float: left;
height: 150px;
width: 150px;
margin: 0 8px 8px 0;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
overflow: hidden;
background-color: #333 !important;
}
/* HEADER MESSAGE / TABS / SEARCH /* TOP MENUS */
#shellcontent #tabs {
opacity: 1;
visibility: visible;
margin-top: 15px!important;
}
.search-ac .recent-searches-header {
background-color: #222222!important;
}
.search-ac .yui3-aclist-content .yui3-aclist-item .ac-label {
color: gold!important;
}
.search-ac .recent-searches-header:hover span {
background-color: black!important;
color: gold!important;
}
.search-ac.yui3-aclist {
z-index: 13 !important;
width: 384px!important;
}
.search-ac .yui3-aclist-content {
border-radius: 0 0 3px 3px;
font-size: 13px;
background-color: black!important;
border: 2px solid black!important;
}
#Stencil:not(.Answers) .StencilRoot ul li {
list-style-type: none;
color: peru !important;
background-color: #222 !important;
}
#Stencil:not(.Answers) .StencilRoot ul li .ui-token {
position: relative;
display: inline-block;
height: 23px !important;
line-height: 21px !important;
margin-top: -4px !important;
box-shadow: none !important;
box-sizing: border-box;
color: #1c89ff;
}
#Stencil.Sticky-on .StencilRoot #yucs-help .js-Tooltip-Wrapper.Pos-r {
margin-top: 30px
}
#Stencil .StencilRoot .cbox span.text {
color: peru!important;
}
label {
border-top: none !important;
line-height: 3rem;
padding-right: 15px;
text-align: right;
color: peru !important;
}
.suggestion-adv-search button {
color: gray !important;
}
.suggestion-adv-search button:hover,
.suggestion-adv-search button:focus,
.menu-active-item .suggestion-adv-search button {
color: peru!important;
}
#ac-search-results .as-item #as-button,
.search-ac .as-item #as-button {
cursor: pointer;
line-height: 33px;
color: gold!important;
}
.search-ac .yui3-aclist-content .yui3-aclist-item .ac-value {
font-weight: bold;
color: peru!important;
}
.yui3-advancedsearchwidget .label, .yui3-advancedsearchwidget #as-date-custom-fields span {
height: 32px;
line-height: 32px;
color: gold!important;
}
.ac-results {
position: relative;
border-radius: 0 0 3px 3px;
box-shadow: 0 2px 4px 5px rgba(133, 132, 132, 0.5)!important;
background-color: #222222!important;
border: 1px solid #ddd;
}
#Stencil:not(.Sticky-on):not(.Answers) .W-1 {
position: absolute!important;
display: inline !important;
width: 1%;
max-height: 25px !important;
line-height: 25px !important;
top: 0px !important;
right: 0px!important;
}
/* SEARCH - MENU ADVANCED FORM */
#uhWrapper table tbody tr td .StencilRoot.search-container .search-content .search-autocomplete button + div form {
outline: 1px solid gray !important;
}
/* DOSSIER - IN SEARCH FIELD ???? */
#uhWrapper .W-100 tbody td .StencilRoot.search-container .search-content .search-autocomplete .tokenized-typeahead .tokenized-typeahead-container .typeahead-token-list {
padding-right: 26px;
outline: 1px solid gray !important;
}
/* TOP NAV BAR - HOVER ??? */
#uhWrapper > table> tbody> tr>td:first-of-type {
display: inline-block !important;
height: 100% !important;
max-height: 16px !important;
width: 80px !important;
margin-right: 36% !important;
}
#Stencil:not(.Sticky-on):not(.Answers) .StencilRoot #masterNav {
position: relative !important;
top: -16px !important;
margin-bottom: -16px !important;
text-align: center !important;
transition: top ease 0.7s !important;
z-index: 50000 !important;
}
#Stencil.Sticky-on .StencilRoot #masterNav {
position: relative !important;
top: -16px !important;
margin-bottom: -16px !important;
text-align: left !important;
transition: transform ease 0.7s !important;
z-index: 50000 !important;
}
#Stencil .StencilRoot #masterNav:hover ul#Eyebrow {
position: relative !important;
padding: 5px 0 7px 0 !important;
margin-bottom: -55px !important;
z-index: 50000 !important;
transform: translatey(40px) !important;
background: #222 !important;
}
#Stencil.Sticky-on #uhWrapper{
position: relative;
margin-top: 20px!important;
}
#Stencil .StencilRoot ul li.Grid-U.Mend-18 {
list-style-type: none;
margin-right: 5px !important;
padding: 1px 2px !important;
color: peru !important;
background-color: #222 !important;
outline: 1px solid gray !important;
}
/* PLUS / MORE MENU - cf :not(.Sticky-on) ??? */
#yucs-top-menu .MoreDropDown-Box {
box-shadow: -3px 9px 10px 7px rgba(9, 9, 9, 0.95) !important;
background: #222 !important;
border: 1px solid red !important;
}
#Eyebrow #yucs-home-menu a,
#Eyebrow #yucs-top-menu a,
.HomeDropDown-on #yucs-home-link b,
.HomeDropDown-on #yucs-home-link i,
.MoreDropDown-on #yucs-more-link b,
.MoreDropDown-on #yucs-more-link i,
.yucs-trigger b {
color: #dcd4d3 !important;
}
#Eyebrow #yucs-home-menu a:hover,
#Eyebrow #yucs-top-menu a:hover,
.HomeDropDown-on #yucs-home-link b:hover,
.HomeDropDown-on #yucs-home-link i:hover,
.MoreDropDown-on #yucs-more-link b:hover,
.MoreDropDown-on #yucs-more-link i:hover,
.yucs-trigger b:hover {
color: peru !important;
}
#Stencil:not(.Sticky-on):not(.Answers) .StencilRoot ul li#yucs-more {
top: 37px !important;
border-radius: 3px !important;
box-sizing: border-box;
transition: top ease 0.7s !important;
color: rgb(170, 170, 170) !important;
background-color: rgb(62, 62, 62) !important;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.12)) !important;
border: 1px solid rgb(0, 0, 0) !important;
}
#Stencil:not(.Sticky-on):not(.Answers) .StencilRoot ul#Eyebrow:hover li#yucs-more {
position: absolute !important;
top: 5px !important;
}
#Stencil.Sticky-on .StencilRoot ul li#yucs-more {
position: absolute !important;
top: 37px !important;
left: 2px !important;
border-radius: 3px !important;
box-sizing: border-box;
transition: top ease 0.7s !important;
color: rgb(170, 170, 170) !important;
background-color: rgb(62, 62, 62) !important;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.12)) !important;
border: 1px solid rgb(0, 0, 0) !important;
}
#Stencil .StencilRoot ul#Eyebrow:hover li#yucs-more {
position: absolute !important;
top: 30px !important;
}
#Stencil .Fl-start.Lh-17.MouseOver-TextDecoration {
display: inline-block !important;
height: 22px !important;
line-height: 22px !important;
padding-right: 6px !important;
border: none !important;
box-sizing: border-box;
color: peru !important;
background-color: rgb(62, 62, 62) !important;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.12)) !important;
}
#Stencil .YconArrowDown {
height: 22px !important;
margin-top: 0px !important;
padding: 4px 0 2px 0 !important;
border: none !important;
box-sizing: border-box;
color: peru !important;
background-color: rgb(62, 62, 62) !important;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.12)) !important;
}
/* #yucs-more-link b */
#masterNav #Eyebrow #yucs-more {
border-radius: 3px !important;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06), 1px 1px 0 rgba(255, 255, 255, 0.03), -1px -1px 0 rgba(0, 0, 0, 0.02), 1px 1px 0 rgba(255, 255, 255, 0.05) inset !important;
color: rgb(170, 170, 170) !important;
background-color: rgb(62, 62, 62) !important;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.12)) !important;
border: 1px solid rgb(0, 0, 0) !important;
}
.StencilRoot .MoreDropDown-on,
.StencilRoot .MoreDropDown-Box {
box-shadow: 0 4px 7px rgba(0, 0, 0, 0.9);
background: #222 !important;
border: 1px solid gray !important;
}
#Eyebrow .MoreDropDown-on a:link,
#Eyebrow .MoreDropDown-on a:visited {
text-decoration: none !important;
color: peru !important;
background: #222 !important;
}
/* TOP MENU BUTTONS TXT / ICONS */
#Stencil:not(.Answers) .Va-m.MouseOver-TextDecoration {
display: inline-block !important;
height: 22px !important;
line-height: 22px !important;
padding: 2px 5px !important;
border-radius: 3px !important;
color: rgb(170, 170, 170) !important;
background-color: rgb(62, 62, 62) !important;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.12)) !important;
border: 1px solid rgb(0, 0, 0) !important;
}
#Stencil:not(.Answers) .Va-m.Ycon:not(.YconArrowDown):not(.MouseOver-TextDecoration) {
display: inline-block !important;
height: 22px !important;
line-height: 22px !important;
padding: 2px 5px !important;
border-radius: 3px !important;
font-size: 17px !important;
color: rgb(170, 170, 170) !important;
background-color: rgb(62, 62, 62) !important;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.12)) !important;
border: 1px solid rgb(0, 0, 0) !important;
}
/* PARAMETRES PROFILE */
#Stencil #yucs-profile .Pos-r {
margin-top: 2px!important;
}
/* PARAMETRES MAIL */
#Stencil #yucs-help .Pos-r .Z-5 {
margin-top: -22px!important;
}
/* CONFIRMATION DELETION MAIL */
#notification-v2 {
outline: 2px solid violet!important;
margin-top: -40px!important;
}
/* CURSOR NOT ALLOWED */
div.hasnomsg > span.onemsg a,
div.hasnomsg > span.onemsg i,
div.hasnomsg > span.multimsg a,
div.hasnomsg > span.multimsg i,
div.hasmultimsg > span.onemsg a,
div.hasmultimsg > span.onemsg i,
div.hasnomsg > span.onemsg a,
div.hasnomsg > span.onemsg i,
div.hasnomsg > span.multimsg a,
div.hasnomsg > span.multimsg i,
div.hasmultimsg > span.onemsg a,
div.hasmultimsg > span.onemsg i ,
div.hasnomsg > span.onemsg,
div.hasnomsg > span.multimsg,
div.hasmultimsg > span.onemsg,
div.hasnomsg > span.onemsg, div.hasnomsg > span.multimsg,
div.hasmultimsg > span.onemsg {
/* cursor: not-allowed; */
/* cursor: url(data:image/png;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPDz/XTw8/+I8PP/iPDz/szw8/7M8PP+zPDz/XQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA8PP9dPDz/4gAA//8AAP//AAD//wAA//8AAP//AAD//wAA//88PP/iPDz/XQAAAAAAAAAAAAAAAAAAAAA8PP9dAAD//wAA//8AAP//AAD//zw8/7M8PP9dPDz/XTw8/+I8PP//AAD//zw8//88PP9dAAAAAAAAAAAAAAAAPDz/4gAA//8AAP//AAD//zw8/7MAAAAAAAAAAAAAAAAAAAAAPDz/swAA//8AAP//PDz//zw8/10AAAAAPDz/XQAA//8AAP//Fxf//wAA//8AAP//PDz/swAAAAAAAAAAAAAAAAAAAAA8PP+zPDz/4gAA//88PP//AAAAADw8/7MAAP//AAD//zw8/7M8PP//AAD//wAA//88PP+zAAAAAAAAAAAAAAAAAAAAAAAA//88PP/iAAD//zw8/108PP+zAAD//zw8/7MAAAAAPDz/XQAA//8AAP//Fxf//zw8/7MAAAAAAAAAAAAAAAA8PP9dAAD//wAA//88PP+zAAD//wAA//88PP+zAAAAAAAAAAA8PP9dFxf//wAA//8XF///PDz/swAAAAAAAAAAAAAAADw8/+IAAP//PDz/4gAA//8AAP//PDz/swAAAAAAAAAAAAAAADw8/10XF///AAD//xcX//88PP+zAAAAAAAAAAA8PP/iAAD//zw8/+I8PP+zAAD//wAA//8AAAAAAAAAAAAAAAAAAAAAPDz/XRcX//8AAP//Fxf//zw8/7MAAAAAPDz/4gAA//88PP+zPDz/XQAA//8AAP//PDz/XQAAAAAAAAAAAAAAAAAAAAA8PP9dFxf//wAA//8AAP//PDz/4jw8/+IAAP//PDz/XQAAAAAAAP//AAD//wAA//88PP9dAAAAAAAAAAAAAAAAAAAAADw8/10AAP//AAD//xcX//88PP/iPDz//wAAAAAAAAAAPDz/XTw8//8AAP//AAD//zw8/7M8PP9dAAAAAAAAAAA8PP9dPDz/4hcX//8AAP//AAD//zw8/10AAAAAAAAAAAAAAAA8PP/iAAD//wAA//8AAP//AAD//zw8/+I8PP/iPDz/4gAA//8AAP//AAD//zw8/+IAAAAAAAAAAAAAAAAAAAAAAAAAADw8/108PP/iAAD//wAA//8AAP//AAD//wAA//88PP//PDz/4jw8/10AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPDz/XTw8/108PP+zPDz//zw8//88PP+zPDz/XQAAAAAAAAAAAAAAAAAAAAAAAAAA+D8AAOAPAADBhwAAg8MAAIHhAAAA8QAAGHgAABw4AAAeGAAAHwgAAJ+BAACPwQAAw8MAAMADAADwDwAA/D8AAA==), auto !important; */
/* cursor: url(https://static.addons.mozilla.net/static/img/impala/no.png?f10b6fb), auto !important; */
opacity: 0.4;
/* cursor: url('data:image/svg+xml,<svg\xmlns="http://www.w3.org/2000/svg"\width="12px"\height="12px">\<style>* {stroke:red; stroke-width:2px; fill:none;}</style>\<circle cx="6" cy="6" r="5" />\<path d="m 2.5,9.5 l 7,-7" />\</svg>\'), auto !important; */
}
/* YAHOO HELP */
#yucsHead,
#yucs {
background-color: #222222 !important;
}
#doc {
min-width: 100% !important;
}
#doc.help div.yui3-g-r {
width: 100% !important;
margin-top: -58px !important;
}
.content-wrap {
max-width: 100%!important;
}
#doc.help #hd #yucsHead.yucs-help .yucs-fl-right {
float: right;
height: 12px !important;
margin-top: -13px !important;
}
#yucs-profile_inner ,
#yucs-help_inner.yucs-menu {
background: #222222 !important;
}
/* YAHOO TOP BAR */
#yucs-top-bar {
margin-top: -23px !important;
position: absolute !important;
background-color: #333233 !important;
}
/* ANSWERS - SEARCH CONTAINER */
#yucsHead.yucs-answers .yucs-fl-left {
display: inline-block !important;
float: left;
height: 37px !important;
left: 0 !important;
margin-top: -10px !important;
text-align: left !important;
}
#yucsHead.yucs-answers #yucs-search {
display: block;
left: 8.5% !important;
width: 99% !important;
}
#yucsHead.yucs-answers #yucs-search form.yucs-search table tbody tr {
display: inline-block ! important;
width: 50% !important;
height: 100% ! important;
max-height: 19px !important;
min-height: 19px !important;
}
/* A VOIR - OLD ??? - LOGO YAHOO MAIL */
._yb_ruiiu ,
.YLogoMY {
display: block ;
height: 23px !important;
min-width: 100px !important;
margin-left: -64px;
margin-right: 23px;
margin-top: -54px !important;
text-indent: -20em;
overflow: hidden;
transform-origin: left top !important;
transform: scale(0.5)!important;
}
/* ??? - 2019.22.09 - LOGO YAHOO MAIL = */
.norrin-ybar ._yb_98v4s ._yb_1r1e7 ._yb_1r0xw a {
display: block ;
height: 35px !important;
min-width: 100px !important;
margin-left: 14px;
margin-right: 23px;
margin-top: -43px !important;
text-indent: -20em;
overflow: hidden;
transform-origin: left top !important;
transform: scale(0.5)!important;
}
/* TOP HEADER - NAV BAR - LEFT - CONTAINER with ICONS */
.has-tabs #nav {
display: inline-block ! important;
height: 26px ! important;
line-height: 26px !important;
margin-top: -40px !important;
overflow: hidden !important;
z-index: 500 !important;
}
/* ANSWER - FLOATING TOP TAB DOCK + RIGHT PANEL FLOATING */
#get-the-app {
display: none ! important;
}
.ya-tabs ul#nav-menu {
background: #3d3c3e !important;
}
#nav-menu.tab-dock {
top: 31px !important;
height: 30px !important;
line-height: 15px !important;
padding-bottom: 1px;
white-space: nowrap;
}
.ya-page .y-col2 {
position: absolute;
width: auto;
left: 0;
margin-left: 190px;
right: 0;
top: -52px !important;
}
.has-scrolled.page-has-scrolled .ya #ya-body-container.ya-grid #ya-main-content.y-col2 #ya-content-apps.ya-grid #ya-col-2.ya-grid .y-col.y-col2-2.bottom-fixed.fixed {
top: -10px !important;
}
.yom-ask {
position: relative;
height: 35px ! important;
margin-bottom: -18px;
padding: 10px 20px 28px 14px ! important;
background: #333 !important;
}
/* IMAGES - IN MAIL - - ADD EMOTICON EXECEPTION */
.msg-body.inner.undoreset img[src*=".mail.yahoo.com/ya/download?"]:not([src$="&appid=yahoomail"]):not([class*="lEmoticon"]) ,
.inner.undoreset [class$="_msg_container"] img[src*=".mail.yahoo.com/ya/download?"]:not([src$="&appid=yahoomail"]):not([class*="lEmoticon"]) {
position: relative ! important;
display: inline-block ! important;
float: left ! important;
clear: both ! important;
margin-right: 5px ! important;
margin-bottom: 5px ! important;
border: 0 none;
max-width: 40% !important;
height: auto ! important;
}
/* IMAGES YAHOO MAIL CLASSIC -
COR INVALID IMAGE (SUPP):
url("https://thumbp5-ir2.mail.yahoo.com/tn?sid=783165327&mid=AINUfbwAAA5ZUebJngAAAO%2BBIE8&midoffset=2_0_0_110_41356&partid=10&f=1330&fid=00%252dBRu%252dCtc%252dFamille"),
=== */
.att-thumb.data-type-JPG.has-thumb {
background-image: url("https://s.yimg.com/tq/shared/603/img/default-at.png");
height: 250px !important;
width: 215px !important;
}
.att-thumb-flow .att-size {
height: 16px;
line-height: 14px;
right: 1px;
top: 0;
color: #e6e6e6;
background: #777!important;
}
/* ============ YAHO0 MAIL - DARCK AND GRAY - GENERAL COLOR =========== */
/* GROUPS */
/* GROUPS READ - === */
#yg-msg-view .yg-msg-read-container .wrapper {
background: white !important;
height: 100%;
position: relative;
width: 100%;
}
/* GROUPS - PRESENTATION PAGE - IMAGE with DESCRIPTION */
.yg-classic-cover-img-cont.fright {
background-color: transparent !important;
margin-top: -63px !important;
}
/* GROUPS - WIDE CONTAINER - === */
#yucsHead #yucs {
max-width: 100% !important;
height: 23px !important;
}
#yg-manage-groups-view {
width: 100% !important;
}
/* MESSAGE GROUP RIGHT - TOUR IMAGE */
.yg-tourimage-container {
position: relative! important;
display: inline-block! important;
min-width: 500px ! important;
top: -55px! important;
right: 450px! important;
padding: 2px! important;
background-color: #222222 !important;
background-image: none!important;
z-index: 5000! important;
}
#yg-memwiz {
position: absolute! important;
display: inline-block! important;
float: none ! important;
width: 600px ! important;
top: -58px! important;
left: -900px! important;
padding: 2px! important;
background-color: #222222 !important;
background-image: none!important;
z-index: 5000! important;
}
.yg-tourimage-heading {
padding-bottom: 0 !important;
}
/* GROUP NAV BAR */
.yg-page .yom-nav ,
#grp-info .zero-z-index {
max-width: 100% !important;
}
.yg-page .yom-actions ,
.yg-page .yom-actions-small ,
#about-grp-sec ,
#yg-msg-view ,
.yui3-app-views ,
#yg-msg-list-container ,
.yg-page .y-col2 .yg-grid .y-col2-1 ,
.desktop .yg-page #body-container {
max-width: 99.7% !important;
}
.yg-page .y-col2 .yg-grid .y-col2-1 {
margin-right: 2px !important;
min-height: 800px;
min-width: 470px;
max-width: 100% !important;
}
.subnav-refresh {
height: 64px !important;
}
.subnav-refresh .cover-photo-holder {
height: 100px !important;
top: -30px !important;
background-color: black ! important;
}
.subnav-refresh .cover-photo-holder .cover-photo.wviewvert {
height: 92px !important;
position: absolute;
}
.subnav-refresh .subnav-middle {
top: -30px !important;
height: 93px !important;
}
.page-has-scrolled #yucsHead {
border-bottom: 1px solid #828182 !important;
box-shadow: 0 0 9px 0 #000000 !important;
}
.yg-pend-not-empty ,
#yg-groupdetail-navbar-empty {
height: 4px !important;
}
.msg-title-bar {
margin-bottom: -119px!important;
}
/* GROUPS MENUS */
/* GROUP */
.rcol-shadow {
background: transparent !important;
}
#yucs-top-inner #yucs-top-list li:not([id="yucs-top-groups"]) {
display: none !important;
}
#yucs-top-inner #yucs-top-list #yucs-top-groups {
display: inline-block !important;
width: 100% !important;
min-width: 20px !important;
max-width: 20px !important;
min-height: 20px !important;
max-height: 20px !important;
top: 20px !important;
left: 170px !important;
visibility: hidden !important;
overflow: visible !important;
font-size: 0 !important;
z-index: 50000 !important;
}
#yucs-top-inner #yucs-top-list #yucs-top-groups a:before {
content: "." !important;
display: inline-block !important;
height: 20px !important;
width: 20px !important;
min-height: 20px !important;
visibility: visible !important;
overflow: visible !important;
font-size: 15px !important;
color: transparent !important;
background-color: transparent;
background-repeat: no-repeat;
background-position: -41px -120px;
background-image: url("https://s1.yimg.com/dh/ap/groups/sprite16.png");
z-index: 50000 !important;
}
#yg-view-menu-options.optionMenu[aria-hidden="false"]{
background: #222222 !important;
left: 0px !important;
top: 0px !important;
}
#yg-view-menu-options.optionMenu[aria-hidden="true"]{
visibility: hidden !important;
}
#yg-view-menu-options.optionMenu ul.first li{
color: gray !important;
}
#Stencil .yucs-mail-preview-panel {
padding: 5px !important;
background-color: black !important;
color: peru !important;
}
.main-menu-content li,
.sub-menu-content li {
color: peru !important;
line-height: 18px !important;
}
.optionMenu .tick {
background-position: -60px -264px!important;
}
.optionMenu .sortby-group .asc {
height: 16px !important;
background-position: -60px -143px !important;
top: 2px !important;
}
.optionMenu .sortby-group .desc {
height: 16px !important;
background-position: -60px -143px !important;
}
/* GROUPS ICON / BUTTONS */
#yucs-sprop_button {
background: linear-gradient(to bottom, #4A4646 0px, #030303 100%) repeat scroll 0 0 transparent !important;
border: 1px solid #5B5B5B !important;
box-shadow: 0 1px 3px 0 rgba(30, 31, 31, 0.8) inset !important;
color: peru !important;
}
.yucs-search-buttons,
.yucs-search-buttons div,
.yucs-search-buttons button {
height: 21px!important;
}
a#yucs-mail_link_id {
background-position: 5px -3102px !important;
}
#yucs #yucs-help_button {
background-position: 0 -1588px !important;
}
.bg-purple,
.bg-purple.btn-disabled:hover,
#yucs-sprop_button {
background-color: #373539 !important;
background-image: -moz-linear-gradient(center top , #201F21, #403F41) !important;
border: 1px solid #444444 !important;
color: #FFFFFF !important;
}
/* GROUPS COLOR */
body {
color: #929292 !important;
text-shadow: none !important;
}
.yuhead-name.yucs-fc {
color: gray !important;
text-shadow: none !important;
}
.relaxed .yg-msglist-title span {
max-width: 100% !important;
color: #929292 !important;
}
/* GROUPS COLOR */
a,
#yg-managemygroups-header .yg-new-button a ,
#all-mygroups-label ,
#all-my-groups.yg-rapid li div ,
#all-my-groups.yg-rapid li.col-fields div a,
.yucs-mail-preview-panel li .yucs-mailpreview-from ,
.yg-grp-row-content .yg-grplist-name a span ,
#yg-subcategory-list .category-list li a ,
#yg-action-bar .actions-lt a ,
.yg-msglist-title a ,
.yg-page .y-col1 a,
.mygroups-more-overlay a,
#yg-create-group {
color: gray !important;
text-shadow: none !important;
}
/* (new19) GROUPS COLOR SELECTED - === */
.yg-page .yom-actions .yom-bd ul li.btn-grey-selected > a ,
.btn-grey-selected > a#manage-mygroups-label {
color: #FFD700 !important;
}
/* BACKGROUND - ZEBBRA - GROUPS */
#all-my-groups > li:not(.fc-black):nth-child(even) {
background: black !important;
border-top: 1px solid gray ! important;
}
.yg-mygrp-row > div, .yg-mygrp-scnd-msg:nth-child(even) {
background: black !important;
border-top: 1px solid gray ! important;
}
/* COLOR - CLASSIC - LINKS */
.listings li a ,
.mlink {
color: gray !important;
text-shadow: none !important;
}
.listings li:hover a ,
#datatable>tbody>tr:hover .mlink ,
.mlink:hover {
color: peru !important;
text-shadow: none !important;
}
#datatable>tbody>tr .mlink:hover {
color: gold !important;
text-shadow: none !important;
}
/* COLOR - CLASSIC - NEWS MESSAGES - COLOR TXT */
.msgnew,
.msgnew h2 a.mlink:link,
.msgnew div a.mlink:link {
font-weight: bold;
color: #988D69 !important;
}
/* GROUPS SELECTED */
.yom-bd .messages-link.btn-grey-selected a {
color: gold !important;
}
/* (new19) GROUPS BACKGROUNDS */
.yui3-overlay-content .yui3-widget-bd ul li ,
#yg-group-detail-navbar ,
.yg-page .yom-nav ,
.bg-gray ,
html:not(.Answers) {
background-color: #222222 !important;
}
.yg-content-bg ,
.yg-navbar-bg {
background-color: #222222 !important;
border: 1px solid #474748 !important;
}
.yg-msg-archive-data > div {
background-color: #363636 !important;
color: peru !important;
}
.yg-msg-archive-datarow:hover {
background-color: #161617!important;
}
#yg-main-content.y-col2 .msg-content>div>div[style^="color:#000;"],
#yg-main-content.y-col2 .msg-content>div>div[style^="color:rgb(0, 0, 0);"]{
background-color: #222222 !important;
color: red !important;
}
.yg-action-bg {
background: #000 !important;
}
#yg-group-detail .group-detail-sec:nth-child(odd) ,
#yg-welcome-msg .group-detail-sec:nth-child(odd) ,
.yg-grp-row:nth-child(odd) ,
ul.msg-list-container > li:nth-child(odd) ,
.y-col.yg-msg-row:nth-child(odd) {
border-top: 1px solid #F2F2F5 !important;
background: #222222!important;
}
#yg-group-detail .group-detail-sec:nth-child(even) ,
#yg-welcome-msg .group-detail-sec:nth-child(even) ,
.yg-grp-row:nth-child(even) ,
ul.msg-list-container > li:nth-child(even) ,
.y-col.yg-msg-row:nth-child(even) {
border-top: 1px solid #F2F2F5 !important;
background: #333 !important;
}
/* CLASSIC */
/* PUBS*/
.sky-ad ,
.tl1-ad {
display: none !important;
}
html {
color: gray !important;
}
html body {
background-color: #222222 !important;
color: gray !important;
}
.uh tbody {
display: inline-block !important;
height: 45px !important;
margin-bottom: 2px !important;
width: 100% !important;
}
.uh {
display: block !important;
height: 45px !important;
margin-bottom: 2px !important;
width: 100% !important;
padding-left: 50px !important;
}
.uh-logo {
display: inline-block !important;
height: 36px !important;
width: 150px !important;
margin-left: -50px !important;
text-align: left !important;
text-indent: 1em !important;
}
.uh-logo-div {
background-image: none !important;
}
.toolbar {
background-color: #333333 !important;
}
.uh-srch-box {
border: 1px solid #656567 !important;
height: 17px !important;
line-height: 17px !important;
min-width: 200px;
padding: 0 5px 3px 2px !important;
vertical-align: top !important;
color: white !important;
background: rgba(102, 102, 103, 0.48) !important;
}
.uh-rt {
display: inline-block !important;
height: 22px !important;
margin-top: 12px !important;
padding: 0 15px !important;
text-align: center !important;
}
.contentnav {
background-color: #222222 !important;
border-bottom: 1px solid gray !important;
}
.navigation ,
.msgheader ,
.sky-filler {
background: transparent !important;
}
#datatable>tbody>tr:nth-child(odd) {
background: black !important;
}
.vcard .details dd span {
background: transparent !important;
border: 1px solid gray !important;
display: inline-block !important;
margin: 2px 3px 2px 7px !important;
padding: 1px 2px !important;
}
/* SORT BY - NAV BAR */
.tbldata thead {
display: inline-block !important;
position: absolute !important;
right: 40% !important;
top: 38px !important;
}
/* SORT ITEMS */
#datatable>thead>tr>th:not([style="border:none;"]) {
position: relative ! important;
display: inline-block !important;
height: 30px !important;
line-height: 30px !important;
width: 100%! important;
min-width: 55px! important;
max-width: 55px! important;
margin-left: 5px ! important;
margin-right: 5px ! important;
padding: 1px 2px 0px 5px !important;
vertical-align: middle !important;
text-align: left! important;
outline: 1px solid gray! important;
}
#datatable>thead>tr>th#senderheader:before {
content: "Sort:"! important;
position: absolute ! important;
display: inline-block !important;
height: 30px !important;
line-height: 30px !important;
left: -45px! important;
border: none! important;
color: gold! important;
}
#datatable>thead>tr>th#senderheader + .fixwidth {
display: inline-block !important;
max-height: 30px !important;
min-height: 30px !important;
line-height: 30px !important;
min-width: 45px! important;
max-width: 45px! important;
margin-left: 5px ! important;
margin-right: 5px ! important;
outline: 1px solid peru ! important;
}
.pim.sortupicon {
left: 45px !important;
position: absolute !important;
right: -7px !important;
top: 8px !important;
width: 11px !important;
}
/* NOT IN USE ??? */
.pim.sortdownicon {
position: absolute !important;
width: 11px !important;
top: -2px !important;
left: 28px !important;
}
/* .fixwidth NOT IN USE -
:not([id="thnoStyle"])
=== */
#datatable>thead>tr>th.fixwidth {
display: none! important;
}
/* MESSAGE LIST + PANEL LEFT - ITEMS TOP BORDER - === */
.tbldata tbody td {
border-top: 1px solid gray !important;
vertical-align: middle;
}
/* FLAG FAVORIS */
/* NOT IN USE ??? */
#datatable>thead>tr>th#senderheader + .fixwidth a:before {
content: "★";
position: absolute! important;
display: inline-block !important;
width: 100%! important;
height: 100%! important;
max-height: 30px !important;
min-height: 30px! important;
max-width: 30px !important;
min-width: 30px! important;
font-size: 25px! important;
margin-top: 6px! important;
margin-left: -5px! important;
padding: 0 5px! important;
text-align: center;
visibility: visible ! important;
outline: none! important;
color: #BEBEBE ! important;
text-shadow: 1px 1px #CC6600, 2px 2px #994400, 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.5);
}
#datatable>thead>tr>th#senderheader + .fixwidth.sorted a:before {
color: #FF7700! important;
}
/* SELECTED*/
.fixwidth.sorted ,
thead .sortcol {
background-color: black !important;
}
#datatable>thead>tr>th#senderheader + .fixwidth ,
#datatable>thead>tr>th#senderheader + .fixwidth.sorted {
outline: none! important;
}
/* LEFT PANEL - === */
.folders li {
border: 1px solid gray !important;
vertical-align: middle;
}
/*MESSGAES*/
.mailContent {
overflow-x: auto;
background: white !important;
border-top: 1px solid #DDDDDD;
}
.messagebody {
background: white !important;
margin: 25px 24px 22px 23px;
padding: 10px !important;
color: black !important;
}
/* + POOL */
.thread-item.expanded .thread-body .body .email-wrapped,
.msg-body .email-wrapped {
display: table-cell;
overflow-wrap: break-word;
width: auto;
text-align: left !important;
}
/* NEW YAHOO - TABS*/
.pimtabs li {
background: -moz-linear-gradient(center top , #3D3D3D, #050708) repeat scroll 0 0 transparent !important;
border-color: #545458 !important;
}
.pimtabs li.selected {
border-radius: 5px 5px 0 0 !important;
background: -moz-linear-gradient(center top , #5C5C5C, #050708) repeat scroll 0 0 transparent !important;
border-color: #545458 !important;
}
/* NEW YAHOO - LISTING SELECTED */
.listings li.selected {
background-color: black !important;
border-top: 1px solid gold !important;
border-bottom: 1px solid gold !important;
}
.listings li.selected a {
color: gold ! important;
}
/*BUTTONS*/
.btn .action ,
.btn .lnk-btn {
height: 17px !important;
padding: 1px 4px !important;
background: -moz-linear-gradient(center top , #3D3D3D, #050708) repeat scroll 0 0 transparent !important;
border-color: #545458 !important;
}
.action[name="sort"] ,
.action[name="action_contact_search"] ,
.action[name="self_action_msg_topaction"] ,
.action[name="self_action_msg_filter"] {
height: 23px !important;
margin-top: -3px !important;
padding: 0px !important;
color: white !important;
background: -moz-linear-gradient(center top , #3D3D3D, #050708) repeat scroll 0 0 transparent !important;
border-color: #545458 !important;
}
.uh-srch-btn {
height: 22px !important;
padding: 1px 4px !important;
background: -moz-linear-gradient(center top , #3D3D3D, #050708) repeat scroll 0 0 transparent !important;
border-color: #545458 !important;
}
.uh-srch-prop-btn.uh-srch-prop-btn {
height: 22px !important;
padding: 1px 4px !important;
background: -moz-linear-gradient(center top , #5C5959, #383B3D)repeat scroll 0 0 transparent !important;
border-color: #545458 !important;
}
.action.add {
height: 22px !important;
padding: 1px 4px !important;
color: red !important;
background: -moz-linear-gradient(center top , #3D3D3D, #050708) repeat scroll 0 0 transparent !important;
border-color: #545458 !important;
}
/* BUTTONS BLUE */
.modal .btn.default,
.compose .btn.default,
.search .btn.default,
#advanced-search .btn.default {
font-weight: bold !important;
outline: 0 none !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5) !important;
color: rgb(170, 170, 170) !important;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06), 1px 1px 0 rgba(255, 255, 255, 0.03), -1px -1px 0 rgba(0, 0, 0, 0.02), 1px 1px 0 rgba(255, 255, 255, 0.05) inset !important;
background-color: rgb(62, 62, 62) !important;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.12)) !important;
border: 1px solid rgb(0, 0, 0) !important;
}
/* DEL - PB*/
.blk-btn .btn .action.del {
color: red !important;
background-color: transparent !important;
border-color: #545458 !important;
height: 22px !important;
padding: 1px 4px !important;
}
.mopanel .opt-pane .blk-edit .blk-btn .action.del {
display: inline-block !important;
background-color: transparent !important;
background-position: 0 -217px !important;
border: 1px solid #DDDDDD;
color: transparent;
height: 21px !important;
width: 26px !important;
}
/*OPTIONS */
.mopanel .opt-pane .blk-edit .blk-content .addr-list {
border: 1px solid #ECECEC;
height: 458px!important;
padding-left: 8px;
padding-top: 5px;
width: 729px !important;
}
/* CONTACTS */
.contactlist {
height: 714px !important;
overflow-x: hidden;
overflow-y: scroll;
width: 100%;
}
.toolpane {
background-color: transparent !important;
display: inline-block !important;
height: 42px !important;
padding: 4px 77% 10px 2%;
position: relative;
width: 35% !important;
}
.toolpane .tooltitle {
display: inline-block !important;
float: left;
font-size: 16px;
font-weight: bold;
width: 100% !important;
}
/* ICON */
#contacts-content .services .icon {
color: rgba(248, 248, 248, 0.6) !important;
}
/* CONTACT INFOS PAGES - IMAGES - === */
body.smartcontacts .details-table .details-table-photos {
height: 100px !important;
width: 100px !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center center !important;
}
/* A VOIR - CONTACTS CUSTOMS FOLDER - ADD TXT"custom folder" + "ADD NEW CONTACTS LIST" */
.custom-contacts-lists {
border-top: 1px dotted gray !important;
overflow-x: hidden;
overflow-y: auto;
position: fixed;
margin-top: 5px !important;
}
.items-nav-contacts .legend[role="toolbar"] {
display: inline-block !important;
height: 20px !important;
line-height: 4px !important;
margin-left: 2px;
margin-top: 5px !important;
border: 1px solid gray!important;
}
.items-nav-contacts .legend[role="toolbar"] span#custom-lists-btn {
min-width: 147px !important;
margin-left: 2px !important;
margin-top: 1px !important;
height: 18px !important;
line-height: 18px!important;
border-radius: 5px !important;
color: peru !important;
background: -moz-linear-gradient(center top , #3d3d3d, #050708) repeat scroll 0 0 transparent !important;
}
.items-nav-contacts .legend[role="toolbar"] span#custom-lists-btn + span {
background: transparent !important;
line-height: 1px !important;
margin-top: 18px!important;
max-height: 20px !important;
}
.items-nav-contacts .legend[role="toolbar"] span#custom-lists-btn + span .btn.small.left.right {
display: inline-block ;
background: transparent !important;
line-height: 10px !important;
margin-top: 2px !important;
min-height: 10px !important;
max-height: 10px !important;
}
.items-nav-contacts .legend[role="toolbar"] span#custom-lists-btn + span .btn.small.left.right input.add {
position: relative !important;
display: inline-block ;
vertical-align: text-top !important;
width: 100% !important;
max-height: 15px !important;
min-height: 15px !important;
line-height: 11px !important;
font-size: 13px !important;
left: 0px !important;
margin-top: -18px !important;
padding: 1px 2px 1px 2px !important;
border: 1px solid gray!important;
border-radius: 5px!important;
font-family: "Helvetica Neue","Segoe UI",Helvetica,Arial,"Lucida Grande",sans-serif!important;
background: -moz-linear-gradient(center top , #3d3d3d, #050708) repeat scroll 0 0 transparent !important;
-moz-appearance: none !important;
}
#add-new-list-inline {
width: 163px !important;
border: 1px solid gray !important;
border-radius: 5px!important;
color: white !important;
}
#new-list-name-add {
width: 163px !important;
border: 1px solid gray !important;
border-radius: 5px!important;
font-family: "Helvetica Neue","Segoe UI",Helvetica,Arial,"Lucida Grande",sans-serif!important;
background: -moz-linear-gradient(center top , #3d3d3d, #050708) repeat scroll 0 0 transparent !important;
color: white !important;
text-align: center!important;
}
/* LIST - PANEL LEFT - FOLDER - ALL??? */
.items-nav li i {
line-height: 22px !important;
max-width: 180px ! important;
}
.items-nav li.selected {
border-bottom-width: 0 !important;
border-top-width: 0 !important;
line-height: 22px !important;
max-width: 180px ! important;
background: black ! important;
}
.items-nav li a{
color: peru ! important;
}
.items-nav li.selected a{
color: gold ! important;
}
/* (CONTACTS LEFT PANEL - FOLDER + */
.contacts-all a {
line-height: 22px !important;
max-width: 180px ! important;
}
.contacts-lists.btn-contactlists {
border-bottom: 1px solid gray !important;
height: 20px !important;
}
.contacts-lists.btn-contactlists>a i {
height: 15px !important;
line-height: 15px !important;
}
/*CONTACT - LINK HOVER - === */
.ml-contacts .list-view-items .list-view-item:hover .contact-info .contact-detail.contact-name span.linkifyplus a ,
.ml-contacts .list-view-items .list-view-item:hover .contact-info .contact-detail.contact-name ,
.contacts-lists.btn-contactlists:hover>a i {
color: gold !important;
}
/* ANSWERS YAHOO - LOGO */
#yucsHead.yucs-answers #yucs-logo {
margin-left: 172px !important;
margin-top: -5px !important;
width: 190px !important;
}
/* YAHOO LOGO + SEARCH */
#Stencil:not(.Sticky-on):not(.Answers) .Mx-a {
margin-top: 5px !important;
margin-left: 32px!important;
margin-right: auto;
transform: scale(0.5)!important;
transform-origin: top left !important;
}
#Stencil:not(.Sticky-on):not(.Answers) .W-100.Reset.H-100 {
height: 14px !important;
padding-right: 40px !important;
width: 100%;
margin-top: -12px!important;
}
#Stencil:not(.Sticky-on):not(.Answers) form#UHSearch.Reset table.W-100.Reset.H-100 tbody td{
width: 100%;
height: 100% !important;
min-height: 19px !important;
max-height: 19px !important;
}
#Stencil:not(.Sticky-on):not(.Answers) #UHSearchBox {
min-height: 22px!important;
color: white!important;
font-size: 14px!important;
padding: 0px 6px!important;
box-sizing: content-box!important;
}
#Stencil.Sticky-on #UHSearchBox {
color: white!important;
}
#Stencil:not(.Answers) .StencilRoot input#UHSearchBox {
background-color: rgba(90, 90, 91, 0.85) ! important;
}
#Stencil:not(.Sticky-on) .W-100.search-autocomplete {
display: inline-block !important;
min-width: 100% !important;
max-width: 100% !important;
height: 27px!important;
}
.tokenized-typeahead {
position: relative;
width: 100%!important;
min-width: 350px !important;
}
#Stencil:not(.Sticky-on):not(.Answers) .lt .typeahead-input-container ,
.typeahead-content-box ,
#Stencil .search-autocomplete .tokenized-typeahead-container {
height: 24px!important;
}
#Stencil:not(.Sticky-on):not(.Answers) .search-autocomplete .tokenized-typeahead-container {
border: 1px solid rgb(0, 0, 0) !important;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06), 1px 1px 0 rgba(255, 255, 255, 0.03), -1px -1px 0 rgba(0, 0, 0, 0.02), 1px 1px 0 rgba(255, 255, 255, 0.05) inset !important;
border-radius: 3px !important;
background: transparent !important;
}
#Stencil .typeahead-input {
border: 0 none;
bottom: 4px !important;
box-shadow: none;
display: inline-block;
font-size: 1.4rem;
min-height: 24px!important;
padding: 3px 10px !important;
width: 100%;
}
#Stencil .search-folder-scope-dd {
position: absolute;
box-sizing: border-box;
max-width: 120px;
height: 24px!important;
margin: 0;
padding: 0 26px 0 0;
right: 0;
top: 1px !important;
z-index: 1;
}
.search-content button .icon-chevron:before {
content: "";
left: -6px;
position: relative;
top: 1px;
color: gold !important;
}
#Stencil .search-folder-scope-dd .search-folder-name,
#Stencil .search-folder-scope-dd .icon-chevron {
color: #7590f5;
line-height: 24px !important;
}
.search-buttons {
display: table-cell;
height: 24px!important;
}
.search-menu-button.right-folder-dd.search-folder-scope-dd span.icon.icon-small-search{
top: -3px !important;
left: 1px !important;
}
#Stencil:not(.Sticky-on):not(.Answers) .StencilRoot .Btn {
display: inline-block !important;
line-height: 20px!important;
height: 24px!important;
margin-top: -2px !important;
padding: 0 4px !important;
vertical-align: top !important;
border-radius: 3px;
box-sizing: border-box;
text-align: center;
text-decoration: none;
background-repeat: repeat-x;
}
#web-search-btn ,
#mail-search-btn {
display: inline-block !important;
line-height: 20px!important;
height: 24px!important;
padding: 0 4px !important;
vertical-align: top !important;
border-radius: 3px;
box-sizing: border-box;
text-align: center;
}
#Stencil:not(.Sticky-on):not(.Answers) #UHSearchBox ,
#Stencil:not(.Sticky-on):not(.Answers) #yucs-satray ,
#Stencil:not(.Sticky-on):not(.Answers) #UHSearchWeb,
#Stencil:not(.Sticky-on):not(.Answers) #UHSearchProperty {
box-sizing: content-box;
height: 24px!important;
min-width: 92px;
padding-left: 14px;
padding-right: 14px;
line-height: 24px!important;
}
/* COMPOSE BUTTON + TABS */
.listnav > li#Compose .btn-compose {
height: 12px !important;
line-height: 3px !important;
overflow: visible !important;
}
.listnav > li#Compose .btn-compose i {
margin-top: -7px !important;
}
.nav-final #shellnavigation, .nav-final #shellinner {
border-top: none !important;
}
.no-subnav .listnav > #Compose {
height: 30px !important;
top: 7px !important;
}
.nav-tabs .nav-tab-li {
position: relative;
display: inline-block;
height: 22px !important;
line-height: 22px ! important;
-moz-box-sizing: border-box;
vertical-align: top;
top: -1px !important;
padding: 0px 11px;
overflow: hidden;
}
.nav-tabs .nav-tab-li a {
width: 120px!important;
height: 26px!important;
line-height: 25px!important;
margin-top: -2px!important;
color: white!important;
text-overflow: ellipsis!important;
}
.nav-tabs .close-tab {
bottom: 0;
font-size: 13px;
right: 0px!important;
top: 0px ! important;
color: red!important;
}
#tabs #tabOverflow.unremovable {
display: inline-block;
height: 20px !important;
top: 0px !important;
}
#tabs #tabOverflow.unremovable a {
margin-top: -13px !important;
}
/* COMPACT TOP HEADER - MAILS TOTAL CONTAINER - ==== */
#paneshell {
top: -40px !important;
}
.pc #main {
top: 65px !important;
}
/* MAIL WRITE */
.yui3-widget.yui3-overlay.yui3-autocompletewidget {
width: 700px !important;
}
.compose-header {
-moz-box-sizing: border-box;
background: -moz-linear-gradient(center top , #3D3D3D, #050708) repeat scroll 0 0 transparent !important;
border-bottom: 1px solid #D7D5D5;
padding: 2px 28px 0;
}
.compose-header .cm-to-group {
padding-top: 4px !important;
}
.compose-header .subject input {
color: tan !important;
padding-top: 9px !important;
position: relative;
}
/* COMPOSE - CONTACT SEARCH */
.contact-search.field li input {
background: #C5C3C3 !important;
border: 0 none;
border-radius: 5px !important;
color: black !important;
height: 15px !important;
margin-left: 4px !important;
padding: 4px 8px;
}
#msg_details .lozenge-static ,
.lozenge-edit {
background: -moz-linear-gradient(center top , #3D3D3D, #050708) repeat scroll 0 0 transparent !important;
border-color: transparent;
}
.recipients .lozengfy:hover,
.hLozenge span:hover {
margin-top: 0 !important;
color: gold !important;
background: black !important;
}
.recipients .lozengfy:hover:after,
.hLozenge span:hover:after {
color: gold !important;
}
.lozenge-error {
background: #D2322D !important;
color: #FFFFFF;
}
/* (Without Advanced search selection */
html:not(.lt-ie10) .custom-select:not(.W-100) {
background: -moz-linear-gradient(center top , #3D3D3D, #050708) repeat scroll 0 0 transparent !important;
}
html:not(.lt-ie10) .custom-select select {
margin-left: -2px !important;
padding: 0 15px 0 6px !important;
border-radius: 5px !important;
border: 1px solid black !important;
color: peru !important;
text-align: center !important;
background: -moz-linear-gradient(center top , #3D3D3D, #050708) repeat scroll 0 0 transparent !important;
}
.compose-header .address-btns a ,
.compose-label[for="from-field"]{
color: #196AD4 !important;
}
.hLozenge,
.dd-hLozengeBox span {
color: tan !important;
}
#ac-to-results {
border-radius: 5px !important;
border-radius: 0 0 10px 10px !important;
background: -moz-linear-gradient(center top , #333333, black) repeat scroll 0 0 transparent !important;
}
.yui3-widget #ac-to-results.ac-results li:nth-child(odd) {
border-radius: 5px !important;
background: #333333 !important;
color: #B5B4B4 !important;
}
.yui3-widget #ac-to-results.ac-results li:nth-child(even) {
border-radius: 5px !important;
background: #222222 !important;
color: #939393 !important;
}
.yui3-widget #ac-to-results.ac-results li.yui3-acwidget-selected span.ac-value> span {
border-radius: 5px !important;
background: -moz-linear-gradient(center top , #3D3D3D, #050708) repeat scroll 0 0 transparent !important;
padding: 2px 5px !important;
color: tan !important;
}
.yui3-widget #ac-to-results.ac-results li.yui3-acwidget-selected span.ac-value> .email {
color: violet !important;
}
.yui3-widget #ac-to-results.ac-results li.yui3-acwidget-selected span.ac-value> span b ,
.yui3-widget #ac-to-results.ac-results li.yui3-acwidget-selected span.ac-value> .email b {
font-size: 18px !important;
color: green !important;
}
.compose-header .icon-close.icon {
background: black !important;
border-radius: 20px !important;
color: red !important;
font-size: 23px !important;
margin-top: 10px !important;
padding: 4px !important;
}
/* DELETE ADRESS EMAIL */
.icon-small-close:before {
content: "" !important;
color: red !important;
}
/* BUTTON VIEW / CLOSE */
#toolbar .btn-absolute {
position: relative !important;
top: -3px !important;
height: 28px !important;
left: -1.2% !important;
text-align: left !important;
}
.pc #shellcontent {
top: -10px !important;
}
.pc #shellnavigation {
margin-top: -7px !important;
}
.listnav-outter {
bottom: 0;
left: 0;
overflow-x: hidden;
overflow-y: auto;
padding-top: 10px;
position: absolute;
right: 0;
top: 17px !important;
}
/* BUTTON - SELECTED */
#toolbar #btn-select-dd {
height: 28px !important;
top: -2px !important;
left: -3px;
padding-left: 0;
padding-right: 0;
border-radius: 0 03px 3px 0 !important;
}
/* BUTTON - TOGGLE / SEPARATOR */
#storm-listnav .nav-toggle {
border-radius: 5px !important;
background: -moz-linear-gradient(center top , #333333, black) repeat scroll 0 0 transparent !important;
opacity: 0.6 !important;
}
#storm-listnav .nav-toggle:hover {
background: -moz-linear-gradient(center top , tan, black) repeat scroll 0 0 transparent !important;
opacity: 1 !important;
}
#storm-listnav .nav-toggle a:after {
color: gold !important;
content: "";
}
.nav-toggle a:before,
.nav-separator {
border-bottom: 3px dotted gray !important;
}
/* MAILS SEARCH - RESULTS HIGHTLIGHT - === */
.result .found {
color: #008000 !important;
}
/* BACKGROUND GENERAL (COLOR the RIGHT COLUMN - PUB - which is white when YOU OPEN THE YAHOOMAIL THE FIRST TIME */
.panescroll.uh3.lt.non-threaded.mf.mas #main[aria-labelledby="tabinbox"] {
background: #333333 !important;
top: 88px;
}
/* MAIL READ - WHITE - === */
.panescroll #main #paneshell #shellcontent .reselectable .messagepane .message {
height: 42px !important;
}
/* A VOIR - LINKS - COLOR - SHADOW
:not([#paneshell #shellcontent .reselectable .messagepane .message .msg-body a]) ,
:not([id=".fullpage #paneshell #shellcontent .reselectable .messagepane .message .msg-body table tbody tr td table tbody tr td table tbody tr td a span"]) ,
a :not([id="yucs-nav_button"]):not([class="yui3-menuitem-content"]):not([class="yucs-menu_anchor"]):not([id=".fullpage #paneshell #shellcontent .reselectable .messagepane .message .msg-body table tbody tr td table tbody tr td table tbody tr td a span"]) ,
span ,
=== */
#modalOverlay ,
.panescroll .yui3-widget #modalOverlay.modal h2.modal-hd ,
.panescroll .yui3-widget #modalOverlay.modal .frontpanel .modal-bd ,
/*#main ,*/
[id*="yucs"],
[id*="yucs"] a ,
[id*="btn"] ,
[id*="btn"] a ,
[id*="btn"] a b ,
[id*="menu"] li a span ,
#toolbar ,
#shellnavigation ,
[id*="shellnavigation"] .items ul li a i {
color: gray ! important;
/* background: red !important; */
}
/* TOP HEADER - USER CONNEXION - BACKGROUND MENU HOVER - ==== */
.Bg\(\#fff\) {
background: #222 !important;
/* background: red !important; */
}
.C\(\#000\) {
color: peru !important;
}
/* TOP NAV - SEARCH TERMS / PROFILE CONNEXION */
.StencilRoot .Ell {
color: peru !important;
}
.StencilRoot #uhNavWrapper .Ell {
color: peru !important;
}
.StencilRoot.search-container .typeahead-list .Fw-b {
color:green !important;
}
#Stencil #uhWrapper #yucs-profile #yucs-profile-panel li a{
color: gold !important;
}
/* )MSG LIST - SUPP LINE ADD (PUB */
.list-view-items .list-view-items-page > div:not(.list-view-item-date-label):not(.list-view-item ) {
display: none !important;
transition: none !important;
visibility: hidden !important;
height: 0 !important;
width: 0 !important;
overflow: hidden !important;
}
/* MSG LIST / PERSON VIEWS - TEST - NEW MAILS DATE INFOS + TOP DATE LABEL FROST on SCROLL */
.list-view-item-date-label,
.tc .list-view-item-date-label {
height: 13px !important;
line-height: 13px !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.7) !important;
color: gold !important;
background: rgba(37, 34, 34, 0.75) none repeat scroll 0 0 !important;
}
.anchored-header ,
.tc .anchored-header {
height: 18px !important;
line-height: 18px !important;
background-color: black !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.7) !important;
border-bottom: 1px solid gold !important;
}
.message-list-group {
background-color: black !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.7) !important;
border-bottom: 1px solid gold !important;
}
.anchored-header .list-view-item-date-label ,
.tc .anchored-header .list-view-item-date-label {
height: 18px !important;
line-height: 15px !important;
margin-top: 0px !important;
font-size: 18px !important;
color: peru !important;
border-top: 1px solid rgba(255, 255, 255, 0.7) !important;
border-bottom: 1px solid gold !important;
background-color: black !important;
}
/* MSG LIST - LINE - ALL TXT COLOR */
.list-view-item {
color: #DCD4D3 !important;
}
/* MSG LIST - SEARCH IN MAIL - DATE TITLE */
.message-list-group[data-title]::before {
display: block;
content: attr(data-title);
line-height: 1;
border-top: 1px solid gray !important;
font-size: 13px;
background: #333 !important;
}
/* MSG LIST - SEARCH IN MAIL - HIGHTLIGHT SEACH TERMS */
.message-snippet .found, .message-subject .found {
background-color: rgba(205, 134, 63, 0.74) !important;
color: white !important;
}
.message-list-item:hover .message-action-btn {
width: 20px !important;
opacity: 1 !important;
pointer-events: auto;
}
.message-list-item:hover .message-action-btn span {
opacity: 1 !important;
pointer-events: auto;
}
.message-list-item:hover .message-action-btns {
background-color: rgba(0, 0, 0, 0.36) !important;
}
/* MESSAGE LIST - ZEBBRA */
/* #slot_MB.ml-bg[hidden="hidden] .list-view-item:not(.list-view-item-date-label):nth-child(odd) , */
.list-view-items .list-view-items-page > div[class*="list-view-item"]:not(.list-view-item-date-label):nth-child(odd) {
background: #222 !important;
transition: all ease 0.4s !important;
}
.list-view-items .list-view-items-page > div[class*="list-view-item"]:not(.list-view-item-date-label):nth-child(even) {
background: #333 !important;
transition: all ease 0.4s !important;
}
.list-view-items .list-view-items-page > div[class*="list-view-item"]:not(.list-view-item-date-label):nth-child(odd):hover ,
.list-view-items .list-view-items-page > div[class*="list-view-item"]:not(.list-view-item-date-label):nth-child(even):hover {
background: black !important;
transition: all ease 0.4s !important;
}
/* MSG LIST - SELECTED/FOCUS LINE */
.expanded .list-view-item:focus,
.keyboard-active .expanded .list-view-item:focus,
.list-view .selected,
.keyboard-active .list-view .selected,
.expanded .list-view-item-master.selected,
.keyboard-active .expanded .list-view-item-master.selected,
.items li.cntxtmenu {
border: 1px dotted gray !important;
}
/* MSG LIST - TOP SELECT BOX */
#pagetoolbar #match-messagelist-sizing #btn-ml-cbox label input {
cursor: pointer;
left: 10px !important;
opacity: 0;
position: absolute;
top: 2px !important;
z-index: 1;
}
/* TOOLBAR TOP - TXT COLOR */
.fresh-toolbar .btn .icon-text ,
#toolbar.glass .commontasks #pagetoolbar span.btn span ,
#toolbar.glass .commontasks #pagetoolbar span.btn label input {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0);
border: 1px solid rgba(237, 237, 237, 0);
color: gray !important;
}
a ,
i ,
span {
text-shadow: none ! important;
}
/* (new21) PB A VOIR - CONTACT FOLDER SELECTED - === */
.contacts-lists.selected a i ,
.items-nav li.selected a i {
color: peru ! important;
}
/* A VOIR - LINKS HOVER - GENERAL */
#shellnavigation:hover ,
[id*="shellnavigation"] .items ul li a i:hover ,
i:hover {
text-shadow: none ! important;
color: gold ! important;
}
/* PANEL RIGHT - CHECK BOX MENU - HOVER + FOCUS - === */
#shellcontent .btn-hdr a.enabled:focus,
#shellcontent .btn-hdr a.enabled:hover {
background: #222222 ! important;
outline: 0 none;
}
/* LINKS === */
.list-view-items .txt a {
text-shadow: none ! important;
color: tomato ! important;
}
h2#custom-folders-nav .btn,
h2#nav-applications .btn,
.items h2 span.label {
text-shadow: none ! important;
color: gold ! important;
background-color: gold ! important;
}
/* LABELS === */
.items h2 span.label {
background-color: gold ! important;
}
.items h2 span.label {
text-shadow: none ! important;
color: peru ! important;
background-color: gold ! important;
}
/* TEST */
.legend {
border-radius: 5px !important;
}
/* ICONS - PANEL RIGHT + LIST MAILS + TABS CLOSE - ICONS - FORWARDED / JOINED FILE-PIECE JOINTE / TRASH (SOLUCE for ADBLOCK ENABLE too) */
.icon-small-search ,
.list-view .info-replied ,
.info.info-forwarded ,
.file.icon {
display: inline-block !important;
height: 100% !important;
min-height: 20px !important;
max-height: 20px !important;
width: 100% !important;
min-width: 18px !important;
max-width: 18px !important;
line-height: 20px !important;
margin-top: 3px !important;
border-radius: 5px !important;
padding: 0 !important;
background-color: #0F4789 !important;
border: 1px solid green !important;
opacity: 0.4 ! important;
}
.icon-small-search:hover {
border: 1px gray solid ! important;
opacity: 1 !important;
visibility : visible !important;
background-color: tan ! important;
}
.flag {
line-height: 20px !important;
height: 20px !important;
width: 18px !important;
margin-top: 3px! important;
padding: 0 !important;
border: 1px solid green !important;
border-radius: 5px !important;
background-color: #0F4789 !important;
}
.flag:hover {
background-color: red ! important;
border: 1px gray solid ! important;
}
.threadpane .message-header .flag {
opacity: 0.2 !important;
top: 10px !important;
}
.threadpane .message-header .flag:hover {
opacity: 1 !important;
top: 10px !important;
}
.icon.delete-msg {
background-color: white ! important;
height: 17px ! important;
line-height: 17px !important;
width: 19px ! important;
border-radius: 10px ! important;
opacity: 0.4 ! important;
}
.icon.delete-msg:hover {
opacity: 1 ! important;
}
.tabs li.active:hover > span.close-tab {
background-color: red ! important;
height: 11px ! important;
width: 13px ! important;
border-radius: 5px ! important;
opacity: 0.8 ! important;
}
.list-view-item .icon.file {
margin-top: 3px !important;
opacity: 0.65 !important;
width: 14px !important;
}
.list-view-item .icon.file:hover {
opacity: 1 !important;
}
.thread-info .file {
left: -5px !important;
opacity: 1 !important;
width: 15px !important;
}
.list-view-item .count {
position: relative !important;
color: white !important;
display: inline-block !important;
bottom: 11px !important;
line-height: 10px !important;
}
.inf-scroll-btn .icon-back-to-top {
color: red !important;
padding: 1px 7px;
}
/* ARROWS + RIGHT ARROW for wide SCREEN */
.wide-right-rail .right-ar {
right: 18px !important;
}
.wide-right-rail .right-ar:before {
color: red !important;
}
/* FOLDER PRESO - ARROW */
#storm-listnav .listnav-container .listnav-folder .listnav-folder-open.icon.arrow-right {
position: absolute !important;
display: inline-block !important;
right: 0px !important;
top: -2px !important;
color: blue !important;
}
#storm-listnav .listnav-container .listnav-folder .folder.selected a.listnav-folder-open {
position: absolute !important;
display: inline-block !important;
right: 0 !important;
top: 5px !important;
color: gold !important;
}
/* BACKGROUND SPECIAL PLACES */
/* (new15) OVERLAY - === */
.yui3-overlay-mask,
.yui3-overlay-clearmask {
position: fixed;
width: 100%;
background-color: rgba(20, 20, 20, 0.7) !important;
opacity: 0.7 !important;
}
/* BACKGROUND - TAB SELECTED + HOVER - === */
#tabinbox[aria-selected="true"] ,
#tabcontacts[aria-selected="true"] ,
#tabcalendar[aria-selected="true"] ,
.tabs ul#tablist.tablist li.removable a[aria-selected="true"] {
background-color: black ! important;
border: goldenrod 1px solid ! important;
color: peru ! important;
}
.nav-bar .tabs .active a:hover {
background-color: whitesmoke !important;
background-image: linear-gradient(to bottom, #222222 0px, #333333 100%) !important;
border-color: #252525;
filter: none !important;
}
/* MENUS GENERAL - OPACITY - === */
.colorPickerMenu {
opacity: 1 ! important;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.66)!important;
}
/* MENUS GENERAL - SETTINGS / PARAMETRES MAIL */
#options-filters{
background: #333 ;
color: gold !important;
}
.modal-settings .modal-bd .nav .selectable li a {
color: gold !important;
}
.modal-settings .modal-bd .nav .selectable li.selected a {
background: green !important;
color: gold !important;
}
.modal-settings ul.selectable li.selected a {
background: #222 ;
color: gold !important;
}
.modal-settings ul.selectable li a:hover {
background: black ;
color: gold !important;
}
/* BACKGOUND HOVER - MENUS - LIST ITEMS */
#menu-system-folder.optionMenu li:hover ,
#menu-msglist.optionMenu li:hover ,
#menu-reply.optionMenu li:hover ,
#menu-forward.optionMenu li:hover ,
#menu-folder.optionMenu li:hover ,
#menu-actions.optionMenu li:hover ,
#menu-actions.optionMenu ul.multimsg li.multimsg:hover ,
#menu-msg-actions.optionMenu li:hover ,
#menu-move.optionMenu ul#menu-move-folder li:hover {
background-color: black ! important;
color: gold ! important;
}
#menu-system-folder.optionMenu li a span:hover ,
#menu-msglist.optionMenu li a span:hover ,
#menu-reply.optionMenu li a span:hover ,
#menu-forward.optionMenu li a span:hover ,
#menu-folder.optionMenu li a span:hover ,
#menu-actions.optionMenu li a span:hover ,
#menu-actions.optionMenu ul.multimsg li.multimsg a span:hover ,
#menu-msg-actions.optionMenu li a span:hover ,
#menu-move.optionMenu ul#menu-move-folder li a span:hover {
color: gold ! important;
}
/* MAILS / CONTACTS - CHECK BOX - CHECKED / UNCHEKED */
.cbox span {
color: gray !important;
}
.cbox input + span::before {
content: "";
color: gray !important;
}
.cbox input[aria-checked="true"] + span::before {
color: peru !important;
}
/* POPUP MENU TOP RIGHT - OPTIONS - LINES between each - === */
.yucs-separator {
background-color: #222222 !important;
margin: 0 ! important;
}
/* ZEBRA MESSAGE LIST= */
/* ZEBBRA - MATCH MAILS LIST TOO - from SEARCH REFIMENT LIST */
#msg-list.result.srpWithFolder.ml-regular .list-view-item:nth-child(even),
#msg-list.result.srpWithoutFolder.ml-regular .list-view-item:nth-child(even) {
height: 29px;
line-height: 28px;
background-color: #333333!important;
}
#msg-list.result.srpWithFolder.ml-regular .list-view-item:nth-child(odd),
#msg-list.result.srpWithoutFolder.ml-regular .list-view-item:nth-child(odd) {
height: 29px;
line-height: 28px;
background-color: #222222 !important;
}
#msg-list.result .list-view-item:hover,
#msg-list.result .list-view-item.selected,
#msg-list-no-result .list-view-item:hover,
#msg-list-no-result .list-view-item.selected {
background-color: blue !important;
}
/* CONTACT SEARCH REFINEMENT - AUTHOR - SUBJECT MAX WIDTH */
.content.srpWithFolder .list-view-item .flex .from, .content.srpWithoutFolder .list-view-item .flex .from {
right: 84%!important;
}
.result.srpWithFolder .list-view-item .flex .subj {
right: 8% !important;
width: 75% !important;
}
/* CONTACT SEARCH REFINEMENT - HOVER WORD REFINEMENT */
.content.srpWithFolder .list-view-item .subj .subject-action-group,
.content.srpWithoutFolder .list-view-item .subj .subject-action-group {
color: peru !important;
}
.content.srpWithFolder .list-view-item:hover .subj .subject-action-group,
.content.srpWithoutFolder .list-view-item:hover .subj .subject-action-group {
position: relative;
box-sizing: border-box;
float: left;
height: 26px !important;
max-width: 60% !important;
padding-right: 20px !important;
padding-left: 5px !important;
border-radius: 3px !important;
overflow: hidden;
transition: padding-right 100ms ease-out 0s;
color: tomato !important;
border: 1px solid green !important;
}
.content.srpWithFolder .list-view-item .flex .subj .subject-snippet-group .subject-action-group .action-toolbar .icon,
.content.srpWithoutFolder .list-view-item .flex .subj .subject-snippet-group .subject-action-group .action-toolbar .icon {
transition: opacity 100ms ease-in-out 0s;
transform: scale(0.7)!important;
}
/* UNREAD - SENDER NAME */
#msg-list .list-view-item-container .list-view-item.unread .flex .name-list ,
#msg-list .list-view-item-container .list-view-item.unread.selected .flex .name-list {
color: tan ! important;
}
/* ICON REPLIED / FORWARDED */
.list-view-item .icon.file ,
.info-forwarded ,
.info-replied {
display: inline-block !important;
width: 20px !important;
height: 20px !important;
margin-top: 4px !important;
padding: 0 !important;
}
.list-view-item .icon.file::before ,
.info-forwarded::before ,
.info-replied::before {
color: peru !important;
width: 20px !important;
height: 20px !important;
padding: 0 !important;
}
/* (new20) ICON UNREAD - === */
.info-unread:before {
color: peru !important;
content: "";
}
.list-view-items .unread .info-unread {
opacity: 1;
}
.list-view-items .unread .info-unread:after {
position: absolute !important;
display: inline-block !important;
content: " " !important;
opacity: 1;
min-width: 5px !important;
max-width: 5px !important;
min-height: 5px !important;
max-height: 5px !important;
line-height: 5px !important;
margin-left: -16.5px !important;
top: 8.6px !important;
margin-top: -0.7px! important;
padding: 3px !important;
border-radius: 10px !important;
border: 1px solid red !important;
}
#msg-list .unread .flex .subj .subject.bold {
color: tan !important;
opacity: 1;
}
/* SELECTED */
#msg-list .list-view-item-container .list-view-item.selected {
background: #6D6C6C !important;
color: tan ! important;
}
#msg-list .list-view-item-container .list-view-item.selected:hover {
background: #4E4D4D !important;
color: tan ! important;
}
/* HOVER - (even)#676767 (Gray light) / (odd)#4E4C4C or #151515 */
#new-list-name-add:hover ,
.items-nav-contacts .legend[role="toolbar"] span#custom-lists-btn + span .btn.small.left.right input.add:hover ,
#msg-list .list-view-item-container:nth-child(odd) .list-view-item:hover ,
.items-nav-contacts.contacts-lists ul li:nth-child(odd):hover {
background-color: #676767 ! important;
color: gold ! important;
opacity: 1!important;
}
#msg-list .list-view-item-container:nth-child(even) .list-view-item:hover ,
.items-nav-contacts.contacts-lists ul li:nth-child(even):hover {
background: #4E4C4C ! important;
}
#msg-list .list-view-item-container .list-view-item:hover span {
color: gold ! important;
}
/* UNREAD */
#msg-list .list-view-item.unread {
color: #CCC49E ! important;
color: #AD835A !important;
}
/* DATE */
.date{
color: tan !important;
}
/* Mesg List SNIPPET */
#paneshell #shellcontent.threaded #inboxcontainer #msg-list.unselectable .list-view .list-view-items .list-view-items-page .list-view-item-container .list-view-item .flex .subj span.thread-snippet {
display: inline-block !important;
max-width: 35% !important;
overflow: hidden !important;
padding-left: 6px;
text-overflow: ellipsis !important;
}
#paneshell #shellcontent.threaded #inboxcontainer #msg-list.unselectable .list-view .list-view-items .list-view-items-page .list-view-item-container:hover .list-view-item .flex .subj span.thread-snippet {
display: inline-block !important;
max-width: 100% !important;
overflow: hidden !important;
padding-left: 6px;
text-overflow: ellipsis !important;
}
/* FOLDER LABEL */
#storm-listnav li#Inbox.in .inbox-label ,
#storm-listnav li#Folders.folders a .icon-text {
max-width: 89% !important;
margin-left: -10px !important;
padding: 2px 5px 2px 2px !important;
border-radius: 5px !important;
}
.listnav .listnav-container .listnav-folder li {
left: -19px !important;
width: 160px !important;
}
#custom-folders .foldername {
min-width: 124px !important;
max-width: 85% !important;
left: -10px !important;
}
/* MESG READ */
.thread-content .message-header {
background-color: #222222 !important;
cursor: default;
min-height: 35px;
overflow: visible;
padding: 4px 0;
position: relative;
}
.threadpane .thread-content {
color: gray !important;
}
/* NEW / CLASSIC - CONTACTS */
.business-card-container:not(:empty) ,
body.smartcontacts #emails.details-table:not(:empty) {
position: relative ! important;
display: inline-block !important;
float: left !important;
width: 40% !important;
clear: both !important;
padding: 10px ! important;
margin-bottom: 10px ! important;;
outline: 1px solid gray ! important;
}
#btn-contact-actions {
float: right;
padding-right: 0;
height: 28px!important;
line-height: 28px!important;
top: 1px!important;
}
#attachments:not(:empty) {
position: absolute !important;
display: inline-block !important;
clear: both !important;
float: right !important;
width: 50% !important;
height: 169px !important;
right: 2%!important;
margin-top: 20px !important;
padding: 10px ! important;
outline: 1px solid gray ! important;
}
body.smartcontacts .details-table .details-table-item ,
body.smartcontacts .details-table h3 {
border-bottom: 1px solid rgba(193, 192, 192, 0.2) !important;
}
body.smartcontacts .details-table .details-table-item .details-table-item-sub {
max-width: 75% !important;
padding-left: 10px;
}
body.smartcontacts .details-table .details-table-item .details-table-item-date {
opacity: 0.6;
right: 4% !important;
}
body.smartcontacts .details-table h3 {
margin-top: -20px !important;
padding: 10px !important;
border-bottom: medium none;
background: black !important;
}
.details-table .details-table-item .details-table-item-date {
position: absolute;
max-width: 180px;
top: 9px;
text-align: right;
}
/* ============== */
.contactpane .trow:nth-child(odd) {
background: #333333 !important;
height: 25px;
}
.contactpane .trow:hover {
background: black !important;
height: 25px;
}
.contactpane .datalist .name {
width: 44% !important;
}
.contactpane .datalist td:not(.insert) {
padding-left: 5px! important;
border-right: 1px solid gray! important;
}
/* CLASSIC - CONTACT LEFT SIDE*/
/* CONTACTS - PANEL LIST */
.pc.contacts.panescroll #shellnavigation {
top: 31px !important;
}
body.contacts #msg-list {
top: 31px !important;
background: transparent;
}
/* CONTACT - LEFT PANEL - TOP BLOCK CONTAINER */
.contacts #storm-listnav {
margin-top: 40px !important;
}
/* CONTACT LIST - CONTACTS INFOS */
.ml-contacts .list-view-items .list-view-item {
height: 30px !important;
overflow: hidden ! important;
}
.ml-contacts .list-view-items .list-view-item:hover {
height: 70px !important;
}
/* (new40) CONTACT LIST - CONTACTS INFOS - BUSINESS CARD - === */
.business-card {
position: relative;
max-width: 600px !important;
min-height: 170px;
padding: 0 170px 30px 20px;
background: black !important;
}
.business-card-silhouette {
line-height: 170px;
font-size: 150px ! important;
color: #333333;
opacity: 0.5 ! important;
background-color: #1C1C1C !important;
}
body.smartcontacts .business-card-silhouette::before {
content: "👤";
}
/* CONTACT - HOVER SELECTED */
.list-view #msg-list.unselectable .list-view #contacts-list-box.list-view-items #contacts-list-box.list-view-items-inner .list-view-item.selected ,
.ml-contacts .list-view-items .list-view-item.draggable.selected {
background-color: black! important;
border: 1px solid peru ! important;
}
.list-view #msg-list.unselectable .list-view #contacts-list-box.list-view-items #contacts-list-box.list-view-items-inner .list-view-item.selected:hover ,
.ml-contacts .list-view-items .list-view-item.draggable.selected:hover {
background-color: black ! important;
border: 1px solid peru ! important;
}
.flex .contact span .contact-detail a {
color: gray ! important;
font-size: 12px ! important;
}
.flex .contact span .contact-detail.contact-name {
width: 210px !important;
margin-top: 2px !important;
color: white ! important;
border-radius: 5px 0 0 5px !important;
font-size: 13px ! important;
padding: 0px 5px !important;
background: -moz-linear-gradient(center top , #3D3D3D, #050708) repeat scroll 0 0 transparent !important;
}
.flex .contact span.contact-info .subj.contact-detail {
min-width: 100% !important;
padding: 0px 5px !important;
background: -moz-linear-gradient(center top , #3D3D3D, #050708) repeat scroll 0 0 transparent !important;
}
.flex .contact span.contact-info .subj.contact-detail:nth-child(2){
margin-top: 3px !important;
}
.flex .contact span.contact-info .subj.contact-detail+.subj {
margin-top: 3px !important;
}
.flex .contact span.contact-info .subj.contact-detail>a {
color: tan !important;
}
/* CONTACTS RIGHT PANEL */
#contacts-content .services .btn.default ,
#import_container .services .btn.default {
background-color: rgb(62, 62, 62) !important;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.12)) !important;
border: 1px solid rgb(0, 0, 0) !important;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06), 1px 1px 0 rgba(255, 255, 255, 0.03), -1px -1px 0 rgba(0, 0, 0, 0.02), 1px 1px 0 rgba(255, 255, 255, 0.05) inset !important;
color: rgb(170, 170, 170) !important;
font-weight: bold !important;
outline: 0 none !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5) !important;
}
#card-header>h2{
color: tan !important;
}
#contacts-content .header,
#contacts-content .scroll-inner,
#contacts-content .actions {
background: #222222 !important;
}
.contact-details .details.label {
border-radius: 5px !important;
font-size: 18px ! important;
padding: 5px 15px !important;
background: -moz-linear-gradient(center top , #3D3D3D, #050708) repeat scroll 0 0 transparent !important;
color: tan !important;
}
.contact-details .details:not(.label) {
border-radius: 5px !important;
font-size: 14px ! important;
padding: 5px 15px !important;
background: -moz-linear-gradient(center top , #3D3D3D, #050708) repeat scroll 0 0 transparent !important;
color: tan !important;
}
.contact-details .details:not(.label) .details-value {
min-height: 18px !important;
color: gray !important;
}
.details-value.icn {
line-height: 17px !important;
color: gold !important;
}
/* ICON SURNOM */
.details-value[dir=""]:before {
content: url("http://tympanus.net/Development/MegaWebButtonsPack1//images/icons/user.png") !important;
display: inline-block !important;
position: relative !important;
transform: scale(0.8, 0.6) !important;
height: 20px !important;
margin-left: -10px !important;
top: 12px !important;
}
.contact-details .details-value[dir=""] {
position: relative !important;
display: inline-block !important;
top: -15px !important;
left: 0px !important;
margin-bottom: -15px !important;
}
/* ICON EMAIL */
.details>dd.user-email:before {
display: inline-block !important;
content: "." !important;
width: 16px !important;
height: 16px !important;
margin-right: 5px !important;
background-image: url(https://s.yimg.com/ok/u/assets/sprite/default/16x16/opis-mode-ltr.png) !important;
background-position: -0px -389px !important;
background-repeat: no-repeat !important;
color: transparent !important;
}
/* ICON MOBILE */
.details>dt + .ymsg-mobile a span:before {
display: inline-block !important;
content: "." !important;
width: 13px !important;
height: 19px !important;
margin-right: 10px !important;
background-image: url(https://s.yimg.com/ok/u/assets/sprite/default/16x16/opis-mode-ltr.png) !important;
background-position: -2px -240px !important;
background-repeat: no-repeat !important;
color: transparent !important;
}
.details-value>a {
line-height: 17px !important;
color: gray !important;
}
.mobile-conv>span {
line-height: 17px !important;
color: gray !important;
}
#contacts-content .header span {
color: tan !important;
display: block;
padding: 15px 0 0 25px;
position: relative;
white-space: nowrap;
width: 100%;
}
#contacts-content div.field span.qualify ,
.btn.multimsg span ,
fieldset label {
color: gray !important;
}
#email\:email\:279 .btn.multimsg span {
color: red !important;
}
#contacts-content span.multimsg:hover {
background: none repeat scroll 0 0 black !important;
color: inherit;
}
.icon-chevron-down:before ,
.icon-chevron-right:before {
color: gold !important;
content: "";
}
.icon-minus:before ,
.icon-add:before {
background: none repeat scroll 0 0 black !important;
border-radius: 8px 8px 8px 8px !important;
color: gold !important;
content: "";
padding: 2px !important;
}
/* MENU - MOVE MAIL IN FOLDER - TEST COUNTER */
#menu-move-folder {
counter-increment: myIndex ! important;
display: inline-block !important;
max-height: 600px !important;
width: 269px !important;
}
#menu-move ul li:before {
position: absolute !important;
min-width: 17px !important;
margin-top: 4px !important;
counter-increment: myIndex ! important;
content: counter(myIndex, decimal-leading-zero);
border-radius: 10px 0 0 10px !important;
box-shadow: 0 0 2px rgba(162, 160, 160, 0.6) inset !important;
font-size: 12px !important;
text-align: center !important;
color: peru !important;
background: none repeat scroll 0 0 rgba(62, 59, 59, 0.6) !important;
}
/* MENU POPUP - OPTION MENU */
.optionMenu {
background: #222222 !important;
}
.menu-active-item,
.optionMenu li:hover,
.dd-hLozengeBox {
background-color: #0D0D0D !important;
color: gold !important;
}
.optionMenu li a,
.optionMenu li i,
.optionMenu .menu-group .group-title,
.optionMenu .menu-group em {
color: gold !important;
}
/* CREATE NEW FOLDER */
.folder-menu-create-info {
color: gold !important;
}
.folder-menu-ul.folder-menu-create.folder-menu-input-on input {
color: white !important;
}
/* =================== */
/* PANEL LEFT - FOLDER - HOVER */
#Notepad:hover ,
.custom-contacts-lists:hover ,
#Contacts:hover ,
#Calendar:hover ,
#messenger:hover ,
#Folders:hover ,
.hasmultimsg:hover {
background-color: #113663 !important;
background-color: black !important;
background: -moz-linear-gradient(center top , black , #4b4a4a) repeat fixed 0 0 transparent !important;
}
/* PANEL LEFT - SELECTED FOLDER*/
#shellnavigation.unselectable #custom-folders-nav.items ul#custom-folders li.folder.selected ,
.hasmultimsg.selected {
background-color: #0F4789 !important;
}
#shellnavigation.unselectable #custom-folders-nav.items ul#custom-folders li.folder.selected:hover ,
.hasmultimsg.selected:hover {
background-color: black !important;
}
.hasmultimsg.selected a i{
color: gold ! important;
}
/* ==== BACKGROUND - WITHE COMENTS INSIDE ==== */
/* BACKGROUND - DARCK(#222222) - PANEL RIGHT - LIST MAILS - HEADER SORT/TRIER - ETC ... - Background -
body ,
html ,
A VOIR :
.fullpage .empty-folder,
.fullpage .send-confirm ,
.content.empty-folder ,
.empty-folder ,
body[role="application"] ,
=== */
/*#main ,
.fullpage ,
#toolbar ,
#shellcontent ,
#paneshell #shellnavigation.unselectable ,
.unselectable ,
.fresh-toolbar ,
#inboxcontainer ,
.yui3-menu ,
.yui3-menu.yucs-menu ,
.panescroll .message.content ,*/
/* BACKGROUND - PAGE CONTACT - JUST ??? FINE LINE UNDER - TRIPANE TOO (LET COMMENTED TO HAVE WHITE BACKGROUND - but SCROLLBAR WHITE...) */
/*.panescroll ,*/
/* BACKGROUND - LEFT SIDE */
#shellnavigation ,
/* BACKGROUND - PANEL LEFT - LABELS */
.items h2 span.label ,
/* BACKGROUND - RIGHT SIDE - MAIL OPTIONS .panescroll .content , */
/* BACKGROUND - RIGHT SIDE - 2 SIDES (left RIGHT) - TOUCHE under message WRITE */
#paneshell ,
/* BACKGROUND - RIGHT SIDE - CONTACT */
#contacts-content , /* CONTACT RIGHT SIDE*/
.list-view-items , /*2nd CONTACT LIST */
/* BACKGROUND - MESSAGE LISTE - PAGINATOR(top/right) */
#inboxcontainer #msg-list.unselectable .list-view .list-header-wrapper .list-header .pagination.l-split-right ,
/* BACKGROUND - POPUP(GENEARL)-
#yucs ,
.yucs-menu ,
#yucs .yucs-menu ,
#yucs-nav ,
#yucs-nav li ,
#yucs-nav a ,(icon site yahoo)
=== */
#yucs .yucs-menu .yui3-menu-content ,
.yucs-menu a ,
#yucs.yucs-mc ,
/* BACKGROUND - POPUP MENUS TOP - PROFILE - LINE between ITEMS */
.yucs-profile-items-panel ,
.dialog ,
.modal ,
.modal.lg ,
.modal .modal-bd,
.modal .modal-ft ,
.modal-pane-shell ,
.modal-pane-bd ,
.modal .modal-bd .items,
.modal .modal-bd .items h2 ,
.iowa_window_div ,
.items-choose ul ,
.items-choose li ,
.items ol ,
/* BACKGROUND - POPUP MENUS - GENERAL - MAILS LIST / MAIL READ / CONTACT ACTION / FOLDERS / ACTION / SELECTION CHECK BOX / SORT OPTION / MOVE */
#menu-msglist ,
/*#menu-ml-sortby ,*/
#menu-ml-cbox ,
#menu-folder ,
#menu-contact-actions ,
#menu-msg-actions ,
#menu-actions ,
#menu-move ,
#menu-move-folder ,
#menu-move-folder li ,
/* BACKGROUND - POPUP MENU - CONTACTS - ADD CONTACT TO LIST */
#modal-assign-to-lists ,
#modal-assign-to-lists .modal-bd ,
#modal-assign-to-lists .modal-ft ,
/* BACKGROUND - THE ADD */
.fullpage #theAd ,
.panescroll #theAd {
background-color: #222 !important;
background: #222 !important;
color: gray !important;
}
/* NOTEPAD VIEW */
body.calendar.notepad #main ,
.calendar.notepad #main {
max-width: 100% !important;
min-width: 100% !important;
top: 38px !important;
background-attachment: fixed;
background-position: center center;
background-image: none !important;
}
body.notepad #paneshell #shellcontent {
width: 90% !important;
left: 190px;
}
body.notepad #paneshell {
top: 5px !important;
}
body.notepad .ml-notepad .list-view-item .flex .note-name {
color: peru !important;
}
body.notepad .ml-notepad .list-view-item.selected .flex .note-name {
color: gold !important;
}
#main #toolbar {
display: inline-block !important;
max-width: 100% !important;
left: 10.2% !important;
}
.calendar.notepad #main #pagetoolbar {
margin-top: 0;
max-height: 30px;
width: 100% !important;
}
.calendar.notepad #main #toolbar .btn:first-child {
margin-left: 30px !important;
margin-top: 5px;
}
#noteEditPage textarea#note-body-edit {
margin-left: -9px;
}
body.notepad .ml-notepad .list-view-item .flex {
margin-left: 5px !important;
padding-top: 5px !important;
border-bottom: 1px solid gray !important;
}
body.notepad #add-new-list-inline {
height: 25px !important;
width: 183px !important;
}
.pc.calendar.notepad #shellnavigation {
top: 7px !important;
border-right: 1px solid gray !important;
}
/* NOTE - EDIT */
body.notepad #shellcontent #noteEditPage {
width: 84.5% !important;
background: #333 !important;
}
body.notepad #noteEditPage #note-title-edit {
width: 99% !important;
height: 33px !important;
line-height: 33px !important;
padding-left: 10px !important;
}
body.notepad #noteEditPage .edit-note-body {
bottom: 55px;
position: absolute;
right: 0;
top: 50px;
padding: 5px 5px 18px 15px !important;
}
body.notepad #noteEditPage .edit-note-footer {
width: 84% !important;
border-top: 1px solid #d7d5d5;
bottom: 0;
background: #222 !important;
}
body.notepad #noteEditPage .edit-note-footer span.btn.default {
line-height: 25px !important;
}
/* NOTEPAD VIEW - BACKGROUND / COLOR NOTEPAD */
body.calendar.notepad #msg-list {
color: gray !important;
background-color: #333 !important;
}
/* MAILS - TOOLBAR TOP */
#toolbar .btn:first-child {
margin-left: 5px !important;
margin-top: 5px!important;
}
#toolbar.fresh-toolbar .hasnomsg.hideReplyGroup #match-messagelist-sizing span.btn {
height: 26px !important;
line-height: 26px !important;
min-width: 20px !important;
margin-left: 0px !important;
top: -1px !important;
border-radius: 3px 0 0px 3px !important;
background-color: rgb(62, 62, 62) !important;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.12)) !important;
border: 1px solid rgb(0, 0, 0) !important;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06), 1px 1px 0 rgba(255, 255, 255, 0.03), -1px -1px 0 rgba(0, 0, 0, 0.02), 1px 1px 0 rgba(255, 255, 255, 0.05) inset !important;
color: rgb(170, 170, 170) !important;
font-weight: bold !important;
outline: 0 none !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5) !important;
}
#toolbar.fresh-toolbar .hasnomsg.hideReplyGroup.disableReplyGroup.hasmultimsg.msgChecked #match-messagelist-sizing span.btn {
height: 30px !important;
line-height: 30px !important;
min-width: 20px !important;
margin-left: 0px !important;
top: 21px !important;
border-radius: 3px 0 0px 3px !important;
background-color: rgb(62, 62, 62) !important;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.12)) !important;
border: 1px solid rgb(0, 0, 0) !important;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06), 1px 1px 0 rgba(255, 255, 255, 0.03), -1px -1px 0 rgba(0, 0, 0, 0.02), 1px 1px 0 rgba(255, 255, 255, 0.05) inset !important;
color: rgb(170, 170, 170) !important;
font-weight: bold !important;
outline: 0 none !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5) !important;
}
#toolbar.fresh-toolbar .hasnomsg.hideReplyGroup #match-messagelist-sizing span.btn label {
min-width: 20px !important;
margin-left: 10px !important;
}
#toolbar #main-btn-spam + #btn-spam {
margin-left: 3px;
border-radius: 0 3px 3px 0!important;
}
/* MAIL / CONTACT - TOOLBAR */
#pagetoolbar {
width: 98%!important;
max-height: 30px !important;
margin-top: 0px !important;
}
/* REPLY FORWARD BUTTONS - ADD TXT on HOVER (US / FR) */
#toolbar .btn.reply:hover:before {
position: absolute !important;
content: "Reply" !important;
margin-top: -18px !important;
margin-right: 10px;
font-size: 10px !important;
}
#Stencil[lang="fr-FR"] #toolbar .btn.reply:hover:before {
content: "Répondre" !important;
}
#toolbar .btn.reply-all:hover:before {
position: absolute !important;
content: "Reply to ALL" !important;
margin-top: -18px !important;
margin-right: 10px;
font-size: 10px !important;
}
#Stencil[lang="fr-FR"] #toolbar .btn.reply-all:hover:before {
content: "Répondre à TOUS" !important;
}
#btn-forward:hover:before {
position: absolute !important;
content: "Forward" !important;
margin-top: -18px !important;
margin-right: 10px;
font-size: 10px !important;
}
#Stencil[lang="fr-FR"] #btn-forward:hover:before {
content: "Transfert" !important;
}
/* BACKGROUND COLOR - TOOLBARS - NEAR BLACK (#0D0D0D ) */
.fullpage #toolbar.fresh-toolbar ,
.uh2 #main #toolbar.fresh-toolbar {
background-color: #0D0D0D !important;
background-image: none ! important;
}
.fresh-toolbar .btn {
height: 28px !important;
line-height: 28px !important;
top: -2px !important;
left: -19px !important;
margin-right: 4px !important;
padding: 0px 2px 0 2px !important;
background-color: rgb(62, 62, 62) !important;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.12)) !important;
border: 1px solid rgb(0, 0, 0) !important;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06), 1px 1px 0 rgba(255, 255, 255, 0.03), -1px -1px 0 rgba(0, 0, 0, 0.02), 1px 1px 0 rgba(255, 255, 255, 0.05) inset !important;
color: rgb(170, 170, 170) !important;
font-weight: bold !important;
outline: 0 none !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5) !important;
}
/* BACKGROUND COLOR - TOOLBARS (#222222 ) */
#toolbar ,
.fresh-toolbar ,
.actions , /* CONTACT PAGE*/
.intro , /*OPTIONS(top) MAIL */
.fullpage #toolbar.fresh-toolbar ,
.uh2 #main #toolbar.fresh-toolbar {
background-color: #0D0D0D !important;
background-image: none ! important;
}
/* BACKGROUND COLOR + BACKGROUND IMAGE - 2 TOOLBARS - RIGHT PANNEL - TRIER (top) + PGES SUIVANTES (bottom) */
.list-header-wrapper {
background-color: #222222 !important;
background-image: none ! important;
}
/* BACKGROUND COLOR - CORRECTON - === */
/* BACKGROUND COLOR - CORRECTON - RAIL RESIZE - === */
#rail-resize,
#rail-resize-hori,
#rail-resize-vert {
background-color: black !important;
border: 1px solid gray !important;
}
/* BACKGROUND MENU POPUP - MOVE / ACTIONS */
#menu-sort.optionMenu ,
#menu-sort.optionMenu li ,
#menu-forward.optionMenu ,
#menu-forward.optionMenu li ,
#menu-reply.optionMenu ,
#menu-reply.optionMenu li ,
#menu-move.optionMenu ,
#menu-move.optionMenu li ,
#menu-preview.optionMenu ,
#menu-preview.optionMenu li ,
#menu-folder.optionMenu ,
#menu-folder.optionMenu li ,
#menu-system-folder.optionMenu ,
#menu-system-folder.optionMenu li ,
#menu-msglist.optionMenu ,
#menu-msglist.optionMenu li ,
#menu-msg-actions.optionMenu ,
#menu-msg-actions.optionMenu li ,
#menu-apps.optionMenu ,
#menu-apps.optionMenu li ,
#menu-columns.optionMenu ,
#menu-columns.optionMenu li ,
#menu-actions.optionMenu ,
#menu-actions.optionMenu li {
opacity: 1 ! important;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.66)!important;
background-color: #333333 !important;
}
/* (new48) BACKGROUND MENU POPUP - COLOR PICKER - === */
#mail-app-container [data-test-id="menu"] > [data-test-id="color-picker"][role="menu"] ,
.colorPickerMenu {
opacity: 1 ! important;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.66)!important;
}
#mail-app-container [data-test-id="menu"] > [data-test-id="color-picker"][role="menu"] .P_6DEy .W_7rdk >ul[data-test-id="navigable-list"][role="list"] {
background-color: transparent ! important;
}
/* == WHITE + SIZE CORRECTION */
/* MAIL WRITE (+ MAIL LIST)- BORDURE AUTOUR MAIL */
.fullpage #shellcontent .content {
background: white! important;
position: relative;
}
/* MAIL READ / WRITE - HEIGHT MIN (padding or/+ min-height) */
.fullpage .msg-body {
overflow-x: auto;
overflow-y: hidden;
min-height: 550px ! important;
padding-bottom: 200px !important;
word-wrap: break-word;
}
/* TRIPANE - BACKGROUND COLOR (#222222) - TOOLBARS */
.list-header {
background: #222222 !important;
background-color: #222222 !important;
background-image: none ! important;
}
/* TRIPANE - BACKGROUND COLOR (#222222) - MAIL READ - MESSAGE NUMBER MAILS SELECTED - UNDER MESSAGE LIST (.msgs-selected) */
.comm-modes ,
.cm-loadingpane ,
.msgs-selected {
background: #222222 !important;
color: gold !important;
padding-top: 30px ! important;
margin-bottom: 23px;
margin-top: -29px ! important;
min-height: 780px !important;
text-align: center;
overflow: hidden ! important;
}
/* no VAR - TRIPANE - CORRECTION - BACKGROUND COLOR(WHITE) - WHITE */
#msg-preview {
background: white! important;
position: relative;
}
/* no VAR - BACKGROUND (#222222) - SPECIAL PLACES - A VOIR */
.empty-folder ,
.content.empty-folder ,
#inboxcontainer .content.empty-folder ,
.send-confirm {
background-color: #222222 ! important;
color: gray !important;
}
.list-view-status.loading {
background-color: #222 ! important;
color: gold ! important;
}
/* (new20) MENU - LINE BETWEEN BLOCK ITEMES - Shrink it - === */
.optionMenu ul,
#menu-tab-overflow div ul {
clear: both;
padding: 2px 0 !important;
}
/* (new15) no VAR - MAIL READ - BACKGROUND (white)COLOR - === */
.panescroll .content{
background: none repeat scroll 0 0 white !important;
color: gray !important;
}
/* (new15) no VAR - CONTACTS - BACKGROUND (DARK GRADIENT)COLOR -
background: -moz-linear-gradient(center top , #0E0E0E 0px, #333232 100%) repeat scroll 0 0 transparent !important;
background: -moz-linear-gradient(center top , #3D3D3D, #050708) repeat scroll 0 0 transparent !important;
=== */
/*.content .inner */
div.card-lg {
background: -moz-linear-gradient(center top , #3D3D3D, #050708) repeat scroll 0 0 transparent !important;
}
/* ============ END COULEUR =========== */
}
@-moz-document url-prefix("https://calendar.yahoo.com") {
/* (new63) YAHOO CALENDAR (Agenda / Note) 2021 */
/* START - URL PREF - YAHOO CALENDAR (Agenda / Note) ==== */
body[data-test-id="epoch-calendar-app"] .norrin-ybar {
top: 0px !important;
background-color: #111 !important;
background-image: linear-gradient(-45deg, #393939 15%, #070707 60%) !important;
}
body[data-test-id="epoch-calendar-app"] #body-container {
margin-top: 59px !important;
}
body[data-test-id="epoch-calendar-app"] #app[data-test-id="epoch-calendar-app"] {
height: 93.5vh;
}
/* CALENDAR (Agenda / Note) - INFOS POPOVER */
#ycalendar-app-component-container + div > div[data-test-id="popover-content"] {
top: 56.219px !important;
z-index: 50000 !important;
border:1px solid red !important;
}
#ycalendar-app-component-container + div > div[data-test-id="popover-content"] button[data-test-id="normal-button-btn"] + div{
height: 22px;
line-height: 15px;
font-size: 15px;
margin-bottom: 10px !important;
color:gold !important;
}
/* COLOR - CALENDAR (Agenda / Note) - SVG FILL - NOT WORK */
svg ,
button[data-test-id="journal-move-button-fuji-btn"] span svg ,
#ycalendar-app-component-container + div > div[data-test-id="popover-content"] button[data-test-id="normal-button-btn"] svg {
fill: peru !important;
background: gold !important;
}
/*COLOR - CALENDAR (Agenda / Note) - BACKGROUND WHITE */
#ycalendar-app-component-container div[data-test-id="note-detail-wrapper"] ,
div[data-test-id="notepad-toolbar-wrapper"] {
background: white !important;
}
/*COLOR - CALENDAR (Agenda / Note) - BACKGROUND #333 */
#ycalendar-app-component-container div[data-test-id="notepad-container"] .W_ZKGeo5 {
background: #333 !important;
}
/* END - URL PREF - CALENDAR (Agenda / Note) === */
}