For Yahoo New Mail (2020) and a Wide Screen
目前為
/* ==UserStyle==
@name Yahoo New Mail - Simply Dark and Gray - 2020
@namespace https://gf.qytechs.cn/en/users/8-decembre
@version 59.0.0
@author decembre
@description For Yahoo New Mail (2020) and a Wide Screen
@license unlicense
==/UserStyle== */
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("mail.yahoo.com"), domain("calendar.yahoo.com") {
/* ==== 0- Yahoo New Mail - Simply Dark and Gray - 2020 v.59 (new59) - Merged (NEW 2019.07) + (OLD 2017) - WATnew06 ==== */
/* NEW name of Yahoo New Mail - Simply Dark and Gray v.36 */
/* INFO (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;
}
/* (new50) - RENAME FOLDER - === */
.D_F[data-test-id="popover-container"] input {
color: gold !important;
background: black !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 */
/* 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;
}
/* 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: 106px !important;
height: 25px !important;
line-height: 18px !important;
margin-left: 30px !important;
margin-top: -18px !important;
}
/* (new41) APPS - PREVIEW CLOSE */
div[data-test-id="content-area"] div[data-test-id="content-below-tabs"] div[data-test-id="mail-right-rail"] .Z_qc:not(.H_6D6F) [data-test-id="comms-properties-bar"] [data-test-id="comms-properties"] {
width: 100% !important;
height: 25px !important;
margin-top: 0px !important;
}
/* PARAMETERS LABEL - PREVIEW OPEN / CLOSE */
div[data-test-id="content-area"] div[data-test-id="content-below-tabs"] div[data-test-id="mail-right-rail"] .Z_qc.H_6D6F div[data-test-id="popover-container"] ,
div[data-test-id="mail-right-rail"] .Z_qc:not(.H_6D6F) div[data-test-id="popover-container"] {
position: absolute !important;
float: none !important;
left: 0px !important;
top: 3px !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.H_6D6F div[data-test-id="popover-container"] {
width: 20px !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;
}
/* (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;
}
/* 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 - BACKGROUN DARK LIGHTB - #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; */
}
[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; */
}
/* 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 */
[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; */
}
/* ==== END - NEW 2019.07 ==== */
}
@-moz-document domain("s.yimg.com"), domain("calendar.yahoo.com"), domain("help.yahoo.com"), domain("answers.yahoo.com"), domain("groups.yahoo.com"), domain("mail.yahoo.com") {
/* ====
OLD with TWEAK for NEW 2019 :
YAHOO NEW MAIL (OLD 2017) - - SIMPLY DARK AND GRAY - v.35 (new35) -
New design - ZEBBRA / ICONS / YAHOO LOGO / SEARCH -
ADD "Yahoo Mail Wide Messages List"
NEDD PARTICULAR SETTINGS CF SCREENSHOT -
==== */
/* (new43) TEST CALENDAR */
/* (new41) CALENDAR - CONTAINER - .pc.calendar */
.pc.calendar #main {
background-attachment: fixed;
background-position: center center;
background-size: cover;
max-width: none;
top: 30px !important;
}
.calendar .primary-property-btn .btn {
line-height: 23px;
margin-left: 5px !important;
left: 0px !important;
}
.pc.calendar #shellcontent {
right: 185px !important;
top: -10px;
}
.calendar #paneshell #shellcontent {
background: #222;
}
.pc.calendar #shellnavigation {
top: 44px !important;
border-right: 1px solid gray !important;
}
/* (new43) CALENDAR - LABELS */
.cal-day-allday {
background: #222 !important;
}
.cal-day-allday .cal-hours-container {
top: 0 !important;
border-bottom: 1px solid red;
border-top: 1px solid red !important;
background: #222 !important;
}
.cal-day-allday .allDayLabel {
height: 30px !important;
/* 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,<svg\xmlns="http://www.w3.org/2000/svg"\width="12px"\height="12px">\<style>* {stroke:red; stroke-width:2px; fill:none;}</style>\<circle cx="6" cy="6" r="5" />\<path d="m 2.5,9.5 l 7,-7" />\</svg>\'), auto !important; */
}
/* (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 =========== */
}
QingJ © 2025
镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址