// ==UserScript== // @name Yahoo New Mail - Simply Dark and Gray - 2020 // @namespace https://greasyfork.org/en/users/8-decembre // @version 61.0.0 // @description For Yahoo New Mail (2020) and a Wide Screen // @author decembre // @license unlicense // @grant GM_addStyle // @run-at document-start // @match *://*.mail.yahoo.com/* // @match *://*.calendar.yahoo.com/* // @match *://*.s.yimg.com/* // @match *://*.help.yahoo.com/* // @match *://*.answers.yahoo.com/* // @match *://*.groups.yahoo.com/* // @downloadURL none // ==/UserScript== (function() { let css = ""; if ((location.hostname === "mail.yahoo.com" || location.hostname.endsWith(".mail.yahoo.com")) || (location.hostname === "calendar.yahoo.com" || location.hostname.endsWith(".calendar.yahoo.com"))) { css += `@namespace url(http://www.w3.org/1999/xhtml); /* ==== 0- Yahoo New Mail - Simply Dark and Gray - 2020 v.61 (new61) - Merged (NEW 2019.07) + (OLD 2017) - TEST FRESH ==== */ /* 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; ==== */ /* (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; } /* (new54) SUPP PRO / NEW YAHOO MAIL MESSAGE - ==== */ #modal-outer[data-test-id="modal-outer"][role="alertdialog"][aria-labelledby="upsell-welcome-message"] , .takeover { display: none !important; } /* (new48) TEST - 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; } /* (new48) MENU ALL - CLOSE BUTTON - ALL */ [type="button"][data-test-id="tab-close-button"]{ background: red !important; } /* (new48) TOP MENU - MOVE ETC - BACKGROUD */ .H_6D6F .p_a.Z_f8a[data-test-id="popover-content"] .p_R.e_dRA.I_52qC.j_ZqTdtW { /* background: red !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 { /* background: blue !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:not(:hover) { background: #222 !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 { background: violet !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 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; } /* (new48) TEST - 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; /* border: 1px dotted green !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; } /* ul li.H_A.hd_n.p_a.L_0.R_0[style="top: 0px; padding: 0px 16px;"] +li[style="top: 24px; padding: 0px 16px;"] { display: inline-block !important; margin-top: -20px !important; margin-bottom: -30px !important; outline: 1px solid violet !important; } */ /* (new47) SUPP - MESSAGE ADBLOCK + ADD - DIVERS */ /* [data-test-id="popover-content"] > div ul[data-test-id="tabs-menu"] li:first-of-type , */ ._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; } /* START ======== TEST ============ */ /* ================================= */ /* (new48) POPUP - MENU - PAPERS / GIF - === */ /* PAPERS */ /* .p_a.Z_d48[data-test-id="stationery-pop-up"] */ /* .p_a.Z_d48[data-test-id="stationery-pop-up"] section[data-test-id="stationery-menu"] */ /* .p_a.Z_d48[data-test-id="gif-pop-up"] */ /* (new48) POPUP - MENU - EMOJI - === */ .W_3vX1s.p_a.Z_d48[data-test-id="emoji-pop-up"] { /* left: 600px !important; */ 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; } /* (new46) 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; } /* (new45) TEST - 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 ============ */ /* (new55) 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: 0px !important; z-index: 100; } #ybar { height: 0px !important; margin-top: -27px !important; } #ybar-inner-wrapr { height: 50px !important; /* outline: 1px solid violet !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; /* border: 1px solid yellow !important; */ } ._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; /* z-index: 100 !important; */ } #mail-app-container { margin-top: 0px !important; } /* (new55) TOP HEADER - SEARCH - === */ /* (new55) */ *::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; } /* (new57) */ #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 */ /* 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: 26px !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: -3px !important; top: -1px !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; } /* 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; } /* (new39) 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; } /* (new42) 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; } /* (new44) MAIL - PANEL RIGHT - SENDER INFO / MAIL PREVIEW */ .D_F.em_N.ek_EZ.iz_A.iy_h.a_n.H_6D6F { /* border: 1px solid yellow; */ } 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; } /* (new49) 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"]) , */ 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; } /* (new56) */ 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; /* white-space: pre-wrap !important; word-break: break-all !important; overflow: hidden !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; } /* (new49) 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; } /* (new47) LIST MAIL DENSITY - TEST - SMALL : div[style="height: 23px;"] MIDDLE: div[style="height: 31px;"] LARGE: div[style="height: 43px;"] === */ [data-test-id="virtual-list-container"] [data-test-id="virtual-list"] ul li a[data-test-id="message-list-item"] div[style="height: 23px;"] { /* background-color: tomato !important; */ } [data-test-id="virtual-list-container"] [data-test-id="virtual-list"] ul li a[data-test-id="message-list-item"] div[style="height: 31px;"] { /* background-color: yellow !important; */ } [data-test-id="virtual-list-container"] [data-test-id="virtual-list"] ul li a[data-test-id="message-list-item"] div[style="height: 43px;"] { /* background-color: tan !important; */ } /* (new39) 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; /* background-color: tomato !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; /* margin-right: 5% !important; */ top: 2px !important; margin-top: 0px !important; /* background-color: yellow !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; /* height: 30px !important; */ /* line-height: 30px !important; */ /* padding-left: 15px !important; */ /* margin-left: 10% !important; */ padding-left: 0px !important; padding-right: 0px !important; text-align: center !important; /* background-color: blue !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;"] { /* position: absolute !important; */ display: inline-block !important; /* height: 30px !important; */ /* line-height: 30px !important; */ /* padding-left: 15px !important; */ text-align: right !important; padding-left: 0px !important; padding-right: 0px !important; /* background-color: green !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; /* background-color: black !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; /* background-color: black !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; /* background-color: black !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; /* vertical-align: top !important; */ width: 10px !important; left: 0% !important; /* top: 2px !important; */ margin-top: -2px !important; /* background-color: yellow !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; /* background-color: black !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; /* background-color: black !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; /* background-color: black !important; */ } /* (new39) PREVIEW FULL PAGE */ .Z_7G9R[data-test-id="panel-stack"] { z-index: 500000 !important; } /* (new39) 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; } /* ul[data-test-id="tab-list"] */ 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; } /* (new10) 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-color: #222 !important; */ background: var(--bg-color) !important; background-color: var(--bg-background-color) !important; /* --bg-background-color: red !important; */ } /* (new39) 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; /* background: var(--bg-color) !important; */ /* --bg-background-color: red !important; */ /* background-color: #222 !important; */ /* background-color: red !important; */ } /* (new53) TRANSPARENT - SUPP BACKGROUND-IMAGE*/ body.norrinTheme.pc.calendar #uh2 , body.calendar #uh2 { background-image: none !important; } /* (new51) 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: #222 !important; */ /* background: var(--bg-color) !important; */ /* background-color: var(--bg-background-color) !important; */ /* --bg-background-color: red !important; */ 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 */ [data-test-id="search-box"] , [data-test-id="infinite-scroll-SECTION"] { /* background-color: var(--bg-background-color-lightB) !important; */ /* background-color: #4B4B4B; */ } #mail-search div[data-test-id="search-box"] .react-y-pills { /* background-color: var(--bg-background-color-lightB) !important; */ 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; /* background-color: red !important; */ /* border: 1px solid yellow !important; */ } /* VAR - BACKROUND - WHITE */ [data-test-id="compose-styler"] [data-test-id="compose"] .compose-header.en_0 { background: var(--bg-color-white) !important; /* background: var(--bg-color-white) !important; */ /* border: 1px solid yellow !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; /* background-color: red !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 { /* fill: red !important; */ /* color: gold !important; */ /* background-color: rgba(57, 147, 230, 0.77) !important; */ 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; /* color: gold !important; */ /* background-color: rgba(57, 147, 230, 0.77) !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-color: rgba(57, 147, 230, 0.77) !important; */ background: var(--bg-color-bluegray) !important; } /* (new53) VAR - BACKGROUND - BLUE - BUTTONs + GOLD - #276196 */ body .primary-property-btn { color: gold !important; background-color: var(--GEN-btn-color-blue) !important; /* background: #276196 !important; */ /* opacity: 1 !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; /* background-color: var(--bg-color-white) !important; */ /* background-color: green !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; /* background-color: red !important; */ } /* ==== COLOT no VAr ===== */ /* no VAR - TEXT */ /* TXT black */ #mail-app-component .compose-header input#message-to-field { color: black !important; } /* TXT GRAY */ /* #Atom .p_a:not([data-test-id="calendar-day-text"]) , #Atom .p_a , #Atom .C_Z281SGl{ color: gray !important; } */ /* 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"] , /* .rte , */ .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; /* background: red !important; */ } /* CHECK BOX */ /* (new52) 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 { /* color: red !important; */ 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 - === */ .event_sticker , .stkr-birthday-small::before { /* color: red !important; */ /* background: blue !important; */ } .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 - (new40) MAIL COUNT - BLUE / WHITE */ [data-test-id="calendar-day-text"] { background: #187AA7 !important; color: white !important; } /* (new40) no VAR - COLOR - POPUP MENU */ /* .p_a.Z_d48[data-test-id="popover-content"], */ [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; } /* (new48) - PB COLOR PICKER when edit Mail */ ul:not([data-test-id="color-picker"]) ul[data-test-id="navigable-list"] { /* color: gold ! important; */ /* box-shadow: 4px 6px 7px 7px rgba(0, 0, 0, 0.92); */ /* background: transparent ! important; */ /* background-color: unset ! important; */ background-color: #222 ! important; } ul[data-test-id="navigable-list"] li button { /* color: gold ! important; */ box-shadow: -1px 1px 1px 2px rgba(0, 0, 0, 0.92); /* background: transparent ! important; */ /* background-color: unset ! important; */ /* background: #222 ! important; */ } [data-test-id="navigable-list"] li:hover button { color: peru ! important; /* background: transparent ! important; */ /* background-color: unset ! important; */ /* background-color: #333 ! important; */ } /* (new45) 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: 4px 6px 7px 7px rgba(0, 0, 0, 0.92); */ 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 */ /* *::placeholder, #adv-search-keyword-input, #adv-search-subject-input, .typeahead-inputs-container.p_R .select-input.react-typeahead-input , .D_F[data-test-id="popover-container"] input , .pill-container .select .typeahead-inputs-container , #mail-search div[data-test-id="search-box"] .react-y-pills , */ 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: var(--bg-background-color-lightB) !important; */ 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 { /* color: gold !important; */ background: black !important; } /* ==== END - NEW 2019.07 ==== */ `; } if ((location.hostname === "s.yimg.com" || location.hostname.endsWith(".s.yimg.com")) || (location.hostname === "calendar.yahoo.com" || location.hostname.endsWith(".calendar.yahoo.com")) || (location.hostname === "help.yahoo.com" || location.hostname.endsWith(".help.yahoo.com")) || (location.hostname === "answers.yahoo.com" || location.hostname.endsWith(".answers.yahoo.com")) || (location.hostname === "groups.yahoo.com" || location.hostname.endsWith(".groups.yahoo.com")) || (location.hostname === "mail.yahoo.com" || location.hostname.endsWith(".mail.yahoo.com"))) { css += `@namespace url(http://www.w3.org/1999/xhtml); /* ==== 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; /* vertical-align: middle !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; } /* (new43) 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; } /* (new43) 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; } /* (new43) 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; /* width: 46% !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; /* border: 1px solid red !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; /* border: 1px solid red !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; /* border: 1px solid aqua !important; */ } .cal--year-month-cell .minical { width: 100% !important; /* border: 1px solid aqua !important; */ } /* (new41) 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; } /* (new40) CALENDAR - POPUP DETAIL EVENENTS */ .pc.calendar .yui3-widget.yui3-overlay.yui3-widget-positioned.yui3-widget-stacked:not(.yui3-overlay-hidden) { /* position: relative !important; */ /* left: 11% !important; */ /* top: 0 !important; */ z-index: 15600; } /* (new40) TEST - NO WORK - CALENDAR - EVENTS - ANIV - === */ /* .event_sticker.cal-sprite-16x16.stkr-birthday-small , */ .event_sticker , .stkr-birthday-small::before { font-size: 15px !important; } .events .event_bubble { cursor: pointer; font-size: 15px !important; text-align: left; } /* (new36) - MAIL - ADD CONTACT from MAIL HEADER - === */ /* .base-card .base-card-header .message-item-header .contents .hdr-info .inline-items li .lozenge-static.hcard */ .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) { border: 1px solid red; color: gold; z-index: 50000 !important; } .yui3-hovercard-content .hovercard-arrow + #hovercard .footer .menu-more.optionMenu li.disabled { border: 1px solid red; color: gold; z-index: 50000 !important; opacity: 0.1 !important; } /* (new36) TEST - SEARCH - CORRECTIONS - OBJECT - COLOR === */ .message-subject-inner .message-subject-main { color: gray; } /* (new36) INTELLIGENT VIEW */ .search-menuitem , .search-menu.move-menu-dd .move-menu-item .move-menu-item-inner { color: peru !important; } /* ( new33) - SUPP BACKGROUND IMAGE - ALL - === */ html, .frost, #lightPreview { background-image: none !important; } /* (new33) TEST - MAIL SEND - ADD CONTAC MENU - === */ #Stencil .yui3-widget.yui3-hovercard.yui3-widget-positioned.yui3-widget-stacked.yui3-hovercard-hidden #hovercard .menu-more.optionMenu { /* display: inline !important; */ top: 107px !important; } /* (new35) 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; /* background: red !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; } /* (new35) */ 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; } /* (new35) A SUPP ?? - COR for PARAMAETRES FILTER*/ /* .modal.xxl.base-dialog.options-filterdialog.opaque.confirm-dialog */ /* :not(.options-filterdialog).options-dialog .options-content > *, :not(.options-filterdialog).options-dialog .options-sub-content > *, div.modal:not(.options-filterdialog).confirm-dialog .options-content > *, div.modal:not(.options-filterdialog).confirm-dialog .options-sub-content > * { height: 21px !important; line-height: 14px !important; margin-bottom: 4px !important; } */ .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; } /* (new35) */ 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; } /* (new35) 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; } /* (new35) PARAMETREQ - 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-rule.email-recipient-rule { /* border: 1px solid yellow !important; */ } #filter-rules .filter-match-case { color: green !important; } /* (new35) PARAMETREQ - WRITE EMAIL */ .modal-settings.base-view .base-view[name="options-writing-email-form"] li.cf:nth-child(2) .options-content { height: 137px !important; } /* 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; color: peru !important; z-index: -1; } /* (new35) PARAMETREQ - 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; } /* (new34) 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; } /* (new33) PERSON VIEW - ==== */ .srp-outer-container { color: gray !important; background: #222!important; /* background: red !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; /* background: red !important; */ } .message-list-toolbar { border-bottom: 1px solid #f2f2f2; box-sizing: border-box; display: block; height: 36px; line-height: 36px; padding: 0 18px; color: gray !important; /* color: red !important; */ background: #222!important; /* background: red !important; */ } /* .message-list-toolbar ul li */ .message-list-toolbar .icon, .message-list-toolbar button { color: gray !important; } /* .search-messages-container[data-density="0"] .empty-search-result, */ /* .search-messages-container[data-density="0"] .search-message-container-ad */ .search-messages-container[data-density="0"] .message-list-item { padding-bottom: 4px; padding-top: 5px; background: #222 !important; /* background: red !important; */ } .search-messages-container[data-density="0"] .message-list-item.selected { padding-bottom: 4px; padding-top: 5px; background: #333 !important; /* background: red !important; */ } /* (new33) - TEST - 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; } /* (new33) - TEST - PERSON VIEW - MESSAGES GROUPE GRID - === */ .message-list-group { /* padding-left: 16px !important; */ /* padding-right: 5px !important; */ /* -moz-user-select: none; */ 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; /* background: aqua !important; */ } .message-list-item .message-action-btn.read-status { position: relative; left: -30px !important; /* margin-left: -29px !important; */ opacity: 1 !important; /* background: blue !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; /* background: tomato !important; */ } .message-list-item .message-action-btns { right: calc(100% - 262px); /* background: green !important; */ } .message-subject { width: calc(100% - 690px) !important; /* background: tan !important; */ } /* (new30) 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; } /* .pc #shellnavigation.unselectable, .pc #shellcontent.threaded { top: 0px !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" ====== */ /* (new27 YAHOO ANSWERS - === */ .Sticky-on .Sticky { position: fixed; margin-top: 0; top: 32px !important; transform: translate3d(0px, 0px, 0px); } /* (new24) - TEST - 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; } /* (new24) - TEST - 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; /* outline: 1px solid violet !important; */ } .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; } /* (new31) 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; } /* (new40) MORE DROPDOWN */ #Stencil:not(.Sticky-on):not(.Answers) #masterNav #Eyebrow .yucs-menu:not(yucs-hide) { /* color: red !important; */ top: 1px !important; padding: 1px 1px 1px 1px !important; background: black !important; transform: translate(140px, 22px) !important; } #Stencil:not(.Sticky-on):not(.Answers) #masterNav #Eyebrow .yucs-menu:not(yucs-hide) a b { color: peru !important; /* top: 1px !important; */ /* padding: 1px 4px 1px 1px !important; */ /* background: black !important; */ /* background-color: transparent !important; */ /* transform: translate(70px, 22px) !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; /* transform: translate(70px, -3px) !important; */ } .yucs-trigger .Ycon.YconHome { display: inline-block !important; transform: scale(0.85) !important; /* outline: 1px solid violet !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; } /* (new27) - 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; } /* (new27) - Yahoo Answers LOGO */ #Stencil.Answers #uhWrapper .UHCol1 { left: 75px !important; max-width: 112px !important; /* border: 1px solid violet !important; */ } /* (new31) TOP SEARCH MENU - ==== */ #Stencil .typeahead-list { background-color: white; border-radius: 0 0 3px 3px !important; border-color: red !important; border: 1px solid red !important; box-shadow: -3px 9px 10px 7px rgba(9, 9, 9, 0.95) !important; left: 1px; margin-top: 0; position: absolute; right: 1px; top: 100%; z-index: 1; } /* (new32) */ .search-menu { background-color: #222 !important; border-radius: 0 0 3px 3px !important; border: 1px solid red !important; box-shadow: -3px 9px 10px 7px rgba(9, 9, 9, 0.95) !important; /* color: #dcd4d3 !important; */ /* color: red !important; */ } .search-menu .search-menu-group-title { color: peru !important; padding-left: 28px; padding-right: 28px; } .search-menu-group .search-menuitem { color: gray !important; } .search-menuitem.all-account-menu-item span span { color: gold !important; } /* .search-menu-group.dropdown-menu-title */ #Stencil .search-folder-dropdown.right-folder-dd .dropdown-menu-title:hover { background-color: #333 !important; cursor: auto; } /* (new31) MENUS - ALL - ITEMS HOVER - COLOR - === */ .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; } /* (new25) 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 { 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; 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; } /* (new31) SERACH IN MAILS - MAILS / IMAGES RESULTS - REFINEMENTS - === */ #dd_search_results_container_top .smartmail-contactdetails-base .tictac-contactdetails-header { color: gold !important; font-size: 1.8rem; } .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 { background-position: center center; background-repeat: no-repeat; background-size: cover; float: left; height: 60px; width: 60px; } .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; } #msg-list.with-right-rail .list-view-items { /* padding-right: 414px !important; */ /* padding-right: 23% !important; */ } #dd_search_results_container_top { background-color: #222 !important; overflow-x: hidden; } #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; /* background-color: red!important; */ } /* (new25) - HEADER MESSAGE / TABS / SEARCH /* TOP MENUS - === */ #shellcontent #tabs { opacity: 1; visibility: visible; margin-top: 15px!important; } /* (new3) */ /* #yucs-disclaimer { position: absolute !important; width: 50% !important; left: 19% !important; top: -26px !important; padding: 5px 0; z-index: 5000 !important; background: -moz-linear-gradient(center top , #0C0C0D, #4D4F52) repeat scroll 0 0 #0F0F10; color: #FFFFFF !important; } */ .search-ac .recent-searches-header { background-color: #222222!important; } .search-ac .yui3-aclist-content .yui3-aclist-item .ac-label { /* background-color: black!important; */ 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 { background-color: black!important; border: 2px solid black!important; border-radius: 0 0 3px 3px; font-size: 13px; } /* (new31) */ #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; /* border: 1px solid #1c89ff; */ /* border-radius: 3px; */ box-shadow: none !important; box-sizing: border-box; color: #1c89ff; } /* (new26) */ #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 { color: gold!important; cursor: pointer; line-height: 33px; } .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 { background-color: #222222!important; border: 1px solid #ddd; border-radius: 0 0 3px 3px; box-shadow: 0 2px 4px 5px rgba(133, 132, 132, 0.5)!important; position: relative; } /* (new26) */ #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; } /* (new25) SEARCH - MENU ADVANCED FORM - === */ #uhWrapper table tbody tr td .StencilRoot.search-container .search-content .search-autocomplete button + div form { outline: 1px solid gray !important; } /* (new25) - 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; /* margin-top: 20px !important; */ outline: 1px solid gray !important; } /* (new27) - TEST 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; /* border: 1px solid violet !important; */ } #Stencil:not(.Sticky-on):not(.Answers) .StencilRoot #masterNav { /* position: absolute !important; */ position: relative !important; /* padding: 5px 0 5px 0 !important; */ top: -16px !important; margin-bottom: -16px !important; /* transform: translatey(28px) !important; */ text-align: center !important; transition: top ease 0.7s !important; z-index: 50000 !important; } #Stencil.Sticky-on .StencilRoot #masterNav { /* position: absolute !important; */ position: relative !important; /* padding: 5px 0 5px 0 !important; */ top: -16px !important; margin-bottom: -16px !important; /* left: 100px !important; */ /* transform: translatey(28px) !important; */ text-align: left !important; transition: transform ease 0.7s !important; z-index: 50000 !important; } #Stencil .StencilRoot #masterNav:hover ul#Eyebrow { /* position: absolute !important; */ position: relative !important; padding: 5px 0 7px 0 !important; margin-bottom: -55px !important; /* margin-left: 50px !important; */ transform: translatey(40px) !important; background: #222 !important; /* transition: transform ease 0.7s !important; */ z-index: 50000 !important; } #Stencil.Sticky-on #uhWrapper{ position: relative; margin-top: 20px!important; } #Stencil .StencilRoot ul li.Grid-U.Mend-18 { background-color: #222 !important; color: peru !important; list-style-type: none; margin-right: 5px !important; padding: 1px 2px !important; outline: 1px solid gray !important; } /* (new27) - PLUS / MORE MENU - cf :not(.Sticky-on) - === */ #yucs-top-menu .MoreDropDown-Box { border-color: red !important; border-style: solid; box-shadow: -3px 9px 10px 7px rgba(9, 9, 9, 0.95) !important; /* color: red !important; */ background: #222 !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; /* color: red !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; /* color: red !important; */ } #Stencil:not(.Sticky-on):not(.Answers) .StencilRoot ul li#yucs-more { /* margin-left: 30px !important; */ top: 37px !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; border-radius: 3px !important; box-sizing: border-box; color: rgb(170, 170, 170) !important; transition: top ease 0.7s !important; } #Stencil:not(.Sticky-on):not(.Answers) .StencilRoot ul#Eyebrow:hover li#yucs-more { position: absolute !important; top: 5px !important; } /* (new26) */ #Stencil.Sticky-on .StencilRoot ul li#yucs-more { position: absolute !important; /* margin-left: 30px !important; */ top: 37px !important; left: 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; border-radius: 3px !important; box-sizing: border-box; color: rgb(170, 170, 170) !important; transition: top ease 0.7s !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; 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: none !important; box-sizing: border-box; color: peru !important; } #Stencil .YconArrowDown { /* display: inline-block !important; */ height: 22px !important; margin-top: 0px !important; padding: 4px 0 2px 0 !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: none !important; box-sizing: border-box; color: peru !important; } /* #yucs-more-link b */ #masterNav #Eyebrow #yucs-more { 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-radius: 3px !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; } .StencilRoot .MoreDropDown-on, .StencilRoot .MoreDropDown-Box { background: #222 !important; border: 1px solid gray !important; box-shadow: 0 4px 7px rgba(0, 0, 0, 0.9); } #Eyebrow .MoreDropDown-on a:link, #Eyebrow .MoreDropDown-on a:visited { color: peru !important; background: #222 !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; */ text-decoration: none !important; } /* (new27) 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; 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; border-radius: 3px !important; color: rgb(170, 170, 170) !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; 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; border-radius: 3px !important; font-size: 17px !important; color: rgb(170, 170, 170) !important; } /* (new23) PARAMETRES PROFILE */ #Stencil #yucs-profile .Pos-r { margin-top: 2px!important; } /* (new24) PARAMETRES MAIL */ #Stencil #yucs-help .Pos-r .Z-5 { margin-top: -22px!important; } /* (new24) TEST - CONFIRMATION DELETION MAIL - === */ #notification-v2 { outline: 2px solid violet!important; margin-top: -40px!important; } /* (new15) TEST - 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; */ } /* (new22) YAHOO HELP - === */ #yucsHead, #yucs { background-color: #222222 !important; } #doc { min-width: 100% !important; } /* .yui3-g-r { clear: both; margin: auto; width: 100% !important; } */ #doc.help div.yui3-g-r { width: 100% !important; margin-top: -58px !important; } .content-wrap { max-width: 100%!important; } /*.help.page-has-scrolled*/ #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; /* left: -82px; */ /* top: 27px; */ } /* (new22) YAHOO TOP BAR - === */ #yucs-top-bar { margin-top: -23px !important; position: absolute !important; background-color: #333233 !important; } /* (new22) 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; } /* (new43) 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; } /* (new45) NEW - 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; } /* (new30) 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; } /* (new22) 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; /* background: #3d3c3e !important; */ } .ya-page .y-col2 { position: absolute; width: auto; left: 0; margin-left: 190px; right: 0; top: -52px !important; } /* .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 { top: -55px !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; } /* === A VOIR */ /* .base-card-body .msg-body.inner.undoreset { display: inline-block; font: 8pt HelveticaNeue,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif; width: 120% !important; } */ /* .msg-body.inner.undoreset img>br */ .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; } /* (new34) IMAGES - IN MAIL - - ADD EMOTICON EXECEPTION */ /* img#preloadBg */ .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; /* min-width: 40% !important; */ max-width: 40% !important; height: auto ! important; /* line-height: 300px ! important; */ /* vertical-align: top ! important; */ } /* (new22) 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; } /* (new31) 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; } /* ============ YAHO0 MAIL - DARCK AND GRAY - GENERAL COLOR =========== */ /* (new20) GROUPS */ /* (new20) GROUPS READ - === */ #yg-msg-view .yg-msg-read-container .wrapper { background: white !important; height: 100%; position: relative; width: 100%; } /* (new19) GROUPS - PRESENTATION PAGE - IMAGE with DESCRIPTION - https://fr.groups.yahoo.com/neo/groups/Free-Box/info === */ .yg-classic-cover-img-cont.fright { background-color: transparent !important; margin-top: -63px !important; } /* (new19) GROUPS - WIDE CONTAINER - === */ #yucsHead #yucs { max-width: 100% !important; height: 23px !important; } #yg-manage-groups-view { width: 100% !important; /* height: 39px !important; */ } /* (new19) MESSAGE GROUP RIGHT - TOUR IMAGE - === */ .yg-tourimage-container { position: relative! important; display: inline-block! important; /* width: 600px ! 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; } /*(new19) 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-page .y-col, .yg-page .y-col1, .yg-page .y-col2 ,*/ #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; } /* (new19) GROUPS MENUS */ /* (new19) 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; } /* (new19) 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; } /* (new19) 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; } /* (new22) 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; } /* (new19) ZEBBRA - === */ /* #all-my-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; } /* (new19) 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; } /* (new19) CLASSIC - NEWS MESSAGES - COLOR TXT*/ .msgnew, .msgnew h2 a.mlink:link, .msgnew div a.mlink:link { font-weight: bold; color: #988D69 !important; } /* (new19) 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-splitter { /* border-color: #7E7E80 #8D8D8F #56565B -moz-use-text-color !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: #000000!important; /* border: 1px solid #E2E2E6; */ } #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: #333333 !important; } /* (new19) 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; } /* (new19) SORT BY - NAV BAR */ .tbldata thead { display: inline-block !important; position: absolute !important; right: 40% !important; top: 38px !important; } /* (new19)SORT ITEMS - #senderheader .tbldata th b === */ #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; /* background-color: transparent !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; } /* (new6) MASSAGE LIST + PANEL LEFT - ITEMS TOP BORDER - === */ .tbldata tbody td { border-top: 1px solid gray !important; vertical-align: middle; } /* FLAG FAVORIS */ /* .tbldata tbody .btndel, .staricon, .icons.attachicon, .icons.forwardicon, .icons.replyicon */ /* .pim.flagsort:before */ #datatable>thead>tr>th#senderheader + .fixwidth a:before { 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; /* background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; */ color: #BEBEBE ! important; content: "★"; font-size: 25px! important; margin-top: 6px! important; margin-left: -5px! important; padding: 0 5px! important; text-align: center; text-shadow: 1px 1px #CC6600, 2px 2px #994400, 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.5); visibility: visible ! important; outline: none! important; } #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; 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; } #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; 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; } /* 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 { background: white !important; border-top: 1px solid #DDDDDD; overflow-x: auto; } .messagebody { background: white !important; margin: 25px 24px 22px 23px; padding: 10px !important; color: black !important; } /* (new34) + POOL */ /*.plainMail */ /* .undoreset:not(.img) * { display: inline-block !important; width: 100% !important; text-align: center !important; color: black !important; background: white ! important; } */ .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; } /* (new19) 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 { background: -moz-linear-gradient(center top , #5C5C5C, #050708) repeat scroll 0 0 transparent !important; border-color: #545458 !important; border-radius: 5px 5px 0 0 !important; } /* (new19) 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 { color: red !important; background: -moz-linear-gradient(center top , #3D3D3D, #050708) repeat scroll 0 0 transparent !important; /*background-image: linear-gradient(transparent 50%, rgba(255,255,255,.5) 50%) !important;*/ border-color: #545458 !important; height: 22px !important; padding: 1px 4px !important; } /* (new31) BUTTONS BLUE */ .modal .btn.default, .compose .btn.default, .search .btn.default, #advanced-search .btn.default { 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; 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; } /* DEL - PB*/ .blk-btn .btn .action.del { color: red !important; /* background: -moz-linear-gradient(center top , #3D3D3D, #050708) repeat scroll 0 0 transparent !important;*/ /* background-image: linear-gradient(transparent 50%, rgba(255,255,255,.5) 50%) !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 */ .arrow, .unreadicon, .readicon, .unstaricon, .staricon, .delete, .replyicon, .attach .action, .forwardicon, .attachicon, .trow .delete, .trow .edit { /* background: url("/ok/u/assets/sprite/odin-sprites-16x16-106660.gif") no-repeat scroll 0 0 transparent;*/ /* background: url("https://s1.yimg.com/dh/ap/groups/sprite16.png") no-repeat scroll 0 0 transparent !important;*/ } #contacts-content .services .icon { color: rgba(248, 248, 248, 0.6) !important; } /* YAHOO MAIL NEW */ .tbldata tbody .btndel , /*.tbldata tbody .btndel span ,*/ /*.btn input.delete ,*/ /*.tbldata */.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; } /* (new20) 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 span*/ /*.btn input.delete */ .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 */ /*.tbldata */.unstaricon , .icons.unreadicon { /* background: url("/ok/u/assets/sprite/odin-sprites-16x16-106660.gif") no-repeat scroll 0 0 transparent; */ 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;; } /*.tbldata */.unstaricon { background-position: -1292px -10px !important;; } /* (new30) TEST - 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; } /* (new22) 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; } /* (new22) 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; } /* (new22) 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; } /*(new22) 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; } /* (new22) ANSWERS YAHOO - LOGO - === */ #yucsHead.yucs-answers #yucs-logo { margin-left: 172px !important; margin-top: -5px !important; width: 190px !important; } /* (new22) GROUPS YAHOO - LOGO - === */ /* #yucsHead.yucs-groups #yucs-logo { left: -4% !important; margin-top: -7px !important; width: 190px !important; } */ /* (new27) 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; } /* (new27) */ #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; } /* (new26) */ #Stencil.Sticky-on #UHSearchBox { color: white!important; } #Stencil:not(.Answers) .StencilRoot input#UHSearchBox { /* background-color: red!important; */ background-color: rgba(90, 90, 91, 0.85) ! important; } /* (new27) */ #Stencil:not(.Sticky-on) .W-100.search-autocomplete { display: inline-block !important; min-width: 100% !important; max-width: 100% !important; height: 27px!important; /* padding-right: 0px!important; */ /* border: 1px solid violet !important; */ } .tokenized-typeahead { position: relative; width: 100%!important; min-width: 350px !important; /* padding-right: 28px!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; /* max-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; } /*(new32) */ .search-menu-button.right-folder-dd.search-folder-scope-dd span.icon.icon-small-search{ top: -3px !important; left: 1px !important; } /* (new27) */ /* #Stencil .Va-t */ #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; /* margin-top: -2px !important; */ padding: 0 4px !important; vertical-align: top !important; border-radius: 3px; box-sizing: border-box; text-align: center; } /* (new27) */ #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; } /* (new24) 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; } /* (new23) */ .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; /* background: red !important; */ /* outline: 1px solid violet!important; */ } #tabs #tabOverflow.unremovable a { margin-top: -13px !important; } /* (new30) TEST COMPACT TOP HEADER - MAILS TOTAL CONTAINER - ==== */ #paneshell { top: -40px !important; } .pc #main { top: 65px !important; /* overflow: visible ! important; */ } /* (new15) - 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; } /* (new34) - Without Advanced search selection - OLD : html:not(.lt-ie10) .custom-select === */ 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 - content: ""; === */ .icon-small-close:before { content: "" !important; color: red !important; } /* (new30) BUTTON VIEW / CLOSE - #toolbar .btn-absolute === */ #toolbar .btn-absolute { position: relative !important; top: -3px !important; height: 28px !important; /* width: 20px !important; */ left: -1.2% !important; text-align: left !important; } /*.pc #theAd, */ .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; } /* (new25 )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; } /* (new15)BUTTON - TOGGLE / SEPARATOR - #storm-listnav .nav-toggle.selected, #storm-listnav .nav-toggle.selected:hover, === */ #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; } /* (new5) MAILS SEARCH - RESULTS HIGHTLIGHT - === */ .result .found { color: #008000 !important; } /* (new22) A SUPP ??? - TEST - MESSAGE LIST LINKS MESSAGE (linkifyplus eg = NEWZLETTER ZEBULON) - === */ /* .linkifyplus{ color: gold !important; } */ /* BACKGROUND GENERAL (COLOR the RIGHT COLUMN - PUB - which is white when YOU OPEN THE YAHOOMAIL THE FIRST TIME - .uh3.panescroll #main :not([role="tabpanel"]) [aria-labelledby="tabinbox"] .panescroll.uh3.lt.non-threaded.mf.mas #main[aria-labelledby="tabinbox"] === */ .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; */ } /* (new27) TOP HEADER - USER CONNEXION - BACKGROUND MENU HOVER - ==== */ .Bg\\(\\#fff\\) { background: #222 !important; /* background: red !important; */ } .C\\(\\#000\\) { color: peru !important; } /* (new25) TOP NAV - SEARCH TERMS / PROFILE CONNEXION - .StencilRoot .App-Title === */ .StencilRoot .Ell { color: peru !important; } .StencilRoot #uhNavWrapper .Ell { color: peru !important; } .StencilRoot.search-container .typeahead-list .Fw-b { color:green !important; } /* #Stencil #uhWrapper .Fw-b{ color:gray !important; } */ #Stencil #uhWrapper #yucs-profile #yucs-profile-panel li a{ color: gold !important; } /* (new31)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; } /* (new33) 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; } /* .message-list-group , */ .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; } /* (new31) MSG LIST - LINE - ALL TXT COLOR - === */ .list-view-item { color: #DCD4D3 !important; } /* (new32) MSG LIST - SEARCH IN MAIL - DATE TITLE - === */ .message-list-group[data-title]::before { display: block; content: attr(data-title); line-height: 1; /* padding: 3px 18px !important; */ border-top: 1px solid gray !important; font-size: 13px; background: #333 !important; /* background: red !important; */ } /* (new33) 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; /* background-color: tan ! important; */ } .message-list-item:hover .message-action-btn span { opacity: 1 !important; pointer-events: auto; /* background-color: tan ! important; */ } .message-list-item:hover .message-action-btns { background-color: rgba(0, 0, 0, 0.36) !important; } /* (new31) 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-item:not(.list-view-item-date-label) */ .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; } /* (new15) - 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; } /* (new25) - 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; } /* (new25)TOOLBAR TOP - TXT COLOR - === */ .fresh-toolbar .btn .icon-text , #toolbar.glass .commontasks #pagetoolbar span.btn span , #toolbar.glass .commontasks #pagetoolbar span.btn label input { /* height: 24px !important; */ /* line-height: 24px !important; */ 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 - span:hover , a , a :not([id="yucs-nav_button"]):not([class="yui3-menuitem-content"]):not([class="yucs-menu_anchor"]):hover , === */ #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; /* background-color: gold ! 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 - fieldset.legend, h2.legend span.label, dt.legend span.label, #shellcontent #contacts-content.content .scroll-inner .inner fieldset.fs-lg legend === */ .legend { /* background-color: gold !important; */ border-radius: 5px !important; } /* (new31) 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; /* visibility : visible !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; } /* (new15) ARROWS + RIGHT ARROW for wide SCREEN - */ /*.infp-arrow { display: inline-block !important; margin-top: 10% !important; }*/ .wide-right-rail .right-ar { right: 18px !important; } .wide-right-rail .right-ar:before { color: red !important; } /* (new32) 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; } /* ==== OK - 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; } /* (new35) 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; } /* (new31) MAILS / CONTACTS - CHECK BOX - CHECKED / UNCHEKED - #msg-list .list-view-items.loading :nth-child(even) .fixed.start .cbox span (cf CHECK BLACK) .list-view-item.draggable .cbox span , === */ .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; } /* (new31) ========== ZEBRA MESSAGE LIST ======= */ /* (new30) ZEBBRA - MATCH MAILS LIST TOO - from SEARCH REFIMENT LIST - .list-view-item.flagged === */ /* .refinement-top-bar , */ .vp-nomin.no-uhsearch .list-view-items-page .list-view-item { /* background: red !important; */ /* outline: 1px solid violet !important; */ } #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; } /* (new30) 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; } /* (new30) 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; /* border: 1px solid green !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; } /* (new15) 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; } /* (new31) 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 { /* color: peru !important; */ 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; /* background: violet ! important; */ /* color: #939393 !important; */ /* color: #B5B4B4 ! important; */ color: tan ! important; } #msg-list .list-view-item-container .list-view-item.selected:hover { /* background: red !important; */ /* background: violet ! important; */ background: #4E4D4D !important; /* color: #939393 !important; */ /* color: #B5B4B4 ! important; */ color: tan ! important; } /* (new15) 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 { /* background: #4E4C4C ! important;*/ color: gold ! important; } /* UNDEAD */ #msg-list .list-view-item.unread { /* background: red ! important; */ /* color: #939393 !important; */ /* color: #B5B4B4 ! important; */ color: #CCC49E ! important; color: #AD835A !important; } /* DATE */ .date{ color: tan !important; } /* (new15) Mesg List SNIPPET - #paneshell #shellcontent.threaded #inboxcontainer.vp .threadpane #msg-preview.message .thread-item-list .thread-item .thread-item-header .contents span.thread-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; } /* (new15)*/ #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; } /* (new25) 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; } /* (new25) 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; } /* .has-unread / .hasnomsg / .hasmultimsg - === */ /* #custom-folders li a i.has-unread , #custom-folders li.hasnomsg , #custom-folders li.hasmultimsg { max-width: 84% !important; left: -10px !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; } /* (new25) 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 green ! 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 red ! 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*/ /* (new21) CONTACTS - PANEL LIST - === */ .pc.contacts.panescroll #shellnavigation { top: 31px !important; } body.contacts #msg-list { top: 31px !important; background: transparent; } /* (new30) - CONTACT - LEFT PANEL - TOP BLOCK CONTAINER - === */ .contacts #storm-listnav { margin-top: 40px !important; } /* (new21) CONTACT LIST - CONTACTS INFOS - === */ .ml-contacts .list-view-items .list-view-item { height: 30px !important; overflow: hidden ! important; /* outline: 1px dashed red ! important; */ } .ml-contacts .list-view-items .list-view-item:hover { height: 70px !important; /* background-color: green ! 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: "👤"; } /* (new15) CONTACT - HOVER SELECTED - .list-view-item:focus, .list-view .selected, .expanded .list-view-item-master.selected, .items li.cntxtmenu === */ .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; } /* (new15) */ .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; } /* (new25) 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; } /* (new15) */ .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; } /* (new15) 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; } /* (new15) 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; } /* (new15) - A SUPP - PAS tjrs le BON - ICON PHONE */ /*.details>dd.ymsg-mobile +dt+ dd.ymsg-mobile a span:before { display: inline-block !important; content: "." !important; width: 15px !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: -0px -419px !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; } /* (new32) 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; } /* (new15) 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; } /* =================== */ /* (new15) 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; /* color: gold ! important; */ } #Notepad:hover a , #Contacts:hover a , #Calendar:hover a , #messenger:hover a , #Folders:hover a , .hasmultimsg:hover a { /* background-color: #113663 !important; */ /* color: gold ! important; */ } /* (new15) 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 { /* border: 1px solid green !important; */ /* border-radius: 5px !important; */ 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; } /* (new53) 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; /* overflow: hidden !important; */ /* z-index: 50000 !important; */ /* border-top: 1px solid red !important; */ /* background-color: red !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; /* background: blue !important; */ } /* (new53) 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; } /* (new53) NOTEPAD VIEW - BACKGROUND / COLOR NOTEPAD */ body.calendar.notepad #msg-list { color: gray !important; background-color: #333 !important; } /* (new25)- MAILS - TOOLBAR TOP - - === */ #toolbar .btn:first-child { margin-left: 5px !important; margin-top: 5px!important; } /* #toolbar.fresh-toolbar .hasnomsg.hideReplyGroup.msgChecked #match-messagelist-sizing span.btn , */ #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; /* padding: 1px 11px !important; */ top: -1px !important; /* left: 5px !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; /* padding: 1px 11px !important; */ top: 21px !important; /* left: 5px !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; } /* (new25) MAIL / CONTACT - TOOLBAR - === */ #pagetoolbar { width: 98%!important; max-height: 30px !important; margin-top: 0px !important; /* border: 1px solid violet !important; */ } /* (new25) - 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; } /* (new15) BACKGROUND COLOR - TOOLBARS - NEAR BLACK (#0D0D0D ) - === */ .fullpage #toolbar.fresh-toolbar , .uh2 #main #toolbar.fresh-toolbar { background-color: #0D0D0D !important; background-image: none ! important; } /* (new25) */ .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 - === */ /*.optionMenu , .optionMenu li */ #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; /* background-color: #333333 ! important; */ /* background-color: transparent ! important; */ /* background: red !important; */ /* outline: 1px solid tomato !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"] { /* opacity: 1 ! important; */ /* box-shadow: 0 5px 10px rgba(0, 0, 0, 0.66)!important; */ /* background-color: #333333 ! important; */ background-color: transparent ! important; /* outline: 1px dotted tomato !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"] > li { /* opacity: 1 ! important; */ /* box-shadow: 0 5px 10px rgba(0, 0, 0, 0.66)!important; */ /* background-color: #333333 ! important; */ /* background-color: transparent ! important; */ /* outline: 1px solid tomato !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"] > li button { /* opacity: 1 ! important; */ /* box-shadow: 0 5px 10px rgba(0, 0, 0, 0.66)!important; */ /* background-color: #333333 ! important; */ /* background-color: transparent ! important; */ /* outline: 1px dashed tomato !important; */ } /* ===== WHITE + SIZE CORRECTION ======== .compose-message .inner #rtetext iframe htlm body p+p div .inner iframe #rtetext .reselectable , .fullpage.uh2.uh3.lt.withsky .fullpage.uh2.uh3.lt.withsky #main #paneshell #shellcontent .reselectable .compose.content table tbody tr:nth-child(3) td .compose-message .inner #rtetext iframe .content - === */ /* 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 - === */ /*#shellnavigation.unselectable, .items h2 span.label, .fullpage #theAd, .panescroll #theAd ,*/ .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 - .messagepane.tripane , === */ #msg-preview { background: white! important; position: relative; } /* (new15) 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 =========== */ `; } if (typeof GM_addStyle !== "undefined") { GM_addStyle(css); } else { const styleNode = document.createElement("style"); styleNode.appendChild(document.createTextNode(css)); (document.querySelector("head") || document.documentElement).appendChild(styleNode); } })();