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