/* ==UserStyle== @name Yahoo New Mail - Simply Dark and Gray (USw) v.72 @namespace https://greasyfork.org/en/users/8-decembre @version 72.0.0 @author decembre @description For Yahoo New Mail (2025) @license unlicense @downloadURL https://update.greasyfork.icu/scripts/412940/Yahoo%20New%20Mail%20-%20Simply%20Dark%20and%20Gray%20%28USw%29%20v72.user.css @updateURL https://update.greasyfork.icu/scripts/412940/Yahoo%20New%20Mail%20-%20Simply%20Dark%20and%20Gray%20%28USw%29%20v72.meta.css ==/UserStyle== */ @-moz-document domain("mail.yahoo.com"), domain("calendar.yahoo.com") { /* ==== 0- Yahoo New Mail - Simply Dark and Gray - 2023 v.72(new72) ==== */ /* 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! ==== */ /* (new72) === SUPP === */ /* (new72) 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"]:not(:has([data-test-id="previewr"])) , ._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);"]:not([data-test-id="infinite-scroll-ROW"]) , 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; } /* (new72) 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; } /* (new72) PREVIEW RIGHT IFRAME - PDF*/ #Atom #mail-app-component-container [data-test-id="previewr-toolbar"] svg { fill: peru !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%; } /* (new71) COR FLOAT */ .calendar.superFresh.freshCalendar.uh3.mf.longstrs.hasLeftPane.hasRightPane #main #paneshell #shellcontent .view.scroll-view .view-bd table.cal--year > tbody > tr { display: 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 { 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; } /* (new71) COR FLOAT */ #dd_search_results_container_top .smartmail-contactdetails-base .tictac-contactdetails-thumb-flow li { position: relative; display: 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; } /*(new72) COR - inline */ #Stencil:not(.Sticky-on):not(.Answers) .W-1 { position: absolute!important; display: inline-block !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,\\\\\'), 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; } /* (new71) COR FLOAT */ /* ANSWERS - SEARCH CONTAINER */ #yucsHead.yucs-answers .yucs-fl-left { display: 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; } /* (new71) COR FLOAT */ /* 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: 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; } /* (new71) COR FLOAT */ .toolpane .tooltitle { display: 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; } /* (new71) A VOIR - LINKS HOVER - GENERAL - i:hover */ #shellnavigation:hover , [id*="shellnavigation"] .items ul li a 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; } /* (new71) COR FLOAT */ /* NEW / CLASSIC - CONTACTS */ .business-card-container:not(:empty) , body.smartcontacts #emails.details-table:not(:empty) { position: relative ! important; display: 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; } /* (new71) COR FLOAT */ #attachments:not(:empty) { position: absolute !important; display: 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) === */ }