@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("mg41.mail.yahoo.com") ,
domain("mail.yahoo.com") {
/* === OK DEV(new7) - YAHOO NEW MAIL - DARK-GREY life V.2.9.5 [DEPRECATED] - CONTACTS EDITIONS - FlickrSurf(new7) ===== */
/* === YAHOO MAIL NEW - BETA(test) - FlickrSurf ==== */
/*== (new7 : >)==
WORK IN PROGRESS...
- HEADER more compact, Reduce elements size : Supp Yahoo Logo, tiny Search Box.
- ICONS USER Profile-LogOf / OPTIONS : Move to the Top
- YAHOO SERVICES ICON : Not near The Reception Tab,
> move to the Top/right of Search Block (like that we don't open always this yahoo popup )
> SEARCH block : move to the Top/left
>> TOOLBAR : correction Position
> Menus : Background, Color on Hover, more infos in it , less scrolling... and Dark Gray style.
> Mails : Improve STyle, add interne scrollbar to scroll only the mail , not all thr page.
> Messages List : Trash MAIL ICON move near OBJECT and STAR icon and replaced by a "X"
- CONTACTS, Style CONTACTS EDITION : More readable and wide place to type your infos
- CONTACTS Pages totally Dark/Gray , without the White Column on the right("theAd" !)
- Supp Publicity Column (Right Side Column : ("theAd" !))
- Supp White Space Under Message List
> APPLICATIONS PANEL : Styled
- Mails Read/Compose : Color , Wide Place to play(to read/write), wide contacts box,
- CONTACTS WRITE : Wide "Choose a Contact list" , Correction Color Picker
- TEST : support for the Preview under the messages list panel too
(without blank /white area around the toolbar).
======================================== */
/* (new7)TEST - FULLPAGE MEEAGES LIST/EMPTY/SEND COMFIRM - min-height for dark/gray background) - === */
.fullpage #msg-list .list-view ,
.fullpage .empty-folder ,
.fullpage .send-confirm {
min-height: 1200px !important;
}
/* TEST - LIST MESAGE - FULL - === */
.panescroll .inbox,
.panescroll .inbox-preview {
width: 1740px !important;
background-color: #D8D8D8;
clear: both;
overflow: visible !important;
}
.list-view {
width: 1742px !important;
}
.list-header-wrapper {
background-color: #FFFFFF;
background-image: linear-gradient(#FFFFFF, #F5F5F5);
border-bottom: 1px solid #D7D7D7;
border-top: 1px solid #D7D7D7;
width: 100% !important;
}
/* TEST - FULL MESSAGE - SCROLLABLE - === */
.fullpage .msg-body {
border: 1px solid gray !important;
max-height: 690px !important;
overflow-y: auto !important;
padding: 10px 50px !important;
max-width: 1600px !important;
}
/* TEST - TRASH ICON - On the Left Side - === */
.fixed.end {
left: 28% !important;
}
/* (new5)NEW TEST - COVER LEFT "TheAd" COLUMN (To have a Total background Dark / Gray) - === */
#main #paneshell.withouttoolbar #shellcontent #updatescontainer + [id^="yui_3"] div.content {
height: 100%;
overflow: visible !important;
position: relative;
width: 110% !important;
}
/* TEST THE ADD - BACKGROUND NO White - === */
/*.fullpage div#theAd,
.panescroll div#theAd {
background: red ! important;
width: auto ! important;
z-index: -1 ! important;
}*/
/* (new5) - TEST - SUPP PUBLICTY - RIGHT COMUMN - === */
.fullpage div#theAd,
.panescroll div#theAd {
display: none !important;
}
/* ======== TEST - FOR PREVIEW UNDER MAILS LIST =================== - === */
/*.panescroll #main #toolbar.fresh-toolbar {
height: 88px !important;
margin-top: -18px !important;
}*/
/* ========== YAHOO MAIL NEW - BETA (UPDATE) - FlickrSurf ====== */
/* (new5)USER PANEL CONNECTION / OPTIONS (move top) - TOP RIGHT - === */
.yucs-fl-right {
float: right;
margin-left: -100px;
margin-top: -12px !important;
}
/* (new7)FULL PAGE - MAIN / TOOLBAR -
border: 1px solid red !important;
background-color: red !important;
background-image: linear-gradient(to bottom, #5B5A5A 0px, #181515 100%) !important;
border-radius: 5px 5px 0 0 !important;
=== */
.fullpage #toolbar {
position: relative !important;
display: inline-block !important;
min-width: 1900px !important;
box-shadow: none !important;
filter: none !important;
z-index: 1;
}
.fullpage #main {
background-color: #222222 !important;
position: relative;
margin-right: 0 !important;
}
/* TEST - LOADING PAGE - BACKGROUND - === */
.list-view-items.loading, .list-view-status.loading {
background-color: #333333 !important;
}
/* TEST BIB - === */
/* VIVIBLE CLASS - === */
/*.invisible {
visibility: visible!important;
}
.visible {
visibility: visible!important;
}*/
/* A VOIR - LINKS MAIL WRITE ET OTHERS(A VOIR - Touche TABS) - Color (Gris clair :#A0A0A2) - === */
/*a,
a:visited,
a:hover {
color: #A0A0A2 !important;
cursor: text !important;
text-decoration: underline !important;
}*/
/* MAILS WRITE - CONTACT CHOOSE -
background: red!important;
=== */
/*.yui3-acwidget -hidden{
visibility: visible!important;
}*/
/* LOADING PAGES - A VOIR - === */
/*#yucs-help_inner .yucs-yql_loading,
#yucs-nav .yucs-yql_loading {
background-position: 50% 50%;
height: 50px;
width: 150px;
background: red!important;
}*/
/* ================ GENERAL OK =========== */
/* SUPP LOGO YAHOO - === */
#yucs #yucs-logo,
#yucs #yucs-ylogo {
display: none !important;
margin-left: 15px;
}
/* ================ GENERAL =========== */
/* ==== GENERAL - BACKGROUND(DarckGrey foncé : #222222) / TXT COLOR (Gray Light :#7D7D7D) ==== */
/* GENERAL - BACKGROUND - background: #222222- HTLM === */
/*html {
background: #222222 !important;
height: 100%;
}*/
/* (new3)GENERAL - BACKGROUND - background: #222222- BODY - === */
/*body {
background: #222222 !important;
color: #7D7D7D !important;
font-family: Helvetica,Arial,sans-serif;
font-size: 12px;
text-shadow: none !important;
}*/
/* OLD === */
/*body {
background-color: #222222 !important;
color: #000000;
margin: 8px 0 0 12px;
padding: 0;
}*/
/* (new) === */
body {
background-color: #FFFFFF !important;
color: #000000;
margin: 8px 0 0 12px;
padding: 0;
}
/* GENERAL - BACKGROUND - background: #333333 -
text-shadow: none !important;
color: red !important;
html ,
=== */
/*.empty-folder,
.send-confirm,
.fullpage ,
.fullpage #shellcontent {
background: #333333 !important;
}*/
.fullpage {
background: #333333 !important;
height: 1900px !important;
display: block !important;
bottom: 0 !important;
margin-bottom: 0 !important;
}
/* BACKGROUND - GENERAL - background: #222222 - === */
.list-header,
#shellnavigation.unselectable,
.items h2 span.label,
.fullpage #theAd,
.panescroll #theAd
.fullpage #shellnavigation ,
#inboxcontainer ,
#msg-list .list-view .list-view-items ,
.fresh-toolbar ,
.fullpage #toolbar {
background: #222222 !important;
}
/* (new3)GENERAL - BACKGROUND - BLOCK UNDER MAILS LIST - (NO)background: #222222 - === */
#paneshell #shellcontent {
/* background: #222222 !important;*/
border-left: 1px solid #DDDDDD;
z-index: 1;
}
/* GENERAL - BLOCK RIGHT MAILS LIST - background: #222222 - === */
.list-view {
background: none repeat scroll 0 0 #222222 !important;
}
/* ==== GENERAL - TXT/ LINKS ==== */
/* GENERAL - TEXT COLOR - COLOR : GRAY - === */
.fullpage #shellnavigation li i,
.fullpage #shellnavigation li ,
.fullpage #shellnavigation li .unread-count ,
#toolbar span a ,
.header-toolbar span a {
text-shadow: none !important;
color: gray !important;
}
/* ======================= */
/* ============ LINKS (link/hover/visited/selected) - GENERAL ============ */
/* LINKS - SELECTED -
color: #820A0A / #930000(red) / #659CC4(blue) - #056084 (blue+foncé) -
OK VoIR Background : #F5F5F5
.selected span,
=== */
/* LINKS - SELECTED -
color: #820A0A / #930000(red) / #659CC4(blue+clair) -
background : #F5F5F5 /black
.items li > a:hover,
.items li > a:hover .rht,
.items li.popping,
.items li.popping .rht,
.items li > a:focus,
.selected,
.selected a:focus,
.selected a:hover,
.yui3-acwidget-selected
=== */
.selected,
.selected a ,
.yui3-acwidget-selected {
color: #659CC4 !important;
background-color: #056084 !important;
}
/*.selected,
.selected a i ,
.yui3-acwidget-selected {
color: red !important;
}*/
/* =========== (new6)MENUS TOP POPUP - LEFT/RIGHT ========== */
/* (new6)MENUS TOP - POPUP(GENEARL) - === */
.yui3-menu {
background-color: #333333 !important;
}
.yucs-separator {
/* background: red!important;*/
border-bottom: 1px solid red !important;
/* border-bottom: none !important;*/
margin-bottom: -1px !important;
padding-bottom: 1px !important;
}
/* (new6)MENUS TOP - POPUP(GENERAL) - ALL LINES ITEMS - TXT - COLOR (BLUE : #327BA2) - === */
.yucs-menu a {
color: #327BA2 !important;
background-color: #222222 !important;
}
.yucs-menu a:hover{
color: GOLD !important;
background-color: #403D3D !important;
}
/* (new6)MENUS TOP - POPUP(GENERAL) - ALL LINES ITEMS - GENERAL - BORDER - === */
#yucs.yucs-mc ul li {
/* border-top: none !important;
border-bottom: 1px solid gray !important;*/
border: none !important;
}
/* (new6)MENUS TOP - POPUP(GENERAL) - YAHOO SERVICES + OPTIONS + YAHOO USER(CONNECTED AS....) - BLOCK -
.yui3-menu li
background-color: #222222 !important;
==== */
.yui3-menu:first-of-type {
float: right ! important;
color: gray !important;
margin: 0;
padding: 5px 5px 5px 10px !important;
background-color: transparent !important;
}
.yui3-menu.yucs-menu.yui3-menu-hidden {
background: #222222 ! important;
}
.yui3-menu ul:hover {
color: GOLD !important;
margin: 0;
padding: 0;
}
/* MENU TOP LEFT - ICON SERVICES YAHOO (near Logo) -
.lt #yucs-nav_outer
#yucs.yucs-mc .yucs-fl-left div#yucs-nav.yui3-menu #yucs-nav_outer > ul.first-of-type
background-color: red !important;
height: 20px !important;
=== */
.lt #yucs-nav_outer {
background-position: 0 -1331px;
top: 10px !important;
}
/* (new6)MENU TOP LEFT - ICON SERVICES YAHOO (near Logo) - MENU POPUP - LINE ITEMS - === */
/*.yucs-fl-left #yucs-nav.yui3-menu #yucs-nav_outer.yui3-menu-content .first-of-type li #yucs-prop_nav.yui3-menu ul.first-of-type li {
border-top: none !important;
border-bottom: 1px solid gray !important;
}*/
/* MENU TOP RIGHT - PROFILE - === */
.yucs-profile-items-panel {
background-color: #333333 !important;
outline: 0 none;
}
/* MENU TOP RIGHT - PROFILE - CONNECTE en tant que /SIGNED AS - === */
.yucs-signed_in_as {
color: #327BA2 !important
}
.yucs-signed_in_as:hover {
color: gold !important;
}
/* (new6)MENU TOP RIGHT - OPTIONS - CONTAINER - === */
/*#yucs.yucs-mc .yucs-fl-right div#yucs-help.yucs-help .yui3-menu-content ul.first-of-type li #yucs-help_inner.yui3-menu li {
border-top: 1px solid gray !important;
border-bottom: 1px solid gray !important;
}*/
/* ================ HEADER / TOOLBAR / NAVBAR =========== */
/* (new6) SEARCH TOP BLOCK - === */
#yuhead-sform-cont {
display: block;
float: left !important;
left: -22px !important;
position: relative;
width: 100%;
}
/* SEARCH BOX - INPUT - === */
.yucs-search-input:focus {
border-color: gray !important;
box-shadow: 0 0 10px #BABABA !important;
}
.yucs-search-input {
-moz-box-sizing: content-box;
background: linear-gradient(to bottom, #060606 0px, #474444 10%, #000000 100%) repeat scroll 0 0 transparent!important;
border: 1px solid gray !important;
border-radius: 3px !important;
display: inline;
float: left;
font-size: 100%;
height: 17px!important;
line-height: normal;
outline: 0 none;
padding: 0 5px;
transition: width 0.5s ease 0s;
vertical-align: baseline;
width: 100%;
color: #8C8888 !important;
}
.yucs-search-buttons button {
border-radius: 3pt 3pt 3pt 3pt;
height: 20px !important;
min-width: 68px;
overflow: visible;
padding: 0 10px;
}
.yucs-search-buttons button {
border: 1px solid #626060 !important;
border-radius: 3pt 3pt 3pt 3pt;
height: 20px !important;
min-width: 68px;
overflow: visible;
padding: 0 10px;
}
.yucs-wsearch-button {
background: linear-gradient(to bottom, #4A4646 0px, #030303 100%) repeat scroll 0 0 transparent !important;
color: #736F6F !important;
margin-left: 2px;
}
/* ==== TOOLBAR WRITE/ECRIRE ==== */
/* BUTTON - WRITE - A VOIR - === */
/*#toolbar.fresh-toolbar {
display: inline-block !important;
margin-right: -5px;
width: auto !important;
position: relative !important;
background: red !important;
z-index: 20000 !important;
text-align: center !important;
}*/
/*#toolbar div.switcher {
display: inline-block !important;
float: left !important;
margin-right: -5px;
min-width: 150px !important;
position: absolute !important;
background: black !important;
z-index: 20000 !important;
text-align: left !important;
}*/
/* TOOLBAR WRITE/ECRIRE etc - Background - === */
/*.fullpage #toolbar {
display: block;
height: 34px ;
}*/
/* TOOLBAR WRITE/ECRIRE etc - BUTTONS - === */
/*.shaded .btn a,
.shaded .btn.pressed a {
color: gray !important;
text-shadow: none !important;
}*/
/* ============ PANEL - LEFT ========= */
/* PANEL LEFT - Background -
box-shadow: none !important;
color: gray !important;
==== */
#shellnavigation {
-moz-user-select: -moz-none;
background: #222222 !important;
}
/* (new3)(NO)PANEL LEFT - FOLDERS SYSTEM CONTAINER (MOVE ALL THE LEFT PANEL TO TOP) - ==== */
/*#nav-mailboxes{
margin-top: -33px !important;
}*/
/* PANEL LEFT - ITEMS FOLDERS - ==== */
.items-nav li i {
color: gray !important;
font-style: normal;
line-height: 23px;
overflow: hidden;
padding: 1px 0;
text-align: left;
text-overflow: ellipsis;
text-shadow: none !important;
white-space: nowrap;
}
/* PANEL LEFT - FOLDERS TXT / BLOCK (Background/SELECTED+HOVER) -
(Background - GREY/Chocolat :#4D4D4D )+ (Color -Vert :#4D4D4D ou Rouge:#930000#) -
.items li > a ,
.items li > a ,
.items li > a .rht
=== */
/* PANEL LEFT - FOLDERS SYSTEM - BACKGROUND -
background-color: #222222 !important;
=== */
#paneshell #shellnavigation.unselectable #system-folders li {
background: -moz-linear-gradient(center top , #4C4C4C, black) repeat scroll 0 0 transparent !important;
border-color: #343333 !important;
}
#paneshell #shellnavigation #system-folders li:hover a {
background-color: black !important;
border-color: black !important;
}
/* PANEL LEFT - FOLDERS CUSTOM - BACKGROUND - === */
#paneshell #shellnavigation.unselectable #custom-folders-nav.items .folder {
background-color: #222222 !important;
border-color: #343333 !important;
}
#paneshell #shellnavigation #custom-folders-nav.items:hover .folder a:hover {
background: black !important;
border-color: black !important;
color: gray !important;
}
/* PANEL LEFT - FOLDERS - GENERAL - UNREAD COUNT - NBR(background+SELECTED+HOVER) - === */
.items-nav li span.unread-count {
display: inline-block !important;
margin-top: 8px !important;
line-height: 15px !important;
overflow: hidden;
padding: 0 1px !important;
background: black !important;
border-radius: 5px !important;
text-shadow: none !important;
font-size: 12px !important;
color: gray !important;
}
.items-nav li span.unread-count:hover {
color: gray !important;
display: inline-block;
line-height: 23px;
overflow: hidden;
padding: 0 2px !important;
border-radius: 5px !important;
background: #056084 !important;
text-shadow: none !important;
}
.items-nav li.selected span.unread-count {
color: gray !important;
display: inline-block;
line-height: 23px;
overflow: hidden;
padding: 0 2px !important;
background: gold !important;
text-shadow: none !important;
}
.items-nav li.selected span.unread-count:hover {
color: gray !important;
display: inline-block;
line-height: 23px;
overflow: hidden;
background: yellow !important;
text-shadow: none !important;
}
/* FOLDERS SYSTEM - UNREAD MAIL COUNT - === */
#system-folders [id$="-count"].unread-count {
display: inline-block !important;
margin-top: 8px !important;
line-height: 15px !important;
overflow: hidden;
padding: 0 1px !important;
background: black !important;
border-radius: 5px !important;
text-shadow: none !important;
font-size: 12px !important;
color: gray !important;
}
/* PANEL LEFT - RESIZE BAR ==== */
/* PANEL LEFT - RAIL RESISE BAR - PANEL LEFT - === */
/*#paneshell #shellcontent #rail-resize {
display: inline-block !important;
background: black !important;
border-left: 1px solid #343333 !important;
border-right: 1px solid #343333 !important;
}
.fullpage #shellnavigation {
max-width: 280px !important;
padding-bottom: 20px;
}*/
/* PANEL LEFT - FOLDER CUSTOM - TITLE SECTION - === */
.items h2#nav-folders {
background: #343333 !important;
display: inline-block !important;
height: 18px !important;
margin-right: 25px;
padding-top: 4px !important;
padding-bottom: 1px !important;
width: 100% !important;
}
/* (new7)PANEL LEFT - FOLDER CUSTOM - LABEL SECTION - TITLE -
h2#custom-folders-nav .btn ,
h2#nav-applications .btn ,
=== */
.items h2 span.label {
background-color: #333333 !important;
border-radius: 8px !important;
color: gray !important;
margin-left: 3px !important;
margin-top: -1px !important;
padding: 0px 26px 1px 26px !important;
text-shadow: none !important;
}
#apps-toggle-btn {
background-color: black !important;
border-radius: 8px !important;
color: gray !important;
margin-left: 3px !important;
margin-top: 5px !important;
padding: 0px 22px 1px 26px !important;
text-shadow: none !important;
}
/* PANEL LEFT - APPLICATIONS - LABEL SECTION - BLOCK - Background (#222222) - === */
/*.iowa_window_div input ,
.iowa_window_div textarea ,
.iowa_window_div .yim-basic-skin button.btn ,
.iowa_window_div span.btn input ,
.iowa_window_div span.btn a ,
.iowa_window_div div.optionMenu li a ,
.iowa_window_div div.grouprequest-topbar ,
.iowa_window_div div.grouprequest-topbar .addrequesttitle ,
.iowa_window_div ul.requestlist div.onereques ,
#IowaWindowDiv {
background: #222222 !important;
border: medium none !important;
font-family: Helvetica,Arial,sans-serif;
}*/
/* (new7)PANEL LEFT - APPLICATIONS - MESSENGER/APPLICATIONS - LABEL BLOCK -
#IowaWindowDiv ,
#nav-folders h2 span ,
=== */
/*#list-view ,
#IowaWindowDiv #list-view.yui3-yim-contact-list ,
.minty-fresh h2 ,*/
/*.minty-fresh .collapsed h2 span.label,
.minty-fresh .expanded h2 span.label ,
#nav-applications {
border-bottom: 1px solid #F2F2F2;
border-top: 1px solid #D7D7D7;
display: inline-block !important;
height: 20px !important;
margin-left: 2px !important;
margin-right: 25px !important;
position: absolute !important;
top: -11px !important;
width: 100% !important;
background: #343333 !important;
}*/
#nav-applications {
position: absolute !important;
display: inline-block !important;
height: 25px !important;
width: 100% !important;
top: -21px !important;
margin-left: 0px !important;
margin-right: 25px !important;
border-bottom: 1px solid #F2F2F2;
border-top: 1px solid #D7D7D7;
background: #343333 !important;
}
h2#nav-applications .btn {
background-color: black !important;
}
.btn input.edit {
height: 20px !important;
}
/* PANEL LEFT - GENERAL - ICONS - === */
.items .rht {
position: absolute !important;
color: #454545;
font-size: 11px;
margin: 0px 6px 0 0 !important;
padding: 2px 0 0 2px;
right: -1px;
}
/* PANEL LEFT - FOLDER SYSTEM - ICONS - HOVER -
font-size: 11px !important;
=== */
#paneshell #shellnavigation.unselectable #nav-mailboxes.items ul#system-folders li:hover .rht {
position: absolute !important;
color: #454545;
margin: 1px 26px 0 0 !important;
padding: 0px 0 5px 1px !important;
right: 10px !important;
top: 4px !important;
background-color : #056084 !important;
border-radius: 3px !important;
border : gray solid 1px !important;
}
/* PANEL LEFT - FOLDER SYSTEM / CUSTOMS - NBR UNREAD MAILS COUNT - === */
.items-nav li span.unread-count {
display: inline-block !important;
float: right !important;
padding: 1px 0;
position: absolute !important;
right: 2px !important;
text-align: right;
top: 0 !important;
}
/* PANEL LEFT - FOLDERS CUSTOM - LIST SCROLLABLE - === */
#custom-folders-nav {
max-height: 500px !important;
overflow: auto !important;
overflow-x:hidden !important;
padding-top: 3px !important;
margin-top: -16px !important;
}
/* (new7)PANEL LEFT - CUSTOM FOLDER HEADER / APPLICATIONS PANEL - === */
#paneshell #shellnavigation.unselectable .items.expanded {
padding-top: 0px !important;
top: 6px !important;
}
.fullpage #main div#paneshell div#shellnavigation.unselectable .items-nav-applications.expanded {
background: black ! important;
}
/* (new7)PANEL LEFT - APPLICATIONS PANEL - Messenger - === */
.yui3-yim-contact-list div.items {
position: relative;
clear: both;
height: 100% ! important;
top: -10px !important;
padding-top: 19px ! important;
padding-bottom: 12px ! important;
bottom: -2px ! important;
background: black ! important;
/*border-top: 1px gray solid ! important;*/
}
.minty-fresh h2 {
border: medium none !important;
}
#nav-applications {
border: none ! important;
}
.minty-fresh .expanded .emptyGrpMsg {
font-size: 13px;
font-style: italic;
margin: 0 16px 14px;
white-space: normal !important;
width: 140px !important;
}
#tc_toggle {
color: gray !important;
margin: 5px 10px 8px;
text-align: center;
width: 150px !important;
}
#tc_toggle a {
background-image: linear-gradient(#111010, #2C2A2A) !important;
border: none !important;
border-radius: 4px;
color: gray !important;
}
.minty-fresh .items-nav-msgr-contacts li a {
margin: 5px 0 5px 8px;
text-shadow: none !important;
color: gray ! important;
}
.minty-fresh .items li:hover {
background-color: #1C1B1B !important;
border-bottom: 1px solid #F2F2F2;
border-top: 1px solid #D1D1D1;
}
.minty-fresh .items-nav-msgr-contacts li:hover a {
background: black ! important;
border-radius: 5px ! important;
margin: 5px 0 5px 8px;
text-shadow: none !important;
color: gold ! important;
}
/* APPLICATION - === */
#app-list li a {
margin-top: 10px ! important;
}
#app-list li a:hover {
margin-top: 10px ! important;
background-color: #1C1B1B !important;
}
/* ======= PANEL RIGHT - LIST MAILS ======== */
/* TRIER PAR - PRESSED - === */
#shellcontent .btn-hdr.pressed,
#shellcontent .btn-hdr.pressed:hover,
#shellcontent .btn-hdr:active {
background: black !important;
color : gold !important;
}
#shellcontent .btn-hdr.pressed a ,
#shellcontent .btn-hdr.pressed a:hover,
#shellcontent .btn-hdr a:active {
background: black !important;
color : gold !important;
}
/* =============== */
/* PANEL RIGHT - MAILS LIST - MENUS - GENERAL - ==== */
/* OK - === */
.optionMenu {
background-color: black !important;
clear: both;
cursor: pointer;
padding: 0;
white-space: nowrap;
opacity: 1 !important;
}
/* PB - ADD YELLOW GRID - MENU - COLOR PICKER MENU - === */
.optionMenu ul{
padding: 1px 0 !important;
/*background: yellow !important;*/
border-top: 1px solid gray !important;
border-bottom: 1px solid gray !important;
border-top: 0 none !important;
}
/* OK - ADD BOTTOM SHADOW at COLOR SQUARE to COLOR PICKER MENU -
border-top: 1px solid gray !important;
=== */
.optionMenu li {
border-bottom: 1px solid gray !important;
border-top: 0 none !important;
}
/* PB - MENU COLOR PICKER(ALL COLOR SQUARE DARK/GREY) - PANEL RIGHT - MAILS LIST - MENUS - LISTE ITEMS - ZEBRA - GENERAL - === */
/*.optionMenu li {
height: 30px !important;
}
.optionMenu li a span {
height: 30px !important;
color: gray !important;
}
.optionMenu li:nth-child(odd) {
background: #222222!important;
width: 100% !important;
}
.optionMenu li:nth-child(even) {
background: #333333!important;
width: 100% !important;
}*/
/* MENU COLUMNS/COLONNES (DE / A / OBJET / TAILLE / DATE ) -
#menu-columns.optionMenu
=== */
/* PANEL RIGHT - MAILS LIST - MOVE MAILS - COUNTER - (BLUE menu: #327BA2) - WIDESCREEN - === */
#menu-move {
opacity: 1 !important;
}
#menu-move-folder {
display: block;
max-height: 680px !important;
padding: 5px 5px 5px 10px !important;
background: black !important;
}
#menu-move-folder li {
counter-increment: myIndex !important;
}
#menu-move-folder li a span:before {
content:counter(myIndex) !important;
list-style: decimal outside none !important;
position: relative !important;
display: inline-block !important;
width: 18px !important;
height: 18px !important;
line-height: 19px !important;
left: -15px !important;
border: 1px solid gold !important;
border-radius: 15px !important;
text-align: center !important;
font-size: 10px !important;
background: black !important;
color: white !important;
}
#menu-move-folder li a span:after {
position: absolute !important;
display: inline-block !important;
content: "?" !important;
width: 15px !important;
left: 21px !important;
color: gray !important;
}
/* PANEL RIGHT - MAILS LIST - MOVE MAILS - TXT - (BLUE menu: #327BA2) - === */
#menu-move-folder li a {
position: relative !important;
display: block !important;
color: gray !important;
}
#menu-move-folder li a:hover {
color: gold !important;
}
/* PANEL RIGHT - MAILS LIST - MOVE MAILS - ZEBRA - WIDESCREEN - === */
#menu-move-folder li:nth-child(odd) {
background: #333333 !important;
color: white !important;
border-bottom: 1px solid gray !important;
border-top: 1px solid gray !important;
}
/*#menu-move-folder li:nth-child(odd) a {
color: white !important;
}*/
#menu-move-folder li:nth-child(even) {
background: #222222 !important;
}
/* PANEL RIGHT - MAILS LIST - MOVE MAILS - SPAMS/TRASH(CORBEILLE)/NEW FOLDER - ITEMS LINE -
#menu-move.optionMenu ul[role="menuitem"] li[data-action="inbox-move"]
background-image: url("/ok/u/assets/sprite/fresh/freshsprites-32x32-dark-ltr_88563.png");
=== */
[class="multimsg"][data-action="spam"] {
margin-top: -8px !important;
background: -moz-linear-gradient(center top , #252424, black) repeat scroll 0 0 transparent !important;
padding: 3px 85px !important;
}
[class="multimsg menu-active-item"][data-action="spam"]{
margin-top: -8px !important;
background: -moz-linear-gradient(center top , #252424, #4C4C4C) repeat scroll 0 0 transparent !important;
padding: 3px 85px !important;
}
[class="multimsg"][data-action="spam"] span ,
[class="multimsg menu-active-item"][data-action="spam"] span{
background-color: black !important;
width: 100% !important;
border-radius: 5px !important;
text-align: center !important;
color: gold !important;
}
[class="multimsg menu-active-item"][data-action="spam"] span{
box-shadow: 0px 3px 5px gray !important;
}
[class="multimsg"][data-action="trash"] {
margin-top: 2px !important;
margin-bottom: -6px !important;
background: -moz-linear-gradient(center top , #252424, black) repeat scroll 0 0 transparent !important;
padding: 3px 85px !important;
}
[class="multimsg menu-active-item"][data-action="trash"] {
margin-top: 2px !important;
margin-bottom: -6px !important;
background: -moz-linear-gradient(center top , #252424, #4C4C4C) repeat scroll 0 0 transparent !important;
padding: 3px 85px !important;
}
[class="multimsg"][data-action="trash"] span ,
[class="multimsg menu-active-item"][data-action="trash"] span{
background-color: black !important;
width: 100% !important;
border-radius: 5px !important;
text-align: center !important;
color: gold !important;
}
[class="multimsg menu-active-item"][data-action="trash"] span {
box-shadow: 0px 3px 5px gray !important;
}
[class=""][data-action="folder-new"]{
background: -moz-linear-gradient(center top , #252424, black) repeat scroll 0 0 transparent !important;
width: 98% !important;
margin-left: 4px !important;
border-radius: 4px !important;
}
[class="menu-active-item"][data-action="folder-new"]{
background: -moz-linear-gradient(center top , #252424, #4C4C4C) repeat scroll 0 0 transparent !important;
width: 98% !important;
margin-left: 4px !important;
border-radius: 4px !important;
color: white !important;
}
[class=""][data-action="folder-new"] span {
color: gray !important;
}
[class="menu-active-item"][data-action="folder-new"] span {
color: white !important;
}
[class=""][data-action="folder-new"] a em{
display: inline-block !important;
color: gray !important;
font-size: 10px !important;
}
[class="menu-active-item"][data-action="folder-new"] a em{
display: inline-block !important;
color: gold !important;
font-size: 10px !important;
}
#menu-move.optionMenu ul {
border-color: gray !important;
}
/* TEST(NO) - PANEL RIGHT - MAILS LIST - MOVE MAILS - SPAMS ICON - ==== */
/*[class="multimsg"][data-action="spam"] span:before {
position: relative !important;
display: inline-block !important;
content: "." !important;
background: url("/ok/u/assets/sprite/fresh/freshsprites-32x32-dark-ltr_88563.png")no-repeat scroll 0 -132px transparent !important;
width: 32px !important;
height: 32px !important;
margin-left: -20px !important;
font-size: 20px !important;
z-index: 5000 !important;
}*/
/* PANEL RIGHT - MAILS LIST - MENU ACTIONS - ==== */
#menu-actions.optionMenu ,
#menu-actions.optionMenu li {
background-color: #333333 !important;
}
#menu-actions.optionMenu li a {
color: #327BA2 !important;
}
#menu-actions.optionMenu li a:hover {
color: gold !important;
}
/* ================== */
/* PANEL RIGHT - LIST MAILS - HEADER SORT/TRIER - Background - === */
.list-header ,
#shellnavigation.unselectable ,
.items h2 span.label ,
.fullpage #theAd,
.panescroll #theAd {
background-color: #222222 !important;
}
/* (new2)PANEL RIGHT- CHECK BOX - Background -
LIST MAILS - HEADER -
MAIL WRITE - CHOOSE CONTACTS -
=== */
.header-toolbar .cbox label input[type="checkbox"]:checked + span,
.list-view-item .cbox input[type="checkbox"]:checked + span ,
.items-choose li input[type="checkbox"]:checked + span {
background-color: #FEFBFB !important;
background-position: 0 -511px;
border-radius: 2px !important;
border: 1px gray solid !important;
}
/* PANEL RIGHT - LIST MAILS - HEADER - SORT /TRIER by etc - BUTTON - TXT (GrisClair: #7D7D7D) - === */
#shellcontent .btn-hdr a {
color: #7D7D7D !important;
display: inline-block;
padding-right: 2px;
text-shadow: none !important;
}
/* PANEL RIGHT - LIST MAILS - HEADER - PAGE NAV - COUNT / BUTTONS - Shadow - === */
#btn-ml-count span {
color: gold !important;
text-shadow: none !important;
}
/* PANEL RIGHT - LIST MAILS - MAILS LIST ITEM - BACKGROUND ZEBBRA #333333 - === */
.list-view-item {
border-top: 1px solid #393737 !important;
border-bottom: 1px solid #393737 !important;
font-style: italic !important;
font-weight: normal !important;
}
#msg-list .list-view-item:nth-child(odd){
background: #333333 !important;
color: #EFEAEA !important;
}
#msg-list .list-view-item:nth-child(even){
background: #222222 !important;
color: #EFEAEA !important;
}
#msg-list .list-view-item.selected {
background-color: #056084 !important;
color: white !important;
}
#msg-list .list-view-item.unread {
border-top: 1px solid #818080 !important;
border-bottom: 1px solid #818080 !important;
}
#msg-list .list-view .list-view-items .unread {
background: black !important;
color: #8FBBBA !important;
font-style: normal !important;
font-weight: normal !important;
}
#msg-list .list-view .list-view-items .unread.selected {
background-color: #056084 !important;
color: white !important;
border: RED 1px solid !important;
}
/* PANEL RIGHT - LIST MAILS - CARET BLUE FLICKR before MAILS - === */
.from:before ,
.subj:before,
.date: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;
}
.list-view-item:nth-child(odd) {
font-weight: bold;
background: #333333 !important;
color: #BABAAD !important;
}
.list-view-item:nth-child(even) {
font-weight: bold;
background: #222222 !important;
color: #BABAAD !important;
}
/* PANEL RIGHT - LIST MAILS - MAILS - UNREAD ITALIC -
background: #2D3B4(Dark-Gray-Blue)
background: rgba(0, 0, 0, 0.6) !important;
=== */
.list-view-item.unread {
font-style: italic !important;
font-weight: bold;
background: #2D3B43 !important;
color: #9EAAB8 !important;
}
/* (new2)PANEL RIGHT - LIST MAILS - ICONS "Piéces Jointes / Trash" - Background - Bleu : (#0F4789) - */
.list-view .icon {
height: 20px !important;
margin-top: 2px !important;
border-radius: 5px !important;
border: 1px solid green !important;
background-color: #0F4789 !important;
}
/* PANEL RIGHT - MESSAGE LIST - TRASH ICON (near mail object) - CHANGE BY CROSS "X" - === */
#msg-list.unselectable .list-view .list-view-items .list-view-item .fixed .icon {
height: 12px !important;
width: 11px !important;
margin-top: 8px ! important;
border-radius: 20px !important;
border-color: gray! important;
background: none ! important;
}
#msg-list.unselectable .list-view .list-view-items .list-view-item .fixed .icon:hover {
height: 12px !important;
width: 11px !important;
margin-top: 8px ! important;
border-radius: 20px !important;
border-color: red! important;
background: black ! important;
color: black ! important;
}
#msg-list.unselectable .list-view .list-view-items .list-view-item .fixed .icon:before {
position: relative ! important;
display: inline-block ! important;
top: -9px ! important;
left: 2px ! important;
content: "X" ! important;
font-size: 10px ! important;
font-style: normal ! important;
font-weight: bolder ! important;
color: gray ! important;
}
#msg-list.unselectable .list-view .list-view-items .list-view-item .fixed .icon:hover:before {
position: relative ! important;
display: inline-block ! important;
top: -9px ! important;
left: 2px ! important;
content: "X" ! important;
font-size: 10px ! important;
font-style: normal ! important;
font-weight: bolder ! important;
color: red ! important;
}
/* ======= CONTACT =============== */
/* ============= CONTACTS ============ */
/* CONTACT LIST === */
.panescroll #subshellnavigation.list-view {
left: 0;
width: 316px !important;
}
.panescroll #contacts-content {
left: 103px !important;
margin-left: 216px!important;
overflow: visible;
background: #333333 !important;
}
/* CONTACTS INFOS - Move right === */
.contact-info{
margin-left: 5px;
padding-bottom: 2px;
padding-left: 14px;
padding-top: 2px;
padding-right: 8px;
width: 257px;
}
/* CONTACTS LIST === */
.contact-info > .contact-detail.contact-name {
color: #939393!important;
font-style: italic;
font-weight: bold;
}
/* CONTACT - RIGHT PANEL === */
h2.list-title {
border: medium none !important;
}
.actions {
background-color: #211D1D!important;
background-image: linear-gradient(#525252, #000000)!important;
border: 1px solid #DDDDDD!important;
border-radius: 5px!important;
box-shadow: 0 0 2px #FFFFFF inset!important;
}
/* CONTACT - RIGHT PANEL - Buttons : Modifier Details/Affecter Listes/Supp */
.modal-ft span.btn a, .actions span.btn a {
background-image: linear-gradient(#000000, #525454) !important;
color: #AAAAAA !important;
}
/* (new3)CONTACTS CARD - INFOS PRINCIPALES - GRADIENT Background === */
.card {
width: 518px !important;
background-color: #211D1D!important;
background-image: linear-gradient(#525252, #000000)!important;
border: 1px solid #DDDDDD!important;
border-radius: 5px 5px 0 0 !important;
box-shadow: 0 0 2px #FFFFFF inset!important;
}
/* CONTACTS CARD - CONTACT NAME - === */
.card a {
color: #808080 !important;
}
/* (new3)CONTACTS CARD - DETAILS - LABEL + BLOCK - === */
#contacts-content.content .scroll-inner .inner .card h2.legend span.label, dt.legend span.label {
background-color: gold !important;
color: black !important;
}
#contacts-content.content .scroll-inner .inner .contact-details {
margin-top: -7px !important;
background-color: #211D1D!important;
background-image: linear-gradient(#525252, #000000)!important;
border: 1px solid gray !important;
border-radius: 0 0 5px 5px!important;
padding: 0 0 5px 5px !important;
}
/* (new3)CONTACT - RIGHT PANEL - MODIFIY INFOS PAGE - === */
#shellcontent #contacts-content.content .scroll-inner .inner fieldset.fs-lg legend ,
#shellcontent #contacts-content.content .scroll-inner {
color: gray !important;
}
#shellcontent #contacts-content.content .scroll-inner .inner fieldset.fs-lg legend {
color: BLACK !important;
background: gold !important;
}
/* (new3)CONTACT - RIGHT PANEL - MODIFIY INFOS PAGE - BLOCK INFO - NAME + BASE + OTHERS DETAILS SECTION - === */
#shellcontent #contacts-content.content .scroll-inner .inner fieldset:nth-child(even){
width: 700px !important;
padding: 5px 0px 0 5px !important;
border-top: 1px GRAY solid !important;
border-bottom: 1px GRAY solid !important;
background: #222222 !important;
}
/* (new3)CONTACT - RIGHT PANEL - MODIFIY INFOS PAGE - BLOCK INFO - NAME BLOCK -
#givenName
=== */
.cfrm fieldset.fs-borderless {
margin-top: -15px !important;
}
.cfrm .field .field-name {
width: 220px !important;
}
/* (new3)CONTACT - RIGHT PANEL - MODIFIY INFOS PAGE - BLOCK INFO - ADRESSE SECTION - === */
#shellcontent #contacts-content.content .scroll-inner .inner fieldset:nth-child(odd){
width: 700px !important;
padding: 5px 0px 0 5px !important;
border-top: 1px GRAY solid !important;
border-bottom: 1px GRAY solid !important;
background: black !important;
}
/* (new3)CONTACT - RIGHT PANEL - MODIFIY INFOS PAGE - BLOCK INFO - ADRESSE SECTION - EACH ADRESSE BLOCK - === */
#shellcontent #contacts-content.content .scroll-inner .inner fieldset:nth-child(odd) .composed {
padding: 7px 0px 7px 2px !important;
margin: 5px 0 5px -3px !important;
border-radius: 5px !important;
border : GRAY solid 1px !important;
}
/* (new3)CONTACT - RIGHT PANEL - MODIFIY INFOS PAGE - FIELD SIZE / ALLOW RESIZE - === */
.field-lg {
width: 375px !important;
}
.field textarea.four-lines {
margin-bottom: 5px;
padding: 1px 3px;
resize: both !important;
min-width: 381px !important;
}
/* (new3)CONTACTS - 1er SECTION - ADD INFO ICONS - === */
.cfrm div.field .rht {
left: 571px !important;
}
/* CONTACTS - ADD SITE WEB FIELD - === */
.labelcont label +input {
margin-left: 181px !important;
margin-top: -40px !important;
}
/* ADD CONTACT TO LIST - POPUP - WIDESCREEN - === */
#modal-assign-to-lists {
position: fixed !important;
top: 10px !important;
left: 60% !important;
height: 795px !important;
}
#modal-assign-to-lists .modal-bd {
height: 705px !important;
border-radius:5px 5px 0 0 !important;
background: #222222 !important;
}
#modal-assign-to-lists .modal-pane-shell {
height: 700px !important;
}
#modal-assign-to-lists .modal-pane-shell.list-view .modal-pane-bd-sm ul{
height: 700px !important;
}
.modal-pane-shell .modal-pane-bd-sm ul.items li.checkbox.selected {
background-image: linear-gradient(to bottom, #858585 0px, #383838 100%) !important;
background-color: #383838 !important;
margin: 5px !important;
}
.modal-pane-shell .modal-pane-bd-sm ul.items li.checkbox.selected span {
color: gold!important;
font-size: 15px !important;
}
#modal-assign-to-lists .modal-ft {
background: #222222 !important;
border-radius: 0 0 5px 5px !important;
}
/* ADD CONTACT TO LIST - POPUP - ADD NEW LIST NAME - === */
#new-list-name-li {
display: inline-block !important;
position: fixed !important;
top: 34px !important;
margin-left: 0px !important;
/*width: 270px !important;*/
z-index: 2000000 !important;
background: transparent !important;
border: none !important;
}
/* ============ MAILS WRITE =========== */
/* TEST - MAIL READ - TEXT - SELECTABLE === */
.panescroll #main #paneshell #shellcontent .reselectable .messagepane .message .msg-body p {
-moz-user-select: text !important;
margin: 0 0 0;
}
/* TEST - MAIL READ - SUBJECT BLOCK === */
#subject {
width: 1100px !important;
}
/* (new3)MAIL READ/WRITE - CONTENT BLOCK - A VOIR (OK) -
.content .inner
#shellcontent .reselectable .messagepane .message .msg-body div div div div
border: red 1px solid !important;
=== */
.reselectable + .reselectable .messagepane .content .inner ,
#paneshell #shellcontent > .reselectable[style="visibility: visible; display: block;"] .compose.content table tbody tr:last-of-type td {
margin: 5px -3px 11px 5px !important;
background: white !important;
}
.reselectable+ .reselectable .messagepane .content .inner> div ,
#paneshell #shellcontent > .reselectable[style="visibility: visible; display: block;"] .compose.content table tbody tr:last-of-type td .compose-message {
margin: 20px -3px 11px 25px !important;
outline : GRAY solid 1px !important;
}
/* (new2)MAIL WRITE - POPUP CHOOSE CONTACTS LIST - CONTAINER (On the right to always see The Header of compose panel) - WIDESCREEN - === */
#modal-kiosk-choosecontact {
position: fixed !important;
width: 500px !important;
height: 892px !important;
top: 5px !important;
margin-left: 23% !important;
background: black !important;
}
/* (new)MAIL WRITE - CONTACTS - CHOOSE SEARCH LIST - LIST BLOCK - === */
.modal-pane-bd {
position: relative !important;
height: 740px !important;
top: 1px!important;
border-right: 1px solid #D5D5D5;
overflow: auto;
}
/* (new)MAIL WRITE - CONTACTS - CHOOSE SEARCH LIST - "Terminé / Annuler" BLOCK - === */
.modal div.modal-ft {
border-radius: 0 0 3px 3px;
height: 10px !important;
padding: 4px 16px 20px !important;
text-align: right;
}
/* (new)MAILS WRITE - CONTACT SELECTED - === */
.ac-results li em.no-name, div.ac-results li:hover em, div.ac-results .yui3-acwidget-selected em {
color: white !important;
}
/* (new)MAIL WRITE - CONTACTS - CHOOSE SEARCH LIST - NBR SELECTED CONTACT BLOCK - === */
div.modal div.modal-bd p {
margin: 0 0 3px !important;
}
/* (new)MAIL WRITE - CONTACTS - ADD "+" CONTACT ICONS - === */
.contact-search span.user-search {
display: block;
float: left;
left: 34px !important;
margin: 0;
position: absolute;
}
/* (new)MAIL WRITE - CONTACT CCi - BUTTON CCi (show/hide) - === */
#btn-show-bcc ,
.compose-header #bcc-group.cm-bcc-group span.bcc-btn {
left: 1189px !important;
position: absolute !important;
top: 3px !important;
width: 141px !important;
}
#btn-show-bcc a ,
.compose-header #bcc-group.cm-bcc-group span.bcc-btn a {
color: gold !important;;
}
/* (new2)MAIL WRITE - CONTACTS - CHOOSE SEARCH LIST -
(GIVE HUGE BOTTOM PADDING to Scroll to the end without move the compose page) - === */
#modal-kiosk-choosecontact.modal .modal-bd {
background: none repeat scroll 0 0 #333333 !important;
color: gray !important;
overflow: hidden;
padding: 21px 16px 0;
}
#modal-kiosk-choosecontact.modal .modal-bd .modal-pane-shell {
background-color: #1A1818 !important;
border: 1px solid #D5D5D5;
margin-bottom: 10px;
overflow: visible;
}
#modal-kiosk-choosecontact.modal .modal-bd .modal-pane-shell .modal-pane-bd .items ul {
padding-bottom: 300px !important;
}
/* (new)MAIL WRITE - CONTACTS - CHOOSE SEARCH LIST - CONTACT ITEMS LINE - === */
.items-choose li {
background-color: #1E1C1C !important;
color: gray !important;
}
.items-choose li:hover {
background-color: #1E1C1C !important;
color: gold !important;
}
/* (new2)MAIL WRITE - CONTACTS - CHOOSE SEARCH LIST - CONTACT ITEMS LINE - SELECTED / HOVER - === */
#modal-kiosk-choosecontact.modal .modal-bd .modal-pane-shell .modal-pane-bd .items ul li.checkbox.selected {
background: -moz-linear-gradient(center top , black, #4C4C4C) repeat scroll 0 0 transparent !important;
color: white !important;
}
#modal-kiosk-choosecontact.modal .modal-bd .modal-pane-shell .modal-pane-bd .items ul li.checkbox.selected:hover {
background: -moz-linear-gradient(center top , black, #4C4C4C) repeat scroll 0 0 transparent !important;
color: #327BA2 !important;
}
/* (new)MAIL WRITE - CONTACTS - CHOOSE FILTER - === */
/*.panescroll .yui3-widget div#modal-kiosk-choosecontact.modal .modal-bd #choose-lookfor-filter.lookfor-filter select#choose-lookfor-selec {
width: 193px !important;
}*/
.lookfor-filter select {
width: 193px !important;
}
/* (new)MAIL WRITE - CONTACTS - CARET FLICKR */
.contact-info > .contact-detail.contact-name: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;
}
/* =========== END ============== */
}