User CSS Tweaks From JYLD #22
Comments
|
These are my CSS tweaks with my finalized Calendar tweaks. Finally, figured out how to colorize the Week View calendar. Again it is released to public domain for those who might want to try it. See picture links in my post above. The pic of the Calendar has been updated. /* ______General, Mail Tab, And Other Tabs Configuration_____*/
/* remove top toolbar shadows */
#mail-toolbox,
.mail-toolbox,
#mail-toolbar-menubar2,
#tabs-toolbar,
#tabs-toolbar .tab-text,
#tabs-toolbar .tabmail-tab[selected=true],
#tabs-toolbar .tabmail-tab:not([selected=true]),
#tabs-toolbar::after,
#tabs-toolbar::before {
/*
-moz-box-shadow: none !important;
box-shadow: none !important;
*/
text-shadow: none !important;
}
/* This is the menubar */
/* #mail-toolbar-menubar2 {
background-color: #000000 !important;
}
*/
#mail-toolbox {
background: rgba(224,224,224,.6)
linear-gradient(rgba(170,232,252,.8), rgba(47,141,235,.6) 49%,
rgba(32,133,234,.6) 51%, rgba(20,114,208,.3)) !important;
color: #12298E !important;
font-weight: 590 !important;
}
#mail-toolbox toolbarbutton {
background: rgba(255,255,255,.95)
linear-gradient(rgba(253,254,255,.8), rgba(243,244,245,.8),
rgba(213,216,217,.6), rgba(193,194,195,.6)) !important;
border-top: 1px solid #FFFFFF !important;
border-left: 1px solid #FFFFFF !important;
border-right: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
}
#tabs-toolbar {
/* background-color: #E7F7FE !important; /**/
/* color: black !important; */
}
#tabs-toolbar .tabmail-tab[selected=true] {
font-size: 100% !important;
font-weight: 600 !important;
color: black !important;
text-decoration: underline solid #000000 !important;
/* background-image: none !important; */
/* background-color: none !important;
background-color: #E9F0F3 !important;
background-color: #2085EA !important;
*/
background-color: #07B8F3 !important;
margin-left: 1px !important;
margin-right: 0px !important;
border-radius: 9px 9px 0px 0px !important;
border: 1px solid #759AB3 !important;
border-bottom: 0px solid transparent !important;
text-shadow: none !important;
}
#tabs-toolbar .tabmail-tab[selected=true]:hover {
color: #BC0030 !important;
text-decoration: underline solid #BC0030 !important;
text-shadow: none !important;
}
#tabs-toolbar .tabmail-tab:not([selected=true]) {
color: #F8F9FA !important;
font-weight: 500 !important;
/* background-image: none !important; */
background: rgba(18,104,190,.05)
linear-gradient(rgba(170,232,252,.8), rgba(47,141,235,.6) 49%,
rgba(32,133,234,.6) 51%, rgba(20,114,208,.3)) !important;
/* background-color: #2085EA !important; */
margin-left: 1px !important;
margin-right: 0px !important;
border-radius: 9px 9px 0px 0px !important;
border: 1px solid #2D6799 !important;
/* border-bottom: 2px solid #20496C !important; */
border-bottom: 0px solid transparent !important;
text-shadow: none !important;
}
#tabs-toolbar .tabmail-tab:not([selected=true]):hover {
color: #F8F9FA !important;;
font-weight: 500 !important;
text-shadow: none !important;
}
#tabs-toolbar .tab-text {
-moz-box-shadow: none !important;
text-shadow: none !important;
}
#quick-filter-bar-main-bar {
background-color: #465966 !important;
color: #FFFFFF !important;
border: 0px solid transparent !important;
}
/* ______Mail Folder Tree And Email Thread Tree_____*/
#threadTree treechildren::-moz-tree-row(odd) {
background-color: #E7F7FE !important;
border: 0px solid transparent !important;
padding-top: 4px !important;
}
#threadTree treechildren::-moz-tree-row(even) {
background-color: #F9FEFF !important;
border: 0px solid transparent !important;
padding-top: 4px !important;
}
#threadTree treechildren::-moz-tree-row(hover) {
background-color: #AEDDFC !important;
border: 0px solid transparent !important;
margin-left: 4px !important;
margin-right: 4px !important;
}
#threadTree treechildren::-moz-tree-row(selected) {
background-color: #FFD0F8 !important;
border: 0px solid transparent !important;
margin-left: 4px !important;
margin-right: 4px !important;
}
#threadTree treechildren::-moz-tree-row(selected, focus) {
background-color: highlight !important;
border: 0px solid transparent !important;
margin-left: 4px !important;
margin-right: 4px !important;
}
#threadTree treechildren::-moz-tree-row {
height: 22px !important;
min-height: 22px !important;
padding-top: 3px !important;
border: 0px solid transparent !important;
margin-left: 4px !important;
margin-right: 4px !important;
}
#threadTree {
/* padding-right: 0px !important; */
/* border-right: 3px solid #465966 !important; */
margin-left: 4px !important;
margin-right: 4px !important;
}
#folderTree {
background-color: #465966 !important;
color: #FFFFFF !important;
font-weight: 400 !important;
border: 0px solid transparent !important;
margin-top: -1px !important;
}
#folderTree > treechildren::-moz-tree-row(hover) {
background-color: #2085EA !important;
border: 0px solid transparent !important;
margin-left: 4px !important;
margin-right: 4px !important;
}
#folderTree > treechildren::-moz-tree-row(selected) {
background-color: #F0EFEE !important;
border: 0px solid transparent !important;
margin-left: 4px !important;
margin-right: 4px !important;
}
#folderTree > treechildren::-moz-tree-row(selected, focus) {
background-color: Highlight !important;
border: 0px solid transparent !important;
margin-left: 4px !important;
margin-right: 4px !important;
}
#folderTree > treechildren::-moz-tree-row {
height: 22px !important;
min-height: 22px !important;
border: 0px solid transparent !important;
}
treechildren::-moz-tree-twisty {
padding-inline-end: 5px !important;
padding-inline-start: 5px !important;
margin-top: 5px !important;
margin-bottom: 4px !important;
margin-right: 8px !important;
margin-left: 4px !important;
border-top: 1px solid #FFFFFF !important;
border-left: 1px solid #FFFFFF !important;
border-right: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
border-radius: 4px 4px 4px 4px !important;
background-color: #E2F0FE !important;
}
treechildren::-moz-tree-image(folderNameCol) {
background-image: url(file:///T:/Users/Administrator/AppData/Roaming/Thunderbird/Profiles/6ztqu4q0.AB/extensions/SunIcon5.png) !important;
background-size: 30% 30% !important;
background-position: left center !important;
background-repeat: no-repeat !important;
opacity: 0 !important;
}
#threadpane-splitter {
background-color: #465966 !important;
color: #465966 !important;
border: 1px solid #465966 !important;
}
#folderpane_splitter {
background-color: #465966 !important;
color: #465966 !important;
border: 1px solid #465966 !important;
}
#attachment-splitter {
background-color: #465966 !important;
color: #465966 !important;
border: 2px solid #465966 !important;
}
/* ______Message Content Pane Items_____*/
#msgHeaderView {
background-color: #D8EFFE !important;
/* background: rgba(224,224,224,.3)
linear-gradient(rgba(170,232,252,.8), rgba(47,141,235,.6) 49%,
rgba(32,133,234,.6) 51%, rgba(20,114,208,.3)) !important; */
border: 0px solid transparent !important;
}
/* ______ Write Message Window Tweaks ______*/
#compose-toolbox {
text-shadow: none !important;
color: #000000 !important;
background: rgba(224,224,224,.6)
linear-gradient(rgba(170,232,252,.8), rgba(47,141,235,.6) 49%,
rgba(32,133,234,.6) 51%, rgba(20,114,208,.3)) !important;
}
#compose-toolbox toolbarbutton {
text-shadow: none !important;
color: #12298E !important;
font-weight: 590 !important;
background-color: rgba(255,255,255,.7) !important;
border-top: 1px solid #FFFFFF !important;
border-left: 1px solid #FFFFFF !important;
border-right: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
}
/* ______ Search Box Tweaks ______*/
.searchBox > .textbox-input-box {
font-size: 14px !important;
font-weight: 600 !important;
}
.searchBox[focused="true"] {
background-color: #FFFFFF !important;
color: #072AFF !important;
}
.searchBox:not([focused="true"]) {
background-color: #DADDE0 !important;
color: #072AFF !important;
}
.searchBox:hover {
background-color: #FFFFFF !important;
color: #072AFF !important;
}
/* ______ Calendar Tweaks ______*/
#calendar-toolbox {
/* background-color: #BBEEFF !important; */
background: rgba(224,224,224,.6)
linear-gradient(rgba(170,232,252,.8), rgba(47,141,235,.6) 49%,
rgba(32,133,234,.6) 51%, rgba(20,114,208,.3)) !important;
color: #12298E !important;
font-weight: 600 !important;
}
#calendar-toolbox toolbarbutton {
background-color: rgba(255,255,255,.7) !important;
border-top: 1px solid #FFFFFF !important;
border-left: 1px solid #FFFFFF !important;
border-right: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
}
#calsidebar_splitter {
border-width: 0 !important;
width: 4px !important;
background-color: #465966 !important;
}
#button-save, #saveandcloseButton,
#button-saveandclose, #acceptButton {
fill: darkgreen !important;
}
#deleteButton, #declineButton,
#button-delete.cal-event-toolbarbutton {
fill: #BC0030 !important;
}
#button-attendees {
fill: #2085EA !important;
}
#button-privacy {
fill: #FF00FF !important;
}
#button-attach {
fill: #FFA400 !important;
}
calendar-list-tree > tree > treechildren {
background-color: #FEF6E2 !important;
color: #12298E !important;
}
#calendar-panel {
background-color: #FBD06B !important;
}
#ltnSidebar {
background-color: #FEF6E2 !important;
}
calendar-day-label {
background-color: #FED4D4 !important;
}
window {
--viewColor: #000000 !important;
--viewBackground: #E1F0FD !important;
--viewBorderColor: #8B9EBF !important;
--viewTodayBorderColor: #8B9EBF !important;
--viewTodayBackground: #FEE2E2 !important;
--viewTodayOffBackground: #FFC0C0 !important;
/* --viewHeaderSelectedBackground: red !important; */
}
/*
tab[calview] {
background-color: red !important;
}
*/
/*
tab[calview][selected="true"] {
background-color: red !important;
}
*/
#today-pane-panel > sidebarheader {
background-color: #FBD06B !important;
color: #12298E !important;
font-weight: 600 !important;
}
.today-subpane {
background-color: #EDEDED !important;
color: #12298E !important;
}
#todaypane-new-event-button {
background-color: #EDEDED !important;
color: #12298E !important;
font-weight: 600 !important;
border-top: 1px solid #FFFFFF !important;
border-left: 1px solid #FFFFFF !important;
border-right: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
}
#todaypane-new-event-button:hover {
background-color: #FFFFFF !important;
text-decoration: underline solid !important;
}
.reminder-icon {
fill: #0000FF !important;
}
minimonth {
background-color: #FBD06B !important;
border-top: 2px solid #FEF6E2 !important;
border-left: 2px solid #FEF6E2 !important;
border-right: 2px solid #D7971B !important;
border-bottom: 2px solid #D7971B !important;
}
#calMinimonthBox {
color: #12298E !important;
}
#calendar-nav-control {
background: rgba(215,151,27,.1)
linear-gradient(rgba(254,215,123,.8), rgba(252,187,57,.6),
rgba(248,159,39,.6), rgba(215,151,27,.5)) !important;
}
.view-header {
color: #000000 !important;
font-weight: 600 !important;
}
#view-deck {
background-color: #E1F0FD !important;
}
.navigation-inner-box > hbox {
background-color: #EDEDED !important;
}
.today-navigation-button {
background-color: #EDEDED !important;
color: #12298E !important;
font-weight: 600 !important;
border-top: 1px solid #FFFFFF !important;
border-left: 1px solid #FFFFFF !important;
border-right: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
}
.today-navigation-button:hover {
background-color: #FFFFFF !important;
color: #12298E !important;
text-decoration: underline solid !important;
font-weight: 600 !important;
}
.view-navigation-button {
background-color: #EDEDED !important;
color: #12298E !important;
border-top: 1px solid #FFFFFF !important;
border-left: 1px solid #FFFFFF !important;
border-right: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
}
.view-navigation-button:hover {
background-color: #FFFFFF !important;
}
.navigation-bottombox {
background-color: #EDEDED !important;
}
#calendar-view-box {
background-color: #FBD06B !important;
color: #000000 !important;
border-top: 2px solid #FFFFFF !important;
border-left: 2px solid #FFFFFF !important;
border-right: 2px solid #000000 !important;
border-bottom: 2px solid #000000 !important;
}
/* Background Around MiniCalendar On Left */
/*modevbox {
background-color: red !important;
}
*/
modehbox {
background-color: #FBD06B !important;
color: #12298E !important;
border-top: 1px solid #FFFFFF !important;
border-left: 1px solid #FFFFFF !important;
border-right: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
}
modehbox:hover {
background-color: #FFFFFF !important;
color: #12298E !important;
}
toolbarbutton[todaypane="true"] {
background-color: #2085EA !important;
}
minimonth-header {
background-color: #FEF6E2 !important;
color: #12298E !important;
}
minimonth-header toolbarbutton {
background-color: #FEF6E2 !important;
color: #12298E !important;
border-top: 1px solid #FFFFFF !important;
border-left: 1px solid #FFFFFF !important;
border-right: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
}
minimonth-header toolbarbutton:hover {
background-color: #FFFFFF !important;
}
.today-subpane toolbarbutton {
background-color: #E0E0E0 !important;
color: #12298E !important;
border-top: 1px solid #FFFFFF !important;
border-left: 1px solid #FFFFFF !important;
border-right: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
}
.today-subpane toolbarbutton:hover {
background-color: #FFFFFF !important;
}
calendar-list-tree {
background-color: #FEF6E2 !important;
border-top: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
}
/*
#bottom-events-box {
background-color: red !important;
}
*/
/*
#unifinder-searchBox {
background-color: red !important;
}
*/
.unifinder-closebutton {
border-top: 1px solid #FFFFFF !important;
border-left: 1px solid #FFFFFF !important;
border-right: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
}
/* ______ Addressbook Tweaks ______*/
#ab-toolbox {
/* background-color: #BBEEFF !important; */
background: rgba(224,224,224,.4)
linear-gradient(rgba(170,232,252,.8), rgba(47,141,235,.6) 49%,
rgba(32,133,234,.6) 51%, rgba(20,114,208,.3)) !important;
color: #12298E !important;
font-weight: 600 !important;
}
#ab-toolbox toolbarbutton {
background-color: rgba(255,255,255,.7) !important;
color: #12298E !important;
border-top: 1px solid #FFFFFF !important;
border-left: 1px solid #FFFFFF !important;
border-right: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
}
/* Addressbook Contacts Groups - List */
#dirTree {
background-color: #D0D8CB !important;
}
#dirTree-splitter {
border-width: 0 !important;
width: 4px !important;
background-color: #465966 !important;
}
/*___________________________________________*/ |
|
Ooops Didn't mean to close it. Hit the wrong button. |
|
If you add the following CSS at the BOTTOM of my CSS above. It will adjust things to hide the scrollbars ONLY on the Email Tab. Scrollbars appear everywhere else. Just not on the Email tab. The best of both worlds for some. /*______Hide Scrollbars Only On Email Tab_______*/
#folderTree scrollbar {
-moz-appearance: none !important;
width: 0px !important;
visibility: hidden !important;
}
#threadTree scrollbar {
-moz-appearance: none !important;
width: 0px !important;
visibility: hidden !important;
}
#threadTree treechildren::-moz-tree-row(hover) {
margin-right: 0px !important;
}
#threadTree treechildren::-moz-tree-row(selected) {
margin-right: 0px !important;
}
#threadTree treechildren::-moz-tree-row(selected, focus) {
margin-right: 0px !important;
}
#threadTree treechildren::-moz-tree-row {
margin-right: 0px !important;
}
#threadTree {
margin-right: 0px !important;
}
#folderTree > treechildren::-moz-tree-row(hover) {
margin-right: 0px !important;
}
#folderTree > treechildren::-moz-tree-row(selected) {
margin-right: 0px !important;
}
#folderTree > treechildren::-moz-tree-row(selected, focus) {
margin-right: 0px !important;
}
#folderTree {
margin-right: 0px !important;
}
#folderpane_splitter {
width: 2px !important;
background-color: #465966 !important;
border: 0px solid transparent !important;
}
#quick-filter-bar-main-bar {
margin-left: -1px !important;
border: 0px solid transparent !important;
} |
|
Latest full version of my CSS tweaks: /* ______General, Mail Tab, And Other Tabs Configuration_____*/
/* remove top toolbar shadows */
#mail-toolbox,
.mail-toolbox,
#mail-toolbar-menubar2,
#tabs-toolbar,
#status-bar,
#compose-toolbox,
#ab-toolbox,
#tabs-toolbar .tab-text,
#tabs-toolbar .tabmail-tab[selected=true],
#tabs-toolbar .tabmail-tab:not([selected=true]),
#tabs-toolbar::after,
#tabs-toolbar::before {
/**
-moz-box-shadow: none !important;
box-shadow: none !important;
*/
text-shadow: none !important;
}
#status-bar {
background: rgba(18,104,190,.6)
linear-gradient(rgba(170,232,252,.8), rgba(47,141,235,.7) 49%,
rgba(32,133,234,.6) 51%, rgba(20,114,208,.5)) !important;
text-shadow: none !important;
color: white !important;
font-weight: 500 !important;
}
/* This is the menubar */
#mail-toolbar-menubar2 {
background-color: #1E63B2 !important;
background: rgba(18,104,190,.6)
linear-gradient(rgba(170,232,252,.8), rgba(47,141,235,.7) 49%,
rgba(32,133,234,.6) 51%, rgba(20,114,208,.5)) !important;
color: white !important;
text-shadow: none !important;
}
#mail-toolbox {
background-color: #1E63B2 !important;
background: rgba(18,104,190,.6)
linear-gradient(rgba(170,232,252,.8), rgba(47,141,235,.7) 49%,
rgba(32,133,234,.6) 51%, rgba(20,114,208,.5)) !important;
color: #12298E !important;
font-weight: 590 !important;
}
#mail-toolbox toolbarbutton {
background: rgba(255,255,255,.95)
linear-gradient(rgba(253,254,255,.8), rgba(243,244,245,.8),
rgba(213,216,217,.6), rgba(193,194,195,.6)) !important;
border-top: 1px solid #FFFFFF !important;
border-left: 1px solid #FFFFFF !important;
border-right: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
}
#tabs-toolbar {
background: rgba(18,104,190,.6)
linear-gradient(rgba(170,232,252,.8), rgba(47,141,235,.7) 49%,
rgba(32,133,234,.6) 51%, rgba(20,114,208,.5)) !important;
text-shadow: none !important;
color: #12298E !important;
}
#tabs-toolbar .tabmail-tab[selected=true] {
font-size: 100% !important;
font-weight: 600 !important;
color: black !important;
text-decoration: underline solid #000000 !important;
background-color: #07B8F3 !important;
margin-left: 1px !important;
margin-right: 0px !important;
border-radius: 9px 9px 0px 0px !important;
border: 1px solid #759AB3 !important;
border-bottom: 0px solid transparent !important;
text-shadow: none !important;
}
#tabs-toolbar .tabmail-tab[selected=true]:hover {
color: #BC0030 !important;
text-decoration: underline solid #BC0030 !important;
text-shadow: none !important;
}
#tabs-toolbar .tabmail-tab:not([selected=true]) {
color: #F8F9FA !important;
font-weight: 500 !important;
background: rgba(18,104,190,.05)
linear-gradient(rgba(170,232,252,.8), rgba(47,141,235,.6) 49%,
rgba(32,133,234,.6) 51%, rgba(20,114,208,.3)) !important;
margin-left: 1px !important;
margin-right: 0px !important;
border-radius: 9px 9px 0px 0px !important;
border: 1px solid #2D6799 !important;
border-bottom: 0px solid transparent !important;
text-shadow: none !important;
}
#tabs-toolbar .tabmail-tab:not([selected=true]):hover {
background-color: #07B8F3 !important;
background: rgba(253,254,255,.4)
linear-gradient(rgba(242,243,244,.8), rgba(163,229,251,.7) 30%,
rgba(117,216,248,.7) 60%, rgba(106,212,248,.7)) !important;
color: #000000 !important;;
font-weight: 500 !important;
text-shadow: none !important;
}
#tabs-toolbar .tab-text {
-moz-box-shadow: none !important;
text-shadow: none !important;
}
#quick-filter-bar-main-bar {
background-color: #465966 !important;
color: #FFFFFF !important;
border: 0px solid transparent !important;
}
/* ______Mail Folder Tree And Email Thread Tree_____*/
#threadTree treechildren::-moz-tree-row(odd) {
background-color: #E7F7FE !important;
border: 0px solid transparent !important;
padding-top: 4px !important;
}
#threadTree treechildren::-moz-tree-row(even) {
background-color: #F9FEFF !important;
border: 0px solid transparent !important;
padding-top: 4px !important;
}
#threadTree treechildren::-moz-tree-row(hover) {
background-color: #AEDDFC !important;
border: 0px solid transparent !important;
margin-left: 4px !important;
margin-right: 4px !important;
}
#threadTree treechildren::-moz-tree-row(selected) {
background-color: #FFD0F8 !important;
border: 0px solid transparent !important;
margin-left: 4px !important;
margin-right: 4px !important;
}
#threadTree treechildren::-moz-tree-row(selected, focus) {
background-color: highlight !important;
border: 0px solid transparent !important;
margin-left: 4px !important;
margin-right: 4px !important;
}
#threadTree treechildren::-moz-tree-row {
height: 22px !important;
min-height: 22px !important;
padding-top: 4px !important;
border: 0px solid transparent !important;
margin-left: 4px !important;
margin-right: 4px !important;
}
#threadTree {
margin-left: 6px !important;
margin-right: 4px !important;
}
#folderTree {
background-color: #465966 !important;
color: #FFFFFF !important;
font-weight: 500 !important;
border: 0px solid transparent !important;
margin-top: -1px !important;
}
#folderTree > treechildren::-moz-tree-row(hover) {
background-color: #2085EA !important;
border: 0px solid transparent !important;
margin-left: 4px !important;
margin-right: 4px !important;
}
#folderTree > treechildren::-moz-tree-row(selected) {
background-color: #F0EFEE !important;
border: 0px solid transparent !important;
margin-left: 4px !important;
margin-right: 4px !important;
}
#folderTree > treechildren::-moz-tree-row(selected, focus) {
background-color: Highlight !important;
border: 0px solid transparent !important;
margin-left: 4px !important;
margin-right: 4px !important;
}
#folderTree > treechildren::-moz-tree-row {
height: 22px !important;
min-height: 22px !important;
border: 0px solid transparent !important;
}
treechildren::-moz-tree-twisty {
padding-inline-end: 5px !important;
padding-inline-start: 5px !important;
margin-top: 5px !important;
margin-bottom: 4px !important;
margin-right: 8px !important;
margin-left: 4px !important;
border-top: 1px solid #FFFFFF !important;
border-left: 1px solid #FFFFFF !important;
border-right: 2px solid #000000 !important;
border-bottom: 2px solid #000000 !important;
border-radius: 0px 0px 0px 0px !important;
background-color: #DAF5FE !important;
}
treechildren::-moz-tree-image(folderNameCol) {
background-image: url(file:///T:/Users/Administrator/AppData/Roaming/Thunderbird/Profiles/6ztqu4q0.AB/extensions/SunIcon5.png) !important;
background-size: 30% 30% !important;
background-position: left center !important;
background-repeat: no-repeat !important;
opacity: 0 !important;
}
#threadpane-splitter {
background-color: #465966 !important;
color: #465966 !important;
border: 1px solid #465966 !important;
}
#folderpane_splitter {
background-color: #465966 !important;
color: #465966 !important;
border: 1px solid #465966 !important;
}
#attachment-splitter {
background-color: #465966 !important;
color: #465966 !important;
border: 2px solid #465966 !important;
}
/* ______Message Content Pane Items_____*/
#msgHeaderView {
background-color: #D8EFFE !important;
border: 0px solid transparent !important;
}
/* ______ Write Message Window Tweaks ______*/
#compose-toolbox {
text-shadow: none !important;
color: #0000CC !important;
background: rgba(224,224,224,.6)
linear-gradient(rgba(170,232,252,.8), rgba(47,141,235,.6) 49%,
rgba(32,133,234,.6) 51%, rgba(20,114,208,.3)) !important;
}
#compose-toolbox toolbarbutton {
text-shadow: none !important;
color: #12298E !important;
font-weight: 590 !important;
background-color: rgba(255,255,255,.7) !important;
border-top: 1px solid #FFFFFF !important;
border-left: 1px solid #FFFFFF !important;
border-right: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
}
/* ______ Search Box Tweaks ______*/
.searchBox > .textbox-input-box {
font-size: 14px !important;
font-weight: 600 !important;
}
.searchBox[focused="true"] {
background-color: #FFFFFF !important;
color: #072AFF !important;
}
.searchBox:not([focused="true"]) {
background-color: #DADDE0 !important;
color: #072AFF !important;
}
.searchBox:hover {
background-color: #FFFFFF !important;
color: #072AFF !important;
}
/* ______ Calendar Tweaks ______*/
#calendar-toolbox {
background: rgba(224,224,224,.6)
linear-gradient(rgba(170,232,252,.8), rgba(47,141,235,.6) 49%,
rgba(32,133,234,.6) 51%, rgba(20,114,208,.3)) !important;
color: #12298E !important;
font-weight: 600 !important;
}
#calendar-toolbox toolbarbutton {
background-color: rgba(255,255,255,.7) !important;
border-top: 1px solid #FFFFFF !important;
border-left: 1px solid #FFFFFF !important;
border-right: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
}
#calsidebar_splitter {
border-width: 0px !important;
width: 2px !important;
background-color: #FEF6E2 !important;
padding-left: 4px !important;
}
.reminder-icon {
fill: #0000FF !important;
}
#button-save, #saveandcloseButton,
#button-saveandclose, #acceptButton {
fill: darkgreen !important;
}
#deleteButton, #declineButton,
#button-delete.cal-event-toolbarbutton {
fill: #BC0030 !important;
}
#button-attendees {
fill: #2085EA !important;
}
#button-privacy {
fill: #FF00FF !important;
}
#button-attach {
fill: #FFA400 !important;
}
calendar-list-tree > tree > treechildren {
background-color: #FEF6E2 !important;
color: #12298E !important;
}
#calendar-panel {
background-color: #FBD06B !important;
}
#ltnSidebar {
background-color: #FEF6E2 !important;
}
calendar-day-label {
background-color: #FED4D4 !important;
color: #0000D0 !important;
}
.calendar-day-label-name[relation="today"],
.calendar-day-label-name[relation="today1day"] {
color: #0000FF !Important;
background: rgba(255,255,255,0.9)
linear-gradient(rgba(252,253,254,.9), rgba(243,244,245,.7),
rgba(213,216,217,.7), rgba(193,194,195,.6)) !important;
border-top: 0px solid white !important;
border-bottom: 0px solid #C1C2C3 !important;
padding-left: 30px !important;
padding-right: 30px !important;
}
window {
--viewColor: #000000 !important;
--viewBackground: #C8D8F0 !important;
--viewBorderColor: #6E86B0 !important;
--viewTodayBorderColor: #6E86B0 !important;
--viewTodayBackground: #FEE2E2 !important;
--viewTodayOffBackground: #FFC0C0 !important;
/* --viewHeaderSelectedBackground: red !important; */
--viewTimeBoxColor: #3D4D57 !important;
}
.calendar-time-bar-box-odd,
.calendar-time-bar-box-even {
font-weight: 600 !important;
background-color: #FDD06C !important;
border-top: 1px solid #3D4D57 !important;
}
#view-deck {
background-color: #FDD06C !important;
}
.calendar-event-details-core.title-desc,
.calendar-event-details-core.location-desc {
text-shadow: none !important;
font-family: "Arial Narrow" !important;
font-size: 11pt !important;
color: #000000 !important;
font-weight: 500 !important;
}
/*
tab[calview] {
background-color: red !important;
}
*/
/*
tab[calview][selected="true"] {
background-color: red !important;
}
*/
#today-pane-panel > sidebarheader {
background-color: #FBD06B !important;
color: #12298E !important;
font-weight: 600 !important;
}
.today-subpane {
background-color: #EDEDED !important;
color: #12298E !important;
}
#todaypane-new-event-button {
background-color: #EDEDED !important;
color: #12298E !important;
font-weight: 600 !important;
border-top: 1px solid #FFFFFF !important;
border-left: 1px solid #FFFFFF !important;
border-right: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
}
#todaypane-new-event-button:hover {
background-color: #FFFFFF !important;
}
minimonth {
background-color: #FBD06B !important;
border-top: 2px solid #FEF6E2 !important;
border-left: 2px solid #FEF6E2 !important;
border-right: 2px solid #D7971B !important;
border-bottom: 2px solid #D7971B !important;
}
#calMinimonthBox {
color: #12298E !important;
}
#calendar-nav-control {
background: rgba(215,151,27,.1)
linear-gradient(rgba(254,215,123,.8), rgba(252,187,57,.6),
rgba(248,159,39,.6), rgba(215,151,27,.5)) !important;
}
.view-header {
color: #000000 !important;
font-weight: 600 !important;
}
.navigation-inner-box > hbox {
background-color: #EDEDED !important;
}
.today-navigation-button {
background-color: #EDEDED !important;
color: #12298E !important;
font-weight: 600 !important;
border-top: 1px solid #FFFFFF !important;
border-left: 1px solid #FFFFFF !important;
border-right: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
}
.today-navigation-button:hover {
background-color: #FFFFFF !important;
color: #12298E !important;
font-weight: 600 !important;
}
.view-navigation-button {
background-color: #EDEDED !important;
color: #12298E !important;
border-top: 1px solid #FFFFFF !important;
border-left: 1px solid #FFFFFF !important;
border-right: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
}
.view-navigation-button:hover {
background-color: #FFFFFF !important;
}
.navigation-bottombox {
background-color: #EDEDED !important;
}
#calendar-view-box {
background-color: #FBD06B !important;
color: #000000 !important;
border-top: 2px solid #FFFFFF !important;
border-left: 2px solid #FFFFFF !important;
border-right: 2px solid #000000 !important;
border-bottom: 2px solid #000000 !important;
}
/* Background Around MiniCalendar On Left */
/*modevbox {
background-color: red !important;
}
*/
modehbox {
background-color: #FBD06B !important;
color: #12298E !important;
border-top: 1px solid #FFFFFF !important;
border-left: 1px solid #FFFFFF !important;
border-right: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
}
modehbox:hover {
background-color: #FFFFFF !important;
color: #12298E !important;
}
toolbarbutton[todaypane="true"] {
background-color: #E2F0FE !important;
color: #12298E !important;
font-weight: 600 !important;
}
minimonth-header {
background-color: #FEF6E2 !important;
color: #12298E !important;
}
minimonth-header toolbarbutton {
background-color: #FEF6E2 !important;
color: #12298E !important;
border-top: 1px solid #FFFFFF !important;
border-left: 1px solid #FFFFFF !important;
border-right: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
}
minimonth-header toolbarbutton:hover {
background-color: #FFFFFF !important;
}
.today-subpane toolbarbutton {
background-color: #E0E0E0 !important;
color: #12298E !important;
border-top: 1px solid #FFFFFF !important;
border-left: 1px solid #FFFFFF !important;
border-right: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
}
.today-subpane toolbarbutton:hover {
background-color: #FFFFFF !important;
}
calendar-list-tree {
background-color: #FEF6E2 !important;
border-top: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
}
/*
#bottom-events-box {
background-color: red !important;
}
*/
/*
#unifinder-searchBox {
background-color: red !important;
}
*/
.unifinder-closebutton {
border-top: 1px solid #FFFFFF !important;
border-left: 1px solid #FFFFFF !important;
border-right: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
}
/* ______ Addressbook Tweaks ______*/
#ab-toolbox {
background: rgba(224,224,224,.4)
linear-gradient(rgba(170,232,252,.8), rgba(47,141,235,.6) 49%,
rgba(32,133,234,.6) 51%, rgba(20,114,208,.3)) !important;
color: #12298E !important;
font-weight: 600 !important;
text-shadow: none !important;
}
#ab-toolbox toolbarbutton {
background-color: rgba(255,255,255,.7) !important;
color: #12298E !important;
border-top: 1px solid #FFFFFF !important;
border-left: 1px solid #FFFFFF !important;
border-right: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
}
/* Addressbook Contacts Groups - List */
#dirTree {
background-color: #D0D8CB !important;
}
#dirTree-splitter {
border-width: 0px !important;
width: 2px !important;
background-color: #D0D8CB !important;
}
#CardViewBox {
background-color: #E6EAE4 !important;
color: #12298E !important;
}
/*______Hide Scrollbars Only On Email Tab_______*/
#folderTree scrollbar {
-moz-appearance: none !important;
width: 0px !important;
visibility: hidden !important;
}
#threadTree scrollbar {
-moz-appearance: none !important;
width: 0px !important;
visibility: hidden !important;
}
#threadTree treechildren::-moz-tree-row(hover) {
margin-right: 0px !important;
}
#threadTree treechildren::-moz-tree-row(selected) {
margin-right: 0px !important;
}
#threadTree treechildren::-moz-tree-row(selected, focus) {
margin-right: 0px !important;
}
#threadTree treechildren::-moz-tree-row {
margin-right: 0px !important;
}
#threadTree {
margin-right: 0px !important;
}
#folderTree > treechildren::-moz-tree-row(hover) {
margin-right: 0px !important;
}
#folderTree > treechildren::-moz-tree-row(selected) {
margin-right: 0px !important;
}
#folderTree > treechildren::-moz-tree-row(selected, focus) {
margin-right: 0px !important;
}
#folderTree {
margin-right: 0px !important;
}
#folderpane_splitter {
width: 2px !important;
background-color: #465966 !important;
border: 0px solid transparent !important;
}
#quick-filter-bar-main-bar {
margin-left: -1px !important;
border: 0px solid transparent !important;
}
/*______Miscellaneous Button Fills______*/
.message-icon {
fill: #00FF00 !important;
}
#appmenu_print,
#appmenu_print_popup,
.appmenu-edit-button {
fill: #0000FF !important;
}
#appmenu_print:hover,
#appmenu_print_popup:hover,
.appmenu-edit-button:hover {
fill: #FFFFFF !important;
}
#appmenu-cut,
#appmenu-editmenu-cut {
fill: #BC0030 !important;
}
#appmenu-cut:hover,
#appmenu-editmenu-cut:hover {
fill: #FFFFFF !important;
}
#appmenu-copy,
#appmenu-editmenu-copy {
fill: darkgreen !important;
}
#appmenu-copy:hover,
#appmenu-editmenu-copy:hover {
fill: #FFFFFF !important;
}
#appmenu-paste,
#appmenu-editmenu-paste {
fill: #0000FF !important;
}
#appmenu-paste:hover,
#appmenu-editmenu-paste:hover {
fill: #FFFFFF !important;
}
#appmenu-quit {
fill: #BC0030 !important;
}
#appmenu-quit:hover {
fill: #FFFFFF !important;
}
#appmenu_addons {
background-color: #D8EFFE !important;
}
.snooze-popup-ok-button {
fill: darkgreen !important;
}
.snooze-popup-ok-button:hover {
fill: white !important;
}
.snooze-popup-cancel-button {
fill: red !important;
}
.snooze-popup-cancel-button:hover {
fill: white !important;
}
/*___________________________________________*/ |
|
Use these links to see what CustomizeMyBird and my CSS tweaks look like: |
.png){kind=link}
.png){kind=link}
.png){kind=link}
|
Minor Update: window { |
|
Some additional Calendar Tweaks to colorize the minicalendar. Add this to the end of my Calendar Tweaks: /___________________________________________/ .minimonth-row-body .minimonth-day[selected="true"] { .minimonth-row-body .minimonth-day:not([othermonth="true"]) { .minimonth-row-body .minimonth-day[today="true"] { .minimonth-row-body .minimonth-day[othermonth="true"] { .minimonth-row-body .minimonth-day:hover { /___________________________________________/ |
|
Additional Update. One can lay image files in the Folder Tree and Quick Filter Bar areas of the email tab, calendar tab, and address book tab using the following code with appropriate changes/substitutions: #folderTree { } #quick-filter-bar-main-bar { calendar-list-tree > tree > treechildren { /* background: linear-gradient(rgba(249, 207, 207, .8), rgba(249, 207, 207, .6), rgba(249, 207, 207, .5)), */ } #dirTree { And here is what it looks like !! I think its pretty cool and a much improved appearance over plain jane thunderbird. |
|
This is from my own CSS tweaks that I use with CustomizeMyBird. This is a complete CSS sample code to control all of TB's User Interface Fonts. This listing does not use the CSS for setting a Global UI Font because doing so prevents the detailed customization that is possible by addressing each element class/id separately. With this CSS I was able to achieve even better font size control and personalization than can be done with Theme & Font Size Changer. I use this on TB 60.9 but I believe it should work on TB 68+ in a userChrome,css file as long as TB 68+ still implements these CSS element Class/Ids. Note that the following is coded to use fonts and sizes that I like on my system with a 27 inch monitor. You may not have some of the fonts I use installed on your system. You will either need to download and install the fonts I have chosen to use or edit the CSS to select fonts that you have on your computer and prefer. Don't forget in TB 68+ to make sure you set: Settings/Options > Advanced > General > Config Editor... /Complete CSS Thunderbird UI Font Configuration/ #mail-toolbox toolbarbutton { #quick-filter-bar-main-bar { #compose-toolbox toolbarbutton { calendar-day-label { .calendar-event-details-core.title-desc, #CardTitle { #status-bar, .status-bar { /Other UI Font Choices/ menu, menulist, menuitem { #folderTree > treechildren { #threadTree > treechildren { #tabs-toolbar { #calendar-toolbox { #calendar-view-box #event-filter-menulist { #calendar-view-box #unifinder-searchBox { #calendar-view-box #unifinder-search-results-tree { #ab-toolbox toolbarbutton { #dirTree > treechildren { #abResultsTree > treechildren { #agenda-listbox #today-header, #tomorrow-header, #nextweek-header { #abResultsTreeCols { #CardViewBox { #msgHeaderView { #agenda-listbox { #customizemybird_content_box { /* Remove disabled toolbar buttons until enabled */ /* Style ACCOUNT name with no new mail */ /* Style ACCOUNT name with new mail */ #folderTree > treechildren::-moz-tree-cell-text(hasUnreadMessages-true) { #folderTree > treechildren::-moz-tree-cell-text(hasUnreadMessages-true, selected) { #folderTree > treechildren::-moz-tree-cell-text(hasUnreadMessages-true, selected, focus) { #folderpane-mode-selector-menulist { #addresses-box hbox > label { vbox { hbox { |
|
This is my final complete set of tweaks. I've finished. I've tweaked everything there is to tweak. For what I've set out to do there is finally nothing left that I want changed or fixed. Its perfect and beautiful, imho. Here for posterity I give to everyone to use as you may wish (except to resell for profit of course) my final full set of tweaks. /*_General, Mail Tab, And Other Tabs Configuration_*/
/* remove menu and toolbar text shadows */
#mail-toolbox,
.mail-toolbox,
#mail-toolbar-menubar2,
#tabs-toolbar,
#status-bar,
#compose-toolbox,
#ab-toolbox,
#CardViewBox,
#CardTitle,
#tabs-toolbar .tab-text,
#tabs-toolbar .tabmail-tab[selected=true],
#tabs-toolbar .tabmail-tab:not([selected=true]),
#tabs-toolbar::after,
#tabs-toolbar::before {
/*
-moz-box-shadow: none !important;
box-shadow: none !important;
*/
text-shadow: none !important;
}
#customizemybird_content_box {
font-size: 11pt !important;
font-family: "Arial" !important;
}
/* This is the menubar */
#mail-toolbar-menubar2 {
background: rgba(18,104,190,.6)
linear-gradient(rgba(170,232,252,.8), rgba(47,141,235,.6) 45%,
rgba(32,133,234,.5) 50%, rgba(20,114,208,.4)) !important;
height: 28px !important;
margin-bottom: 2px !important;
text-shadow: none !important;
color: #F6F7F8 !important;
border-top: 2px solid #1571CC !important;
}
/* Remove disabled toolbar buttons until enabled */
toolbarbutton[disabled="true"] {
display: none !important;
}
#mail-toolbox {
background: rgba(224,224,224,.4)
linear-gradient(rgba(170,232,252,.8), rgba(47,141,235,.6) 49%,
rgba(32,133,234,.6) 51%, rgba(20,114,208,.3)) !important;
height: 28px !important;
line-height: 24px !important;
border: 0px solid transparent !important;
}
#mail-toolbox toolbarbutton {
background: rgba(255,255,255,.95)
linear-gradient(rgba(253,254,255,.8), rgba(243,244,245,.8),
rgba(213,216,217,.6), rgba(193,194,195,.6)) !important;
border-top: 1px solid #FFFFFF !important;
border-left: 1px solid #FFFFFF !important;
border-right: 1px solid #000000 !important;
color: #12298E !important;
font-weight: 600 !important;
font-size: 10pt !important;
font-family: "Archivo Narrow" !important;
}
#tabs-toolbar {
/* background-color: #2D86DF !important; */
background: linear-gradient(rgba(0, 0, 99, .2), rgba(0, 0, 99, .3)) !important;
height: 32px !important;
padding-top: 7px !important;
margin-top: -1px !important;
text-shadow: none !important;
color: black !important;
}
#tabs-toolbar .tabmail-tab[selected=true] {
font-size: 100% !important;
font-weight: 600 !important;
color: black !important;
text-decoration: underline solid #000000 !important;
background-color: #07B8F3 !important;
margin-left: 0px !important;
margin-right: 0px !important;
border-radius: 9px 9px 0px 0px !important;
border: 1px solid #759AB3 !important;
border-bottom: 0px solid transparent !important;
text-shadow: none !important;
}
#tabs-toolbar .tabmail-tab[selected=true]:hover {
color: #BC0030 !important;
text-decoration: underline solid #BC0030 !important;
text-shadow: none !important;
}
#tabs-toolbar .tabmail-tab:not([selected=true]) {
color: #FFFFFF !important;
font-weight: 500 !important;
background: rgba(74,99,116,.4)
linear-gradient(rgba(202,214,222,.9), rgba(150,173,188,.6) 33%,
rgba(112,143,164,.5) 50%, rgba(74,99,116,.6)) !important;
margin-left: 0px !important;
margin-right: 0px !important;
border-radius: 9px 9px 0px 0px !important;
border: 1px solid #2D6799 !important;
border-bottom: 0px solid transparent !important;
text-shadow: none !important;
}
#tabs-toolbar .tabmail-tab:not([selected=true]):hover {
background: rgba(131,220,249,.9)
linear-gradient(rgba(238,240,242,.8), rgba(131,220,249,.8) 36%,
rgba(87,207,247,.7) 53%, rgba(20,188,244,.6)) !important;
color: #000000 !important;;
font-weight: 580 !important;
text-shadow: none !important;
}
#tabs-toolbar .tab-text {
-moz-box-shadow: none !important;
text-shadow: none !important;
}
#quick-filter-bar-main-bar {
background-color: #465966 !important;
color: #FFFFFF !important;
height: 30px !important;
background: linear-gradient(to right, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)),
url("file:///T:/Users/Administrator/AppData/Roaming/Thunderbird/Profiles/6ztqu4q0.AB/extensions/QFBBackground3.png") !important;
margin-left: 4px !important;
border: 0px solid transparent !important;
font-size: 11pt !important;
font-family: "Arial Narrow" !important;
}
#quick-filter-bar-main-bar .textbox-input-box {
background-color: #465966 !important;
background: linear-gradient(to right, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)),
url("file:///T:/Users/Administrator/AppData/Roaming/Thunderbird/Profiles/6ztqu4q0.AB/extensions/QFBBackground3.png") !important;
color: #FFFFFF !important;
border: 0px solid transparent !important;
font-size: 11pt !important;
font-family: "Arial Narrow" !important;
}
#qfb-qs-textbox {
background-color: #465966 !important;
background: linear-gradient(to right, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)),
url("file:///T:/Users/Administrator/AppData/Roaming/Thunderbird/Profiles/6ztqu4q0.AB/extensions/QFBBackground3.png") !important;
color: #FFFFFF !important;
border: 0px solid transparent !important;
font-size: 11pt !important;
font-family: "Arial Narrow" !important;
}
#quick-filter-bar-main-bar .textbox-input:hover {
background-color: #FFFFFF !important;
color: #0725EB !important;
border: 0px solid transparent !important;
font-size: 11pt !important;
font-family: "Arial Narrow" !important;
}
#quick-filter-bar-main-bar .textbox-search-clear {
background-color: #FFFFFF !important;
color: #000000 !important;
margin-left: 4px !important;
border-top: 2px solid #FFFFFF !important;
border-left: 2px solid #FFFFFF !important;
border-right: 2px solid #D8EFFE !important;
border-bottom: 2px solid #D8EFFE !important;
}
#qfb-results-label {
color: #FFFF00 !important;
}
/* _Mail Folder Tree And Email Thread Tree_ */
#threadTree treechildren::-moz-tree-row(odd) {
background-color: #E7F7FE !important;
border: 0px solid transparent !important;
padding-top: 4px !important;
}
#threadTree treechildren::-moz-tree-row(even) {
background-color: #F9FEFF !important;
border: 0px solid transparent !important;
padding-top: 4px !important;
}
#threadTree treechildren::-moz-tree-row(hover) {
background-color: #AEDDFC !important;
border: 0px solid transparent !important;
margin-left: 4px !important;
margin-right: 4px !important;
}
#threadTree treechildren::-moz-tree-row(selected) {
background-color: #FFD0F8 !important;
border: 0px solid transparent !important;
margin-left: 4px !important;
margin-right: 4px !important;
}
#threadTree treechildren::-moz-tree-row(selected, focus) {
background-color: highlight !important;
border: 0px solid transparent !important;
margin-left: 4px !important;
margin-right: 4px !important;
}
#threadTree treechildren::-moz-tree-row {
height: 22px !important;
min-height: 22px !important;
padding-top: 4px !important;
border: 0px solid transparent !important;
margin-left: 4px !important;
margin-right: 4px !important;
}
#threadTree {
margin-left: 4px !important;
margin-right: 4px !important;
border: 0px solid transparent !important;
border-top: 3px solid #465966 !important;
}
#folderTree {
background-color: #465966 !important;
background: linear-gradient(rgba(17, 90, 169, .6), rgba(14, 73, 136, .6)),
url("file:///T:/Users/Administrator/AppData/Roaming/Thunderbird/Profiles/6ztqu4q0.AB/extensions/FolderTreeBackground4.png") !important;
color: #FFFFFF !important;
font-weight: 500 !important;
border: 0px solid transparent !important;
margin-top: -1px !important;
border: 0px solid #465966 !important;
}
#folderTree > treechildren::-moz-tree-row(hover) {
/* background-color: #1F7CDB !important; */
background-color: #BC0030 !important;
border: 0px solid transparent !important;
margin-left: 4px !important;
margin-right: 4px !important;
}
#folderTree > treechildren::-moz-tree-row(selected) {
background-color: #F0EFEE !important;
border: 0px solid transparent !important;
margin-left: 4px !important;
margin-right: 4px !important;
}
#folderTree > treechildren::-moz-tree-row(selected, focus) {
background-color: Highlight !important;
border: 0px solid transparent !important;
margin-left: 4px !important;
margin-right: 4px !important;
}
#folderTree > treechildren::-moz-tree-row {
height: 22px !important;
min-height: 22px !important;
border: 0px solid transparent !important;
}
treechildren::-moz-tree-twisty {
padding-inline-end: 5px !important;
padding-inline-start: 5px !important;
margin-top: 5px !important;
margin-bottom: 4px !important;
margin-right: 8px !important;
margin-left: 4px !important;
border-top: 1px solid #FFFFFF !important;
border-left: 1px solid #FFFFFF !important;
border-right: 2px solid #000000 !important;
border-bottom: 2px solid #000000 !important;
border-radius: 0px 0px 0px 0px !important;
background-color: #DAF5FE !important;
}
treechildren::-moz-tree-image(folderNameCol) {
background-image: url(file:///T:/Users/Administrator/AppData/Roaming/Thunderbird/Profiles/6ztqu4q0.AB/extensions/SunIcon5.png) !important;
background-size: 30% 30% !important;
background-position: left center !important;
background-repeat: no-repeat !important;
opacity: 0 !important;
border: 0px solid #465966 !important;
}
#threadpane-splitter {
background-color: #465966 !important;
color: #465966 !important;
border: 1px solid #465966 !important;
}
#folderpane_splitter {
background-color: #465966 !important;
color: #465966 !important;
border: 1px solid #465966 !important;
}
#attachment-splitter {
background-color: #465966 !important;
color: #465966 !important;
border: 2px solid #465966 !important;
}
/*_Message Content Pane Items_*/
#msgHeaderView {
background-color: #D8EFFE !important;
border: 0px solid transparent !important;
border-top: 3px solid #465966 !important;
}
/*_Write Message Window Tweaks_*/
#compose-toolbox {
text-shadow: none !important;
color: #F6F7F8 !important;
font-weight: 590 !important;
padding-top: 2px !important;
background: rgba(18,104,190,.6)
linear-gradient(rgba(170,232,252,.8), rgba(47,141,235,.6) 45%,
rgba(32,133,234,.5) 50%, rgba(20,114,208,.4)) !important;
}
#compose-toolbox toolbarbutton {
text-shadow: none !important;
color: #12298E !important;
font-weight: 600 !important;
font-size: 10pt !important;
font-family: "Archivo Narrow" !important;
background: rgba(255,255,255,.95)
linear-gradient(rgba(253,254,255,.8), rgba(243,244,245,.8),
rgba(213,216,217,.6), rgba(193,194,195,.6)) !important;
border-top: 1px solid #FFFFFF !important;
border-left: 1px solid #FFFFFF !important;
border-right: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
}
/*_Search Box Tweaks_*/
.searchBox .textbox-input-box {
font-size: 11pt !important;
font-family: "Arial Narrow" !important;
color: #072AFF !important;
}
.searchBox[focused="true"] {
background-color: #FFFFFF !important;
color: #072AFF !important;
}
.searchBox:not([focused="true"]) {
background-color: #DADDE0 !important;
color: #072AFF !important;
}
.searchBox:hover {
background-color: #FFFFFF !important;
color: #072AFF !important;
}
#peopleSearchInput {
background: linear-gradient(rgba(150, 211, 243, .9), rgba(98, 170, 233, .75), rgba(62, 142, 225, .6)),
url("file:///T:/Users/Administrator/AppData/Roaming/Thunderbird/Profiles/6ztqu4q0.AB/extensions/QFBBackground3.png") !important;
font-size: 11pt !important;
font-family: "Arial Narrow" !important;
border: 0px solid transparent !important;
}
#peopleSearchInput .textbox-input-box:hover {
background-color: #84C3EF !important;
color: #0725EB !important;
border: 0px solid transparent !important;
font-size: 11pt !important;
font-family: "Arial Narrow" !important;
}
#peopleSearchInput .textbox-search-clear {
background-color: #FFFFFF !important;
color: #000000 !important;
border-top: 2px solid #FFFFFF !important;
border-left: 2px solid #FFFFFF !important;
border-right: 2px solid #D8EFFE !important;
border-bottom: 2px solid #D8EFFE !important;
}
/*_Calendar Tweaks_*/
#calendar-toolbox {
background: rgba(224,224,224,.4)
linear-gradient(rgba(170,232,252,.8), rgba(47,141,235,.6) 49%,
rgba(32,133,234,.6) 51%, rgba(20,114,208,.3)) !important;
color: #12298E !important;
font-weight: 600 !important;
height: 28px !important;
line-height: 24px !important;
}
#calendar-toolbox toolbarbutton {
background-color: rgba(255,255,255,.7) !important;
border-top: 1px solid #FFFFFF !important;
border-left: 1px solid #FFFFFF !important;
border-right: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
}
#calsidebar_splitter {
border-width: 0px !important;
width: 2px !important;
background-color: #FEF6E2 !important;
padding-left: 4px !important;
}
.reminder-icon {
fill: #0000FF !important;
}
#button-save, #saveandcloseButton,
#button-saveandclose, #acceptButton {
fill: darkgreen !important;
}
#deleteButton, #declineButton,
#button-delete.cal-event-toolbarbutton {
fill: #BC0030 !important;
}
#button-attendees {
fill: #2085EA !important;
}
#button-privacy {
fill: #FF00FF !important;
}
#button-attach {
fill: #FFA400 !important;
}
calendar-list-tree > tree > treechildren {
/* background-color: #FEF6E2 !important; */
/* background: linear-gradient(rgba(249, 207, 207, .8), rgba(249, 207, 207, .6), rgba(249, 207, 207, .5)), */
background: linear-gradient(rgba(254, 246, 226, .9), rgba(253, 238, 201, .8), rgba(253, 238, 201, .7)),
url("file:///T:/Users/Administrator/AppData/Roaming/Thunderbird/Profiles/6ztqu4q0.AB/extensions/CalendarBackground.png") !important;
color: #12298E !important;
}
#calendar-panel {
background-color: #FBD06B !important;
}
#ltnSidebar {
background-color: #FEF6E2 !important;
}
calendar-day-label {
background-color: #FED4D4 !important;
color: #0000D0 !important;
line-height: 30px !important;
padding-top: 2px !important;
font-size: 11pt !important;
font-family: "Archivo Narrow" !important;
}
.calendar-day-label-name[relation="today"],
.calendar-day-label-name[relation="today1day"] {
color: #0000FF !Important;
background: rgba(255,255,255,0.9)
linear-gradient(rgba(252,253,254,.9), rgba(243,244,245,.7),
rgba(213,216,217,.7), rgba(193,194,195,.6)) !important;
border-top: 0px solid white !important;
border-bottom: 0px solid #C1C2C3 !important;
padding-left: 30px !important;
padding-right: 30px !important;
line-height: 30px !important;
padding-top: 1px !important;
}
/*
.calendar-event-column-linebox[off-time="true"] {
background-color: #A5BFE7 !important;
}
*/
window {
--viewColor: #000000 !important;
/* --viewBackground: #C8D8F0 !important; */
--viewBackground: #E6EAE4 !important;
--viewBorderColor: #6E86B0 !important;
--viewTodayBorderColor: #6E86B0 !important;
--viewTodayBackground: #FEE2E2 !important;
--viewTodayOffBackground: #FFC0C0 !important;
--viewDayBoxOffSelectedBackground: #FCF49C !important;
/* --viewOffTimeBackground: #A5BFE7 !important; */
--viewOffTimeBackground: #D0D8CB !important;
--viewTimeBoxColor: #3D4D57 !important;
}
.calendar-time-bar-box-odd,
.calendar-time-bar-box-even {
font-weight: 600 !important;
background-color: #FDD06C !important;
border-top: 1px solid #3D4D57 !important;
}
#view-deck {
background-color: #FDD06C !important;
}
.calendar-event-details-core.title-desc,
.calendar-event-details-core.location-desc {
text-shadow: none !important;
font-family: "Arial Narrow" !important;
font-size: 11pt !important;
color: #000000 !important;
font-weight: 500 !important;
}
/*
tab[calview] {
background-color: red !important;
}
*/
/*
tab[calview][selected="true"] {
background-color: red !important;
}
*/
#today-pane-panel > sidebarheader {
background-color: #FBD06B !important;
color: #12298E !important;
font-weight: 600 !important;
}
.today-subpane {
background-color: #EDEDED !important;
color: #12298E !important;
}
#todaypane-new-event-button {
background-color: #EDEDED !important;
color: #12298E !important;
font-weight: 600 !important;
border-top: 1px solid #FFFFFF !important;
border-left: 1px solid #FFFFFF !important;
border-right: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
}
#todaypane-new-event-button:hover {
background-color: #FFFFFF !important;
}
minimonth {
background-color: #FBD06B !important;
border-top: 2px solid #FEF6E2 !important;
border-left: 2px solid #FEF6E2 !important;
border-right: 2px solid #D7971B !important;
border-bottom: 2px solid #D7971B !important;
}
#calMinimonthBox {
color: #12298E !important;
}
#calendar-nav-control {
background: rgba(215,151,27,.1)
linear-gradient(rgba(254,215,123,.8), rgba(252,187,57,.6),
rgba(248,159,39,.6), rgba(215,151,27,.5)) !important;
}
.view-header {
color: #000000 !important;
font-weight: 600 !important;
}
.navigation-inner-box > hbox {
background-color: #EDEDED !important;
}
.today-navigation-button {
background-color: #EDEDED !important;
color: #12298E !important;
font-weight: 600 !important;
border-top: 1px solid #FFFFFF !important;
border-left: 1px solid #FFFFFF !important;
border-right: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
}
.today-navigation-button:hover {
background-color: #FFFFFF !important;
color: #12298E !important;
font-weight: 600 !important;
}
.view-navigation-button {
background-color: #EDEDED !important;
color: #12298E !important;
border-top: 1px solid #FFFFFF !important;
border-left: 1px solid #FFFFFF !important;
border-right: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
}
.view-navigation-button:hover {
background-color: #FFFFFF !important;
}
.navigation-bottombox {
background-color: #EDEDED !important;
}
#calendar-view-box {
background-color: #FBD06B !important;
color: #000000 !important;
border-top: 2px solid #FFFFFF !important;
border-left: 2px solid #FFFFFF !important;
border-right: 2px solid #000000 !important;
border-bottom: 2px solid #000000 !important;
}
/* Background Around MiniCalendar On Left */
/* modevbox {
background-color: red !important;
}
*/
modehbox {
background-color: #FBD06B !important;
color: #12298E !important;
border-top: 1px solid #FFFFFF !important;
border-left: 1px solid #FFFFFF !important;
border-right: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
}
modehbox:hover {
background-color: #FFFFFF !important;
color: #12298E !important;
}
toolbarbutton[todaypane="true"] {
background-color: #E2F0FE !important;
color: #12298E !important;
font-weight: 600 !important;
}
minimonth-header {
background-color: #FEF6E2 !important;
color: #12298E !important;
}
minimonth-header toolbarbutton {
background-color: #FEF6E2 !important;
color: #12298E !important;
border-top: 1px solid #FFFFFF !important;
border-left: 1px solid #FFFFFF !important;
border-right: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
}
minimonth-header toolbarbutton:hover {
background-color: #FFFFFF !important;
}
.minimonth-row-body .minimonth-day[selected="true"] {
background-color: #FFFCD8 !important;
font-weight: 600 !important;
border: 1px solid #000000 !important;
}
.minimonth-row-body .minimonth-day:not([othermonth="true"]) {
color: #12298E !important;
}
.minimonth-row-body .minimonth-day[today="true"] {
background-color: #FEE2E2 !important;
color: #000000 !important;
font-weight: 600 !important;
border: 1px solid #BC0030 !important;
}
.minimonth-row-body .minimonth-day[othermonth="true"] {
background-color: #D0D8CB !important;
color: #12298E !important;
}
.minimonth-row-body .minimonth-day:hover {
background-color: #BC0030 !important;
color: #FFFFFF !important;
}
.today-subpane toolbarbutton {
background-color: #E0E0E0 !important;
color: #12298E !important;
border-top: 1px solid #FFFFFF !important;
border-left: 1px solid #FFFFFF !important;
border-right: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
}
.today-subpane toolbarbutton:hover {
background-color: #FFFFFF !important;
}
calendar-list-tree {
background-color: #FEF6E2 !important;
border-top: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
}
/*
#bottom-events-box {
background-color: red !important;
}
*/
/*
#unifinder-searchBox {
background-color: red !important;
}
*/
.unifinder-closebutton {
border-top: 1px solid #FFFFFF !important;
border-left: 1px solid #FFFFFF !important;
border-right: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
}
/*_ Addressbook Tweaks_*/
#ab-toolbox {
background: rgba(224,224,224,.4)
linear-gradient(rgba(170,232,252,.8), rgba(47,141,235,.6) 49%,
rgba(32,133,234,.6) 51%, rgba(20,114,208,.3)) !important;
color: #12298E !important;
font-weight: 600 !important;
text-shadow: none !important;
height: 32px !important;
}
#ab-toolbox toolbarbutton {
background-color: rgba(255,255,255,.7) !important;
color: #12298E !important;
border-top: 1px solid #FFFFFF !important;
border-left: 1px solid #FFFFFF !important;
border-right: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
}
/* Addressbook Contacts Groups - List */
#dirTree {
background-color: #D0D8CB !important;
background: /* linear-gradient(rgba(205, 214, 202, .95), rgba(205, 214, 202, .8), rgba(205, 214, 202, .7), rgba(205, 214, 202, .6), rgba(205, 214, 202, .5)), */
url("file:///T:/Users/Administrator/AppData/Roaming/Thunderbird/Profiles/6ztqu4q0.AB/extensions/AddressBookBackground7.png") !important;
}
#dirTree-splitter {
border-width: 0px !important;
width: 2px !important;
background-color: #D0D8CB !important;
}
#CardViewBox {
background-color: #E6EAE4 !important;
text-shadow: none !important;
color: #12298E !important;
font-weight: 500 !important;
}
/*
#abResultsTree {
color: red !important;
}
*/
#abResultsTree > treechildren::-moz-tree-row(selected) {
background-color: #FFD0F8 !important;
}
#abResultsTree > treechildren::-moz-tree-row(selected, focus) {
background-color: highlight !important;
}
#CardTitle {
background: rgba(18,104,190,.8)
linear-gradient(rgba(170,232,252,.8), rgba(47,141,235,.7) 49%,
rgba(32,133,234,.6) 51%, rgba(20,114,208,.5)) !important;
text-shadow: none !important;
height: 28px !important;
line-height: 25px !important;
padding-left: 10px !important;
text-shadow: none !important;
font-family: "Century Gothic" !important;
font-size: 12pt !important;
color: #FFFFFF !important;
font-weight: 600 !important;
border-bottom: none !important;
margin-top: -2px !important;
margin-left: -8px !important;
margin-right: -8px !important;
}
/*_Hide Scrollbars Only On Email Tab_*/
#folderTree scrollbar {
-moz-appearance: none !important;
width: 0px !important;
visibility: hidden !important;
}
#threadTree scrollbar {
-moz-appearance: none !important;
width: 0px !important;
visibility: hidden !important;
}
#threadTree treechildren::-moz-tree-row(hover) {
margin-right: 0px !important;
}
#threadTree treechildren::-moz-tree-row(selected) {
margin-right: 0px !important;
}
#threadTree treechildren::-moz-tree-row(selected, focus) {
margin-right: 0px !important;
}
#threadTree treechildren::-moz-tree-row {
margin-right: 0px !important;
}
#threadTree {
margin-right: 0px !important;
}
#folderTree > treechildren::-moz-tree-row(hover) {
margin-right: 0px !important;
}
#folderTree > treechildren::-moz-tree-row(selected) {
margin-right: 0px !important;
}
#folderTree > treechildren::-moz-tree-row(selected, focus) {
margin-right: 0px !important;
}
#folderTree {
margin-right: 0px !important;
border: 0px solid #465966 !important;
}
#folderpane_splitter {
width: 2px !important;
background-color: #465966 !important;
border: 0px solid transparent !important;
}
/*_Miscellaneous Button Fills_*/
.message-icon {
fill: #00FF00 !important;
}
#appmenu_print,
#appmenu_print_popup,
.appmenu-edit-button {
fill: #0000FF !important;
}
#appmenu_print:hover,
#appmenu_print_popup:hover,
.appmenu-edit-button:hover {
fill: #FFFFFF !important;
}
#appmenu-cut,
#appmenu-editmenu-cut {
fill: #BC0030 !important;
}
#appmenu-cut:hover,
#appmenu-editmenu-cut:hover {
fill: #FFFFFF !important;
}
#appmenu-copy,
#appmenu-editmenu-copy {
fill: darkgreen !important;
}
#appmenu-copy:hover,
#appmenu-editmenu-copy:hover {
fill: #FFFFFF !important;
}
#appmenu-paste,
#appmenu-editmenu-paste {
fill: #0000FF !important;
}
#appmenu-paste:hover,
#appmenu-editmenu-paste:hover {
fill: #FFFFFF !important;
}
#appmenu-quit {
fill: #BC0030 !important;
}
#appmenu-quit:hover {
fill: #FFFFFF !important;
}
#appmenu_addons {
background-color: #D8EFFE !important;
}
.snooze-popup-ok-button {
fill: darkgreen !important;
}
.snooze-popup-ok-button:hover {
fill: white !important;
}
.snooze-popup-cancel-button {
fill: #BC0030 !important;
}
.snooze-popup-cancel-button:hover {
fill: white !important;
}
/*_Status Bar_*/
#status-bar, .status-bar {
background: rgba(18,104,190,.8)
linear-gradient(rgba(170,232,252,.8), rgba(47,141,235,.7) 49%,
rgba(32,133,234,.6) 51%, rgba(20,114,208,.5)) !important;
height: 26px !important;
text-shadow: none !important;
color: #FAFBFC !important;
font-size: 10pt !important;
font-family: "Arial Narrow" !important;
font-weight: 500 !important;
}
/*_UI Font Choices_*/
menu, menulist, menuitem {
font-size: 14px !important;
font-family: "Archivo Narrow" !important;
}
#folderTree > treechildren {
font-size: 10pt !important;
font-family: "Arial Narrow" !important;
}
#threadTree > treechildren {
font-size: 10pt !important;
font-family: "Arial Narrow" !important;
}
#tabs-toolbar {
font-size: 10pt !important;
font-family: "Archivo Narrow" !important;
}
#calendar-toolbox {
font-size: 10pt !important;
font-family: "Roboto Condensed" !important;
}
#calendar-view-box #event-filter-menulist {
font-size: 10pt !important;
font-family: "Arial Narrow" !important;
}
#calendar-view-box #unifinder-searchBox {
font-size: 11pt !important;
font-family: "Arial" !important;
}
#calendar-view-box #unifinder-search-results-tree {
font-size: 10pt !important;
font-family: "Arial Narrow" !important;
}
#ab-toolbox toolbarbutton {
font-size: 10pt !important;
font-family: "Roboto Condensed" !important;
}
#dirTree > treechildren {
font-size: 10pt !important;
font-family: "Roboto Condensed" !important;
}
#abResultsTree > treechildren {
font-size: 11pt !important;
font-family: "Archivo Narrow" !important;
}
#agenda-listbox #today-header, #tomorrow-header, #nextweek-header {
background-color: #FEF6E2 !important;
background: linear-gradient(to right, rgba(255, 255, 0, .2), rgba(69, 177, 249, .3)),
url("file:///T:/Users/Administrator/AppData/Roaming/Thunderbird/Profiles/6ztqu4q0.AB/extensions/Stone G.bmp") !important;
color: #12298E !important;
text-decoration: underline !important;
}
#abResultsTreeCols {
font-size: 11pt !important;
font-family: "Archivo Narrow" !important;
}
#CardViewBox {
font-size: 11pt !important;
font-family: "Archivo Narrow" !important;
}
#msgHeaderView {
font-size: 10pt !important;
font-family: "Roboto Condensed" !important;
}
#agenda-listbox {
background-color: #D8EFFE !important;
background: linear-gradient(rgba(0, 0, 0, .05), rgba(0, 0, 0, .3)),
url("file:///T:/Users/Administrator/AppData/Roaming/Thunderbird/Profiles/6ztqu4q0.AB/extensions/FolderTreeBackground3.png") !important;
color: #FFFFFF !important;
font-size: 10pt !important;
font-family: "Roboto Condensed" !important;
}
/* This sets ALL mail folders to white including the [Gmail] Folder */
#folderTree > treechildren::-moz-tree-cell-text {
color: #FFFFFF !important;
font-weight: normal !important;
}
/* Style Folder Tree Account Names with no new mail */
#folderTree > treechildren::-moz-tree-cell-text(isServer-true) {
color: #FFFFFF !important;
font-weight: bold !important;
text-decoration: underline !important;
font-size: 10pt !important;
font-family: "Archivo Narrow" !important;
}
/* Style Folder Tree Account Names with new mail */
#folderTree > treechildren::-moz-tree-cell-text(isServer-true, biffState-NewMail) {
color: #FFFFFF !important;
font-weight: bold !important;
text-decoration: underline !important;
font-size: 10pt !important;
font-family: "Archivo Narrow" !important;
}
#folderTree > treechildren::-moz-tree-cell-text(hasUnreadMessages-true) {
color: #00FF00 !important;
font-weight: 600 !important;
}
#folderTree > treechildren::-moz-tree-cell-text(selected) {
color: #000000 !important;
font-weight: bold !important;
}
#folderTree > treechildren::-moz-tree-cell-text(selected, focus) {
color: #FFFFFF !important;
font-weight: bold !important;
}
#folderpane-mode-selector-menulist {
background: linear-gradient(to right, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)),
url("file:///T:/Users/Administrator/AppData/Roaming/Thunderbird/Profiles/6ztqu4q0.AB/extensions/QFBBackground3.png") !important;
color: #FFFFFF !important;
}
#addresses-box hbox > label {
color: #12298E !important;
font-size: 10pt !important;
font-family: "Roboto Condensed" !important;
}
vbox {
font-family: "Archivo Narrow" !important;
}
hbox {
font-family: "Archivo Narrow" !important;
}
#msgHeaderView #expandedtagsBox .blc-FF0000 {
color: white !important;
}
#msgHeaderView #expandedtagsBox .blc-3333FF {
color: white !important;
}
/*___________________________________________*/ |
|
Just came across this method of modifying icons on tabs: tab.tabmail-tab[label="Calendar"] image.tab-icon-image { tab.tabmail-tab[label="CustomizeMyBird"] image.tab-icon-image { tab.tabmail-tab[label="Address Book"] image.tab-icon-image { tab.tabmail-tab[label="Add-ons Manager"] image.tab-icon-image { If you want to see what the modified Tab Icons for Thunderbird can look like, then see this link: Note I even created a resized version of the CustomizeMyBird icon for use on the CMB tab when its open. FYI, at least on my machine icons that are 16x16 pixels work best for tab icons. |
|
Just realized I never configured the attachment bar on the email tab. So here it is: /Attachment Bar/ #attachmentBar { #attachmentBar #attachmentSize { #attachmentToggle { #attachmentBar #attachmentSaveAllMultiple, #attachmentSaveAllSingle { #attachmentBar .toolbarbutton-menubutton-button:hover { /___________________________________________/ |
|
I've incorporated the above improvements for the attachment bar and Tab icons, made a couple of coding improvements I discovered were needed, added linear-gradient styled highlight and hover bars for the folder tree and thread tree, and made a minor fix for the attachment icon in the thread tree. The current version of my CMB tweaks, which includes all of these last minute changes, can always be found at the link below, and the png and bitmap files I use with my CMB tweaks can be downloaded at the link below: https://github.com/JYLD/User-CSS-For-Firefox-And-Thunderbird?files=1 Remember if you chose to use my CMB tweaks you will need to edit any file paths to png and other files contained in the CSS to match your system and setup. I keep my png and bitmap files in my extension directory under my profile folder. You can put yours anywhere you desire as long as you properly modify the paths used in the CSS. Some people have suggested putting the png and bitmap files in an "images" or "icons and images" subfolder created under the Chrome folder in your profile. I like the extensions folder since CMB is an extension and I consider my tweaks an extension of sorts. Wherever you put them the paths in the CSS must match that location. My user CSS tweaks for use with CMB necessarily include various color choices that I prefer. You should read my readme.md file at https://github.com/JYLD/User-CSS-For-Firefox-And-Thunderbird to understand my color setup and choices, and how my setup and choices might work on your system and setup. Finally, if you are trying to tweak color selections for CSS or anything else I have personally found this utility to be invaluable. I use the free version, but there is also a pay version. I don't know what the differences might be. I use Colorpic 4.1 which can be downloaded here: https://www.majorgeeks.com/files/details/colorpic.html The pay version can be downloaded here: http://www.iconico.com/colorpic/ To see what my tweaks with CMB look like on my system see these pics: |
|
I've noticed in other forums and in my own use of TB that a few emails come through with fonts that are too small. Setting a large minimum font size in TB's font settings can be unsatisfactory because it effects all emails coming in along with font sizes in the compose mail window. For example a large minimum font size screws up my highly stylized email html signatures and makes other messages look and feel different from what the sender intended. I like to keep minimum font size set to NONE. So to fix those few messages that come through with text too small. I identified the culprits to plain text emails and emails coming from users of MS Office 365. So to fix just these few emails I came up with the following CSS which you should place in TB's userContent.css file. Here is the CSS: /* The following should be left as is */ /* The following affects email messages formatted by Microsoft Office/Office 365 */ .moz-text-html .MsoListParagraph { /* The following affects ALL html formatted messages and might need to be deleted for many users */ /* The following affects all plain text monospaced messages */ The above css setting could also be altered to affect not just the size of the text but also the font-family of the text and the colors of the text. Changes in the % up or down make the font size go up or down. |
|
Place this at the bottom of my css and it puts the special folder icons back instead of the green bullets I use for all the other folders. Note I use some CMB icons from TB 3 and the other special folder icons are from TB 2. That is the mix I prefer. /Special Folder Icons/ .tabmail-tab[type="folder"][SpecialFolder="Inbox"] .tab-icon-image, treechildren::-moz-tree-image(folderNameCol, specialFolder-Inbox), FYI, the complete version of my current css along with the icons and png files I use can always be found at https://github.com/JYLD/User-CSS-For-Firefox-And-Thunderbird?files=1 |
|
This is the current version of my CSS for CMB (or userChrome.css) as of 12/26/20: /General, Mail Tab, And Other Tabs Configuration/ /* remove menu and toolbar text shadows / #customizemybird_content_box { /* This is the menubar */ /* Remove disabled toolbar buttons until enabled */ #mail-toolbox { #mail-toolbox toolbarbutton { #mail-toolbox toolbarbutton:hover { #tabs-toolbar { #tabs-toolbar .tabmail-tab[selected=true] { #tabs-toolbar .tabmail-tab[selected=true]:hover { #tabs-toolbar .tabmail-tab:not([selected=true]) { #tabs-toolbar .tabmail-tab:not([selected=true]):hover { #tabs-toolbar .tab-text { #quick-filter-bar-main-bar { #quick-filter-bar-main-bar .textbox-input-box { #qfb-qs-textbox { #quick-filter-bar-main-bar .textbox-input:hover { #quick-filter-bar-main-bar .textbox-search-clear { #qfb-results-label { #quick-filter-bar-filter-text-bar { #quick-filter-bar-filter-text-bar > #qfb-qs-sender[checked="true"], #qfb-qs-recipients[checked="true"], #qfb-qs-subject[checked="true"], #qfb-qs-body[checked="true"] { #quick-filter-bar-filter-text-bar > #qfb-qs-sender:not([checked="true"]), #qfb-qs-recipients:not([checked="true"]), #qfb-qs-subject:not([checked="true"]), #qfb-qs-body:not([checked="true"]) { #quick-filter-bar-filter-text-bar > #qfb-qs-sender:hover, #qfb-qs-recipients:hover, #qfb-qs-subject:hover, #qfb-qs-body:hover { /* Mail Folder Tree And Email Thread Tree */ #threadTree treechildren::-moz-tree-row(odd) { #threadTree treechildren::-moz-tree-row(even) { #threadTree treechildren::-moz-tree-row(hover) { #threadTree treechildren::-moz-tree-row(selected) { #threadTree treechildren::-moz-tree-row(selected, focus) { #threadTree treechildren::-moz-tree-row { #threadTree { #folderTree { #folderPaneBox { #folderTree > treechildren::-moz-tree-row(hover) { #folderTree > treechildren::-moz-tree-row(selected) { #folderTree > treechildren::-moz-tree-row(selected, focus) { #folderTree > treechildren::-moz-tree-row { treechildren::-moz-tree-twisty { treechildren::-moz-tree-image(folderNameCol) { #threadpane-splitter { #folderpane_splitter { #attachment-splitter { /Message Content Pane Items/ #msgHeaderView { /Write Message Window Tweaks/ #compose-toolbox { #compose-toolbox toolbarbutton { #compose-toolbox toolbarbutton:hover { #boldButton .toolbarbutton-icon { :-moz-any(#boldButton,#italicButton,#underlineButton) .toolbarbutton-icon { /Search Box Tweaks/ .searchBox .textbox-input-box { .searchBox[focused="true"] { .searchBox:not([focused="true"]) { .searchBox:hover { #peopleSearchInput { #peopleSearchInput .textbox-input-box:hover { #peopleSearchInput .textbox-search-clear { /Calendar Tweaks/ #calendar-toolbox { #calendar-toolbox toolbarbutton { #calendar-toolbox toolbarbutton:hover { #calsidebar_splitter { .reminder-icon { #button-save, #saveandcloseButton, #deleteButton, #declineButton, #button-attendees { #button-privacy { #button-attach { calendar-list-tree > tree > treechildren { #ltnSidebar { #calendar-alarm-dialog { calendar-day-label { .calendar-color-box:not([calendar-id="8e0696bb-8a86-40af-9e01-c83ba448a314"]) { .calendar-color-box:not([calendar-id="8e0696bb-8a86-40af-9e01-c83ba448a314"]) .calendar-event-details { .calendar-color-box[calendar-id="8e0696bb-8a86-40af-9e01-c83ba448a314"] { .multiday-view-header-day-box[orient="horizontal"] { .multiday-view-header-box .calendar-color-box[calendar-id="8e0696bb-8a86-40af-9e01-c83ba448a314"] .calendar-event-details { .calendar-day-label-name[relation="today"], .calendar-day-label-name[relation="today"], .calendar-day-label-name:not([relation="today"]), /* window { .calendar-color-box { .calendar-category-box-gradient { .calendar-event-box-container[categories]:not([categories=":empty"]) .calendar-event-details { .calendar-time-bar-box-odd, #view-deck { .calendar-event-details, #calendar-panel { #calendar-list-header { #calendar-list-pane { /* /* #today-pane-panel > sidebarheader { .today-subpane { .today-subpane .miniday-nav-buttons { .today-subpane .miniday-nav-buttons:hover { #miniday-dropdown-button { #miniday-dropdown-button:hover { #agenda-toolbar { #todaypane-new-event-button { #todaypane-new-event-button:hover { minimonth, #calMinimonth, #today-Minimonth { #calMinimonthBox, #today-minimonth-box { .minimonth-nav-btns { timepicker, timepicker-grids, timepicker-minute, timepicker-hour { #calendar-nav-control { #calendar-nav-control .view-header { .view-header { .navigation-inner-box > hbox { .today-navigation-button { .today-navigation-button:hover { .view-navigation-button { .view-navigation-button:hover { .navigation-bottombox { #calendar-view-box { #calendar-view-box #unifinder-searchBox box label { /* Background Around MiniCalendar On Left / /* modehbox:hover { toolbarbutton[todaypane="true"] { minimonth-header { minimonth-header toolbarbutton { minimonth-header toolbarbutton:hover { .minimonth-row-body .minimonth-day[selected="true"] { .minimonth-row-body .minimonth-day:not([othermonth="true"]) { .minimonth-row-body .minimonth-day[today="true"] { .minimonth-row-body .minimonth-day[othermonth="true"] { .minimonth-row-body .minimonth-day:hover { .today-subpane toolbarbutton { .today-subpane toolbarbutton:hover { /* /* .unifinder-closebutton { /_ Addressbook Tweaks_/ #ab-toolbox { #ab-toolbox toolbarbutton { #ab-toolbox toolbarbutton:hover { /* Addressbook Contacts Groups - List / #dirTree-splitter { #CardViewBox { /* #abResultsTree > treechildren::-moz-tree-row(selected) { #abResultsTree > treechildren::-moz-tree-row(selected, focus) { #CardTitle { /Hide Scrollbars Only On Email Tab/ #folderTree scrollbar { #threadTree scrollbar { #threadTree treechildren::-moz-tree-row(hover) { #threadTree treechildren::-moz-tree-row(selected) { #threadTree treechildren::-moz-tree-row(selected, focus) { #threadTree treechildren::-moz-tree-row { #threadTree { #folderTree > treechildren::-moz-tree-row(hover) { #folderTree > treechildren::-moz-tree-row(selected) { #folderTree > treechildren::-moz-tree-row(selected, focus) { #folderTree { #folderpane_splitter { /Miscellaneous Button Fills/ .message-icon { #appmenu_print, #appmenu_print:hover, #appmenu-cut, #appmenu-cut:hover, #appmenu-copy, #appmenu-copy:hover, #appmenu-paste, #appmenu-paste:hover, #appmenu-quit { #appmenu-quit:hover { #appmenu_addons { .snooze-popup-ok-button { .snooze-popup-ok-button:hover { .snooze-popup-cancel-button { .snooze-popup-cancel-button:hover { #imipAcceptButton { #imipTentativeButton, #tentativeButton { #imipDeclineButton { #imipMoreButton { /* #AbsoluteFontSizeButton, #DecreaseFontSizeButton, #IncreaseFontSizeButton { #ulButton, #olButton, #outdentButton, #indentButton, #AlignPopupButton, #InsertPopupButton, #smileButtonMenu { /Status Bar/ #status-bar, .status-bar { #calendar-status-todaypane-button { #calendar-status-todaypane-button:hover { /UI Font Choices/ menu { menulist, menuitem { #folderTree > treechildren { #threadTree > treechildren { #tabs-toolbar .tab-text { #calendar-toolbox { #calendar-view-box #event-filter-menulist { #calendar-alarm-dialog, #calendar-view-box #unifinder-searchBox { #calendar-view-box #unifinder-search-results-tree { #ab-toolbox toolbarbutton { #dirTree > treechildren { #abResultsTree > treechildren { #abResultsTreeCols { #CardViewBox { #msgHeaderView { #msgHeaderView .headerName { #msgHeaderView #expandedtagsBox .blc-FF0000 { #msgHeaderView #expandedtagsBox .blc-3333FF { #agenda-listbox { #agenda-listbox > #today-header, #tomorrow-header, #nextweek-header { #agenda-listbox > .agenda-container-box { /* This sets ALL mail folders to white including the [Gmail] Folder */ /* Style Folder Tree Account Names with no new mail */ /* Style Folder Tree Account Names with new mail */ #folderTree > treechildren::-moz-tree-cell-text(hasUnreadMessages-true) { #folderTree > treechildren::-moz-tree-cell-text(selected) { #folderTree > treechildren::-moz-tree-cell-text(selected, focus) { #folderpane-mode-selector-menulist { #threadTree treechildren::-moz-tree-cell-text(selected) { #threadTree treechildren::-moz-tree-cell-text(selected, focus) { #addresses-box #identityLabel, #subjectLabel { #msgheaderstoolbar-box { #subject-box #msgSubject { vbox { hbox { /___________________________________________/ tab.tabmail-tab[label="Calendar"] image.tab-icon-image { tab.tabmail-tab[label="CustomizeMyBird"] image.tab-icon-image { tab.tabmail-tab[label="Address Book"] image.tab-icon-image { tab.tabmail-tab[label="Add-ons Manager"] image.tab-icon-image { /Attachment Bar/ #attachmentBar { #attachmentBar #attachmentSize { #attachmentToggle { #attachmentBar #attachmentSaveAllMultiple, #attachmentSaveAllSingle { #attachmentBar #attachmentSaveAllMultiple:hover, #attachmentSaveAllSingle:hover { /___________________________________________/ #threadTree treechildren::-moz-tree-image(attachmentCol) { #threadTree treechildren::-moz-tree-image(attachmentCol, selected, focus) { /___________________________________________/ .treecol-image, treecol { .treecol-image:hover, treecol:hover { /___________________________________________/ /Special Folder Icons/ .tabmail-tab[type="folder"][SpecialFolder="Junk"] .tab-icon-image, treechildren::-moz-tree-image(folderNameCol, specialFolder-Junk) { .tabmail-tab[type="folder"][SpecialFolder="Trash"] .tab-icon-image, treechildren::-moz-tree-image(folderNameCol, specialFolder-Trash) { /* This section aplicable to XNote Add-on only */ /___________________________________________/ FYI, the complete version of my current css along with the icons and png files I use can always be found at https://github.com/JYLD/User-CSS-For-Firefox-And-Thunderbird?files=1 |
UPDATE: Go to bottom of this page for the most recent information, links, and css code.
The complete version of my current css along with the icons and png files i use can always be found at https://github.com/JYLD/User-CSS-For-Firefox-And-Thunderbird?files=1
...........................................................................................................................................................................................................
I've developed many personal user CSS tweaks that further modify the TB email and calendar tabs to my personal tastes. These are CSS tweaks meant to go in the user CSS area of CustomizeMyBird To see what changes these tweaks make you can look at these two pics:
TB Email Pic:
https://github.com/JYLD/User-CSS-For-Firefox-And-Thunderbird/blob/master/Thunderbird%20Email%20Tab%20(11-3-19).png
TB Calendar Pic:
https://github.com/JYLD/User-CSS-For-Firefox-And-Thunderbird/blob/master/JYLD%20Calendar%20-%2012-26-20.png
TB Address Book Pic:
https://github.com/JYLD/User-CSS-For-Firefox-And-Thunderbird/blob/master/Thunderbird%20Address%20Book%20Tab%20(11-3-19).png
Here is my current CSS for CMB (or userChrome.css) as of 12-26-20. It is offered to the public domain for anyone who may want to try using some or all of it.:
https://github.com/JYLD/User-CSS-For-Firefox-And-Thunderbird/blob/master/JYLD%20CSS%20For%20Use%20With%20CustomizeMyBird%20by%20Aris-t2.txt
/General, Mail Tab, And Other Tabs Configuration/
/* remove menu and toolbar text shadows /
#mail-toolbox,
.mail-toolbox,
#mail-toolbar-menubar2,
#tabs-toolbar,
#status-bar,
#compose-toolbox,
#ab-toolbox,
#CardViewBox,
#CardTitle,
#tabs-toolbar .tab-text,
#tabs-toolbar .tabmail-tab[selected=true],
#tabs-toolbar .tabmail-tab:not([selected=true]),
#tabs-toolbar::after,
#tabs-toolbar::before {
/
-moz-box-shadow: none !important;
box-shadow: none !important;
*/
text-shadow: none !important;
}
#customizemybird_content_box {
font-size: 15px !important;
font-family: 'Arial' !important;
}
/* This is the menubar */
#mail-toolbar-menubar2 {
background: rgba(18,104,190,.6)
linear-gradient(rgba(170,232,252,.8), rgba(47,141,235,.6) 45%,
rgba(32,133,234,.5) 50%, rgba(20,114,208,.4)) !important;
height: 28px !important;
margin-bottom: 2px !important;
text-shadow: none !important;
color: #FFFFFF !important;
border-top: 2px solid #1571CC !important;
opacity: .95 !important;
}
/* Remove disabled toolbar buttons until enabled */
toolbarbutton[disabled="true"] {
display: none !important;
}
#mail-toolbox {
background: rgba(224,224,224,.4)
linear-gradient(rgba(170,232,252,.8), rgba(47,141,235,.6) 49%,
rgba(32,133,234,.6) 51%, rgba(20,114,208,.3)) !important;
height: 28px !important;
line-height: 24px !important;
border: none !important;
opacity: 1 !important;
}
#mail-toolbox toolbarbutton {
background: rgba(255,255,255,1.0)
linear-gradient(rgba(255,255,255,.95), rgba(252,250,248,.8), rgba(0,0,0,.05),
rgba(0,0,0,.15), rgba(0,0,0,.25), rgba(0,0,0,.4)) !important;
border: none !important;
color: #12298E !important;
font-weight: 600 !important;
font-size: 14px !important;
font-family: 'Archivo Narrow' !important;
}
#mail-toolbox toolbarbutton:hover {
color: #BC0030 !important;
background: rgba(255,255,255,1.0)
linear-gradient(rgba(255,255,255,.95), rgba(254,252,250,.8), rgba(0,0,0,.05),
rgba(0,0,0,.1), rgba(0,0,0,.2), rgba(0,0,0,.3)) !important;
}
#tabs-toolbar {
/* background-color: #2D86DF !important; */
background: linear-gradient(rgba(0, 0, 99, .2), rgba(0, 0, 99, .3)) !important;
height: 32px !important;
padding-top: 7px !important;
margin-top: -1px !important;
text-shadow: none !important;
color: black !important;
}
#tabs-toolbar .tabmail-tab[selected=true] {
font-size: 100% !important;
font-weight: 600 !important;
color: black !important;
text-decoration: underline solid #000000 !important;
background-color: #07B8F3 !important;
margin-left: 0px !important;
margin-right: 0px !important;
border-radius: 9px 9px 0px 0px !important;
border: 1px solid #759AB3 !important;
border-bottom: 0px solid transparent !important;
text-shadow: none !important;
opacity: 1 !important;
}
#tabs-toolbar .tabmail-tab[selected=true]:hover {
color: #BC0030 !important;
text-decoration: underline solid #BC0030 !important;
text-shadow: none !important;
}
#tabs-toolbar .tabmail-tab:not([selected=true]) {
color: #FFFFFF !important;
font-weight: 500 !important;
background: rgba(74,99,116,.4)
linear-gradient(rgba(202,214,222,.9), rgba(150,173,188,.6) 33%,
rgba(112,143,164,.5) 50%, rgba(74,99,116,.6)) !important;
margin-left: 0px !important;
margin-right: 0px !important;
border-radius: 9px 9px 0px 0px !important;
border: 1px solid #2D6799 !important;
border-bottom: 0px solid transparent !important;
text-shadow: none !important;
opacity: .9 !important;
}
#tabs-toolbar .tabmail-tab:not([selected=true]):hover {
background: rgba(131,220,249,.9)
linear-gradient(rgba(238,240,242,.95), rgba(131,220,249,.8) 36%,
rgba(87,207,247,.7) 53%, rgba(20,188,244,.6)) !important;
color: #000000 !important;;
font-weight: 500 !important;
text-shadow: none !important;
opacity: 1 !important;
}
#tabs-toolbar .tab-text {
-moz-box-shadow: none !important;
text-shadow: none !important;
opacity: 1 !important;
}
#quick-filter-bar-main-bar {
background-color: #4C9DE5 !important;
color: #FFFFFF !important;
height: 30px !important;
background-image: none !important;
background-attachment: none !important;
background: linear-gradient(to right, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)),
url("file:///T:/Users/Administrator/AppData/Roaming/Thunderbird/Profiles/6ztqu4q0.AB/extensions/QFBBackground3.png") !important;
margin-left: 0px !important;
border: none !important;
font-size: 15px !important;
font-family: 'Archivo Narrow' !important;
}
#quick-filter-bar-main-bar .textbox-input-box {
background-color: #4C9DE5 !important;
background-image: none !important;
background-attachment: none !important;
background: linear-gradient(to right, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)),
url("file:///T:/Users/Administrator/AppData/Roaming/Thunderbird/Profiles/6ztqu4q0.AB/extensions/QFBBackground3.png") !important;
color: #FFFFFF !important;
border: none !important;
font-size: 15px !important;
font-family: 'Archivo Narrow' !important;
}
#qfb-qs-textbox {
background-color: #4C9DE5 !important;
background-image: none !important;
background-attachment: none !important;
background: linear-gradient(to right, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)),
url("file:///T:/Users/Administrator/AppData/Roaming/Thunderbird/Profiles/6ztqu4q0.AB/extensions/QFBBackground3.png") !important;
color: #FFFFFF !important;
border: none !important;
font-size: 15px !important;
font-family: 'Archivo Narrow' !important;
}
#quick-filter-bar-main-bar .textbox-input:hover {
background-color: #FFFFFF !important;
color: #0725EB !important;
border: none !important;
font-size: 15px !important;
font-family: 'Archivo Narrow' !important;
}
#quick-filter-bar-main-bar .textbox-search-clear {
background-color: #FFFFFF !important;
color: #000000 !important;
margin-left: 4px !important;
border-top: 2px solid #FFFFFF !important;
border-left: 2px solid #FFFFFF !important;
border-right: 2px solid #D8EFFE !important;
border-bottom: 2px solid #D8EFFE !important;
}
#qfb-results-label {
color: #FFFF00 !important;
}
#quick-filter-bar-filter-text-bar {
background-color: #4C9DE5 !important;
background-image: none !important;
background-attachment: none !important;
background: linear-gradient(to right, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)),
url("file:///T:/Users/Administrator/AppData/Roaming/Thunderbird/Profiles/6ztqu4q0.AB/extensions/QFBBackground3.png") !important;
color: #FFFFFF !important;
border: none !important;
font-size: 15px !important;
font-family: 'Archivo Narrow' !important;
}
#quick-filter-bar-filter-text-bar > #qfb-qs-sender[checked="true"], #qfb-qs-recipients[checked="true"], #qfb-qs-subject[checked="true"], #qfb-qs-body[checked="true"] {
color: #BC0030 !important;
background: rgba(228, 241, 252,.8)
linear-gradient(rgba(253,254,255,.8), rgba(243,244,245,.8),
rgba(213,216,217,.6), rgba(193,194,195,.6)) !important;
text-shadow: none !important;
font-weight: 600 !important;
font-size: 14px !important;
font-family: 'Archivo Narrow' !important;
border-top: 2px solid #000000 !important;
border-left: 2px solid #000000 !important;
border-right: 1px solid #FFFFFF !important;
border-bottom: 1px solid #FFFFFF !important;
}
#quick-filter-bar-filter-text-bar > #qfb-qs-sender:not([checked="true"]), #qfb-qs-recipients:not([checked="true"]), #qfb-qs-subject:not([checked="true"]), #qfb-qs-body:not([checked="true"]) {
color: #12298E !important;
background: rgba(228, 241, 252,.8)
linear-gradient(rgba(253,254,255,.8), rgba(243,244,245,.8),
rgba(213,216,217,.6), rgba(193,194,195,.6)) !important;
text-shadow: none !important;
font-weight: 600 !important;
font-size: 14px !important;
font-family: 'Archivo Narrow' !important;
border-top: 1px solid #FFFFFF !important;
border-left: 1px solid #FFFFFF !important;
border-right: 2px solid #000000 !important;
border-bottom: 2px solid #000000 !important;
}
#quick-filter-bar-filter-text-bar > #qfb-qs-sender:hover, #qfb-qs-recipients:hover, #qfb-qs-subject:hover, #qfb-qs-body:hover {
background: #FFFFFF !important;
}
/* Mail Folder Tree And Email Thread Tree */
#threadTree treechildren::-moz-tree-row(odd) {
background-color: #E7F7FE !important;
border: none !important;
}
#threadTree treechildren::-moz-tree-row(even) {
background-color: #F9FEFF !important;
border: none !important;
}
#threadTree treechildren::-moz-tree-row(hover) {
background-image: none !important;
background-attachment: none !important;
background: rgba(242,243,244,1)
linear-gradient(rgba(253,254,255,.7), rgba(238,239,240,.5),
transparent, rgba(0,0,0,.05), rgba(0,0,0,.1), rgba(0,0,0,.2)) !important;
border: none !important;
margin-left: 4px !important;
margin-right: 4px !important;
border-radius: 12px 12px 12px 12px !important;
}
#threadTree treechildren::-moz-tree-row(selected) {
background-color: #FFD0F8 !important;
background: rgba(255,208,248,1.0)
linear-gradient(rgba(255,255,255,.5), rgba(250,250,250,.4),
transparent, rgba(0,0,0,.06), rgba(0,0,0,.1)) !important;
border: none !important;
margin-left: 4px !important;
margin-right: 4px !important;
border-radius: 12px 12px 12px 12px !important;
}
#threadTree treechildren::-moz-tree-row(selected, focus) {
background-color: highlight !important;
background: highlight
linear-gradient(rgba(255,255,255,.5), rgba(250,250,250,.4),
transparent, rgba(0,0,0,.06), rgba(0,0,0,.1)) !important;
border: none !important;
margin-left: 4px !important;
margin-right: 4px !important;
border-radius: 12px 12px 12px 12px !important;
}
#threadTree treechildren::-moz-tree-row {
height: 22px !important;
padding-top: 1px !important;
border: none !important;
margin-left: 6px !important;
margin-right: 4px !important;
}
#threadTree {
margin-left: 2px !important;
margin-right: 4px !important;
border: none !important;
border-top: 3px solid #4C9DE5 !important;
}
#folderTree {
background-color: #4C9DE5 !important;
background-image: none !important;
background-attachment: none !important;
background: linear-gradient(rgba(17, 90, 169, .6), rgba(14, 73, 136, .6)),
url("file:///T:/Users/Administrator/AppData/Roaming/Thunderbird/Profiles/6ztqu4q0.AB/extensions/FolderTreeBackground4.png") !important;
color: #FFFFFF !important;
font-weight: 400 !important;
border: none !important;
margin-top: 0px !important;
border: none !important;
}
#folderPaneBox {
background-color: #154488 !important;
}
#folderTree > treechildren::-moz-tree-row(hover) {
background-color: #2B81D9 !important;
background: rgba(18,104,190,.8)
linear-gradient(rgba(170,232,252,.8), rgba(47,141,235,.7) 49%,
rgba(32,133,234,.6) 51%, rgba(20,114,208,.5)) !important;
border: none !important;
margin-left: 4px !important;
margin-right: 4px !important;
border-radius: 12px 12px 12px 12px !important;
}
#folderTree > treechildren::-moz-tree-row(selected) {
/* background: #F0EFEE !important; */
background: rgba(239, 237, 235, 1.0)
linear-gradient(rgba(255,255,255,.8), rgba(250,248,246,.6), transparent,
rgba(0,0,0,.1), rgba(0,0,0,.2), rgba(0,0,0,.3)) !important;
border: none !important;
margin-left: 4px !important;
margin-right: 4px !important;
border-radius: 12px 12px 12px 12px !important;
}
#folderTree > treechildren::-moz-tree-row(selected, focus) {
background-color: highlight !important;
background: highlight
linear-gradient(rgba(255,255,255,.5), rgba(250,250,250,.4),
transparent, rgba(0,0,0,.06), rgba(0,0,0,.1)) !important;
border: none !important;
margin-left: 4px !important;
margin-right: 4px !important;
border-radius: 12px 12px 12px 12px !important;
}
#folderTree > treechildren::-moz-tree-row {
height: 22px !important;
padding-top: 1px !important;
border: none !important;
}
treechildren::-moz-tree-twisty {
padding-inline-end: 7px !important;
padding-inline-start: 8px !important;
padding-bottom: 1px !important;
margin-top: 4px !important;
margin-bottom: 3px !important;
margin-right: 8px !important;
margin-left: 4px !important;
border-top: 1px solid #FFFFFF !important;
border-left: 1px solid #FFFFFF !important;
border-right: 2px solid #000000 !important;
border-bottom: 2px solid #000000 !important;
border-radius: 0px 0px 0px 0px !important;
/* background-color: #D8EFFE !important; */
background-color: #D4F3FE !important;
}
treechildren::-moz-tree-image(folderNameCol) {
background-image: none !important;
background-attachment: none !important;
background-image: url(file:///T:/Users/Administrator/AppData/Roaming/Thunderbird/Profiles/6ztqu4q0.AB/extensions/SunIcon5.png) !important;
background-size: 30% 30% !important;
background-position: left center !important;
background-repeat: no-repeat !important;
opacity: 0 !important;
border: none !important;
}
#threadpane-splitter {
background-color: #4C9DE5 !important;
color: #4C9DE5 !important;
border: none !important;
}
#folderpane_splitter {
background-color: #4C9DE5 !important;
color: #4C9DE5 !important;
max-width: 2px !important;
border: none !important;
/* Remove Following Line If Resizing Folderpane Is Needed */
visibility: hidden !important;
}
#attachment-splitter {
background-color: #4C9DE5 !important;
color: #4C9DE5 !important;
display: none !important;
border: none !important;
}
/Message Content Pane Items/
#msgHeaderView {
background-color: #D8EFFE !important;
background-image: none !important;
background-attachment: none !important;
background: linear-gradient(rgba(241,248,255,.8), rgba(224,238,252,.7), rgba(187,218,248,.6),
rgba(135,189,243,.6), rgba(115,178,241,.6)),
url("file:///T:/Users/Administrator/AppData/Roaming/Thunderbird/Profiles/6ztqu4q0.AB/extensions/Stone G.bmp") !important;
color: #12298E !important;
border: none !important;
border-top: 3px solid #4C9DE5 !important;
}
/Write Message Window Tweaks/
#compose-toolbox {
text-shadow: none !important;
color: #F6F7F8 !important;
font-weight: 590 !important;
padding-top: 2px !important;
background: rgba(18,104,190,.6)
linear-gradient(rgba(170,232,252,.8), rgba(47,141,235,.6) 45%,
rgba(32,133,234,.5) 50%, rgba(20,114,208,.4)) !important;
opacity: .9 !important;
}
#compose-toolbox toolbarbutton {
text-shadow: none !important;
color: #12298E !important;
font-weight: 600 !important;
font-size: 14px !important;
font-family: 'Archivo Narrow' !important;
background: rgba(255,255,255,.95)
linear-gradient(rgba(253,254,255,.8), rgba(243,244,245,.8),
rgba(213,216,217,.6), rgba(193,194,195,.6)) !important;
border-top: 1px solid #FFFFFF !important;
border-left: 1px solid #FFFFFF !important;
border-right: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
}
#compose-toolbox toolbarbutton:hover {
background: #FFFFFF !important;
color: #BC0030 !important;
}
#boldButton .toolbarbutton-icon {
-moz-image-region: rect(0px, 36px, 36px, 0px) !important;
}
#italicButton .toolbarbutton-icon {
-moz-image-region: rect(0px, 72px, 36px, 36px) !important;
}
#underlineButton .toolbarbutton-icon {
-moz-image-region: rect(0px, 108px, 36px, 72px) !important;
}
:-moz-any(#boldButton,#italicButton,#underlineButton) .toolbarbutton-icon {
list-style-image: url(file:///T:/Users/Administrator/AppData/Roaming/Thunderbird/Profiles/6ztqu4q0.AB/extensions/BUI_Blue2.png) !important;
width: 14px !important;
height: 14px !important;
}
/Search Box Tweaks/
.searchBox .textbox-input-box {
font-size: 15px !important;
font-family: 'Archivo Narrow' !important;
color: #072AFF !important;
}
.searchBox[focused="true"] {
background-color: #FFFFFF !important;
color: #072AFF !important;
}
.searchBox:not([focused="true"]) {
background-color: #DADDE0 !important;
color: #072AFF !important;
}
.searchBox:hover {
background-color: #FFFFFF !important;
color: #072AFF !important;
}
#peopleSearchInput {
background-image: none !important;
background-attachment: none !important;
background: linear-gradient(rgba(150, 211, 243, .9), rgba(98, 170, 233, .75), rgba(62, 142, 225, .6)),
url("file:///T:/Users/Administrator/AppData/Roaming/Thunderbird/Profiles/6ztqu4q0.AB/extensions/QFBBackground3.png") !important;
font-size: 15px !important;
font-family: 'Archivo Narrow' !important;
border: none !important;
}
#peopleSearchInput .textbox-input-box:hover {
background-color: #84C3EF !important;
color: #0725EB !important;
border: none !important;
font-size: 15px !important;
font-family: 'Archivo Narrow' !important;
}
#peopleSearchInput .textbox-search-clear {
background-color: #FFFFFF !important;
color: #000000 !important;
border-top: 2px solid #FFFFFF !important;
border-left: 2px solid #FFFFFF !important;
border-right: 2px solid #D8EFFE !important;
border-bottom: 2px solid #D8EFFE !important;
}
/Calendar Tweaks/
#calendar-toolbox {
background: rgba(224,224,224,.4)
linear-gradient(rgba(170,232,252,.8), rgba(47,141,235,.6) 49%,
rgba(32,133,234,.6) 51%, rgba(20,114,208,.3)) !important;
color: #12298E !important;
font-weight: 600 !important;
height: 28px !important;
line-height: 24px !important;
}
#calendar-toolbox toolbarbutton {
background: rgba(255,255,255,1.0)
linear-gradient(rgba(255,255,255,.95), rgba(252,250,248,.8), rgba(0,0,0,.05),
rgba(0,0,0,.15), rgba(0,0,0,.25), rgba(0,0,0,.4)) !important;
border: none !important;
}
#calendar-toolbox toolbarbutton:hover {
color: #BC0030 !important;
background: rgba(255,255,255,1.0)
linear-gradient(rgba(255,255,255,.95), rgba(254,252,250,.8), rgba(0,0,0,.05),
rgba(0,0,0,.1), rgba(0,0,0,.2), rgba(0,0,0,.3)) !important;
}
#calsidebar_splitter {
border-width: 0px !important;
width: 2px !important;
background-color: #FEF6E2 !important;
padding-left: 4px !important;
}
.reminder-icon {
fill: #0000FF !important;
width: 14px !important;
height: 14px !important;
}
#button-save, #saveandcloseButton,
#button-saveandclose, #acceptButton {
fill: darkgreen !important;
}
#deleteButton, #declineButton,
#button-delete.cal-event-toolbarbutton {
fill: #BC0030 !important;
}
#button-attendees {
fill: #2085EA !important;
}
#button-privacy {
fill: #FF00FF !important;
}
#button-attach {
fill: #FFA400 !important;
}
calendar-list-tree > tree > treechildren {
background-image: none !important;
background-attachment: none !important;
background: linear-gradient(rgba(254, 246, 226, .9), rgba(253, 238, 201, .8), rgba(253, 238, 201, .7)),
url("file:///T:/Users/Administrator/AppData/Roaming/Thunderbird/Profiles/6ztqu4q0.AB/extensions/CalendarBackground.png") !important;
color: #12298E !important;
}
#ltnSidebar {
background-color: #FEF6E2 !important;
}
#calendar-alarm-dialog {
background-image: none !important;
background-attachment: none !important;
background-color: #650000 !important;
}
calendar-day-label {
background-image: none !important;
background-attachment: none !important;
background: rgba(255,212,224,1.0)
linear-gradient(rgba(255,255,255,.7), rgba(248,247,246,.4),
transparent, rgba(0,0,0,.05), rgba(0,0,0,.1), rgba(0,0,0,.2)) !important;
color: #0000D8 !important;
padding-top: 0px !important;
font-size: 16px !important;
font-family: 'Archivo Narrow' !important;
}
.calendar-color-box:not([calendar-id="8e0696bb-8a86-40af-9e01-c83ba448a314"]) {
min-height: 28px !important;
padding: 2px 0px 0px 6px !important;
margin-left: -1px !important;
border: 1px solid #950505 !important;
}
.calendar-color-box:not([calendar-id="8e0696bb-8a86-40af-9e01-c83ba448a314"]) .calendar-event-details {
color: #FFFFFF !important;
font-weight: bold !important;
font-size: 18px !important;
padding-bottom: 2px !important;
}
.calendar-color-box[calendar-id="8e0696bb-8a86-40af-9e01-c83ba448a314"] {
background-image: none !important;
background-attachment: none !important;
background-color: #8FF8F8 !important;
background: rgba(143,248,248,1.0)
linear-gradient(rgba(220,252,252,.95), rgba(143,248,248,.85), rgba(72,240,240,.10),
rgba(10,158,158,.15), rgba(8,120,120,.20), rgba(6,92,92,.35)) !important;
min-height: 28px !important;
padding: 1px 0px 0px 0px !important;
margin: 0px -6px -2px -1px !important;
border: 1px solid #11D5D5 !important;
}
.multiday-view-header-day-box[orient="horizontal"] {
border-bottom: 3px solid #FBD06B !important;
border-top: 1px solid #FBD06B !important;
}
.multiday-view-header-box .calendar-color-box[calendar-id="8e0696bb-8a86-40af-9e01-c83ba448a314"] .calendar-event-details {
min-height: 28px !important;
padding-top: 2px !important;
font-weight: bold !important;
}
.calendar-day-label-name[relation="today"],
.calendar-day-label-name[relation="today1day"] {
background-image: none !important;
background-attachment: none !important;
background: rgba(248,248,248,1)
linear-gradient(rgba(255,255,255,95), rgba(246,247,248,.4), rgba(240,241,242,.3), rgba(237,238,239,.2),
rgba(0,0,0,.05), rgba(0,0,0,.15), rgba(0,0,0,.3)) !important;
border-top: none !important;
border-bottom: none !important;
padding-left: 46px !important;
padding-right: 46px !important;
}
.calendar-day-label-name[relation="today"],
.calendar-day-label-name[relation="today1day"] label {
min-height: 28px !important;
font-size: 18px !important;
}
.calendar-day-label-name:not([relation="today"]),
.calendar-day-label-name:not([relation="today1day"]) label {
font-size: 16px !important;
padding-top: 3px !important;
}
/*
.calendar-event-column-linebox[off-time="true"] {
background-color: #A5BFE7 !important;
}
*/
window {
--viewColor: #000000 !important;
/* --viewBackground: #C8D8F0 !important; /
--viewBackground: #E6EAE4 !important;
--viewBorderColor: #6E86B0 !important;
--viewTodayBorderColor: #6E86B0 !important;
--viewTodayBackground: #FEE2E2 !important;
--viewTodayOffBackground: #FFC0C0 !important;
--viewDayBoxOffSelectedBackground: #FCF49C !important;
/ --viewOffTimeBackground: #A5BFE7 !important; */
--viewOffTimeBackground: #D0D8CB !important;
--viewTimeBoxColor: #3D4D57 !important;
}
.calendar-color-box {
margin-right: -6px !important;
}
.calendar-category-box-gradient {
width: 24px !important;
}
.calendar-event-box-container[categories]:not([categories=":empty"]) .calendar-event-details {
padding-right: 16px !important;
}
.calendar-time-bar-box-odd,
.calendar-time-bar-box-even {
font-size: 14px !important;
font-family: 'Archivo Narrow' !important;
font-weight: 600 !important;
background-color: #FBD06B !important;
border-top: 1px solid #3D4D57 !important;
}
#view-deck {
background-color: #FBD06B !important;
}
.calendar-event-details,
.calendar-event-details-core.title-desc,
.calendar-event-details-core.location-desc {
text-shadow: none !important;
font-family: 'Archivo Narrow' !important;
font-size: 15px !important;
color: #000000 !important;
font-weight: 400 !important;
}
#calendar-panel {
background-color: #FBD06B !important;
}
#calendar-list-header {
font-size: 15px !important;
font-family: 'Archivo Narrow' !important;
font-weight: 700 !important;
border: none !important;
}
#calendar-list-pane {
font-size: 14px !important;
font-family: 'Archivo Narrow' !important;
font-weight: 400 !important;
border: none !important;
}
/*
tab[calview] {
background-color: red !important;
}
*/
/*
tab[calview][selected="true"] {
background-color: red !important;
}
*/
#today-pane-panel > sidebarheader {
background-color: #FBD06B !important;
color: #12298E !important;
font-weight: 600 !important;
}
.today-subpane {
background-color: #EDEDED !important;
background-image: none !important;
background-attachment: none !important;
background: linear-gradient(to right, rgba(255, 255, 0, .2), rgba(69, 177, 249, .2)),
url("file:///T:/Users/Administrator/AppData/Roaming/Thunderbird/Profiles/6ztqu4q0.AB/extensions/Stone G.bmp") !important;
color: #12298E !important;
}
.today-subpane .miniday-nav-buttons {
background-color: #EDEDED !important;
background-image: none !important;
background-attachment: none !important;
background: linear-gradient(to right, rgba(255, 255, 0, .2), rgba(69, 177, 249, .2)),
url("file:///T:/Users/Administrator/AppData/Roaming/Thunderbird/Profiles/6ztqu4q0.AB/extensions/Stone G.bmp") !important;
color: #12298E !important;
}
.today-subpane .miniday-nav-buttons:hover {
background: #FFFFFF !important;
color: #0000FF !important;
}
#miniday-dropdown-button {
background-color: #EDEDED !important;
background-image: none !important;
background-attachment: none !important;
background: linear-gradient(to right, rgba(255, 255, 0, .2), rgba(69, 177, 249, .2)),
url("file:///T:/Users/Administrator/AppData/Roaming/Thunderbird/Profiles/6ztqu4q0.AB/extensions/Stone G.bmp") !important;
color: #12298E !important;
}
#miniday-dropdown-button:hover {
background: #FFFFFF !important;
color: #0000FF !important;
}
#agenda-toolbar {
background-color: #EDEDED !important;
background-image: none !important;
background-attachment: none !important;
background: linear-gradient(to right, rgba(255, 255, 0, .2), rgba(69, 177, 249, .3)),
url("file:///T:/Users/Administrator/AppData/Roaming/Thunderbird/Profiles/6ztqu4q0.AB/extensions/Stone G.bmp") !important;
margin-top: -2px !important;
margin-bottom: -2px !important;
}
#todaypane-new-event-button {
background-color: #FBD06B !important;
background-image: none !important;
background-attachment: none !important;
background: linear-gradient(to right, rgba(255, 255, 0, .2), rgba(69, 177, 249, .3)),
url("file:///T:/Users/Administrator/AppData/Roaming/Thunderbird/Profiles/6ztqu4q0.AB/extensions/Stone G.bmp") !important;
color: #12298E !important;
font-weight: 600 !important;
border-top: 1px solid #FFFFFF !important;
border-left: 1px solid #FFFFFF !important;
border-right: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
}
#todaypane-new-event-button:hover {
background: #FFFFFF !important;
color: #0000FF !important;
}
minimonth, #calMinimonth, #today-Minimonth {
background-color: #FBD06B !important;
border-top: 2px solid #FEF6E2 !important;
border-left: 2px solid #FEF6E2 !important;
border-right: 2px solid #D7971B !important;
border-bottom: 2px solid #D7971B !important;
font-size: 14px !important;
font-family: 'Archivo Narrow' !important;
}
#calMinimonthBox, #today-minimonth-box {
color: #12298E !important;
font-size: 14px !important;
font-family: 'Archivo Narrow' !important;
border: none !important;
}
.minimonth-nav-btns {
min-height: 21px !important;
}
timepicker, timepicker-grids, timepicker-minute, timepicker-hour {
font-size: 14px !important;
font-family: 'Archivo Narrow' !important;
}
#calendar-nav-control {
background: rgba(252,187,57,1)
linear-gradient(rgba(253,232,191,.9), rgba(248,203,114,.6),
rgba(0,0,0,.1), rgba(0,0,0,.15), rgba(0,0,0,.2)) !important;
border: none !important;
}
#calendar-nav-control .view-header {
text-shadow: none !important;
color: #000000 !important;
font-size: 16px !important;
font-family: 'Archivo Narrow' !important;
font-weight: 700 !important;
border: none !important;
}
.view-header {
text-shadow: none !important;
color: #000000 !important;
border: none !important;
font-weight: 600 !important;
}
.navigation-inner-box > hbox {
background-color: #EDEDED !important;
}
.today-navigation-button {
background-color: #EDEDED !important;
color: #12298E !important;
font-weight: 600 !important;
border-top: 1px solid #FFFFFF !important;
border-left: 1px solid #FFFFFF !important;
border-right: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
}
.today-navigation-button:hover {
background-color: #FFFFFF !important;
color: #12298E !important;
font-weight: 600 !important;
}
.view-navigation-button {
background-color: #EDEDED !important;
color: #12298E !important;
border-top: 1px solid #FFFFFF !important;
border-left: 1px solid #FFFFFF !important;
border-right: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
}
.view-navigation-button:hover {
background-color: #FFFFFF !important;
}
.navigation-bottombox {
background-color: #EDEDED !important;
}
#calendar-view-box {
background-color: #FBD06B !important;
color: #000000 !important;
font-weight: 400 !important;
font-size: 14px !important;
font-family: 'Archivo Narrow' !important;
}
#calendar-view-box #unifinder-searchBox box label {
font-weight: 500 !important;
font-size: 14px !important;
font-family: 'Archivo Narrow' !important;
}
/* Background Around MiniCalendar On Left /
/ modevbox {
background-color: red !important;
}
*/
/*
modehbox {
background-color: #FBD06B !important;
color: #12298E !important;
border-top: 1px solid #FFFFFF !important;
border-left: 1px solid #FFFFFF !important;
border-right: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
}
modehbox:hover {
background-color: #FFFFFF !important;
color: #12298E !important;
}
*/
toolbarbutton[todaypane="true"] {
background-color: #E2F0FE !important;
color: #12298E !important;
font-weight: 600 !important;
}
minimonth-header {
background-color: #FEF6E2 !important;
color: #12298E !important;
}
minimonth-header toolbarbutton {
background-color: #FEF6E2 !important;
color: #12298E !important;
border-top: 1px solid #FFFFFF !important;
border-left: 1px solid #FFFFFF !important;
border-right: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
}
minimonth-header toolbarbutton:hover {
background-color: #FFFFFF !important;
}
.minimonth-row-body .minimonth-day[selected="true"] {
background-color: #FFFCD8 !important;
font-weight: 600 !important;
border: 1px solid #000000 !important;
}
.minimonth-row-body .minimonth-day:not([othermonth="true"]) {
color: #12298E !important;
}
.minimonth-row-body .minimonth-day[today="true"] {
background-color: #FEE2E2 !important;
color: #000000 !important;
font-weight: 600 !important;
border: 1px solid #BC0030 !important;
}
.minimonth-row-body .minimonth-day[othermonth="true"] {
background-color: #D0D8CB !important;
color: #12298E !important;
}
.minimonth-row-body .minimonth-day:hover {
background-color: #BC0030 !important;
color: #FFFFFF !important;
}
.today-subpane toolbarbutton {
background-color: #E0E0E0 !important;
color: #12298E !important;
border-top: 1px solid #FFFFFF !important;
border-left: 1px solid #FFFFFF !important;
border-right: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
}
.today-subpane toolbarbutton:hover {
background-color: #FFFFFF !important;
}
/*
#bottom-events-box {
background-color: red !important;
}
*/
/*
#unifinder-searchBox {
background-color: red !important;
}
*/
.unifinder-closebutton {
border-top: 1px solid #FFFFFF !important;
border-left: 1px solid #FFFFFF !important;
border-right: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
}
/_ Addressbook Tweaks_/
#ab-toolbox {
background: rgba(224,224,224,.4)
linear-gradient(rgba(170,232,252,.8), rgba(47,141,235,.6) 49%,
rgba(32,133,234,.6) 51%, rgba(20,114,208,.3)) !important;
color: #12298E !important;
font-weight: 600 !important;
text-shadow: none !important;
height: 32px !important;
}
#ab-toolbox toolbarbutton {
background: rgba(255,255,255,1.0)
linear-gradient(rgba(255,255,255,.95), rgba(252,250,248,.8), rgba(0,0,0,.05),
rgba(0,0,0,.15), rgba(0,0,0,.25), rgba(0,0,0,.4)) !important;
color: #12298E !important;
border: none !important;
}
#ab-toolbox toolbarbutton:hover {
color: #BC0030 !important;
background: rgba(255,255,255,1.0)
linear-gradient(rgba(255,255,255,.95), rgba(254,252,250,.8), rgba(0,0,0,.05),
rgba(0,0,0,.1), rgba(0,0,0,.2), rgba(0,0,0,.3)) !important;
}
/* Addressbook Contacts Groups - List /
#dirTree {
background-color: #D0D8CB !important;
background-image: none !important;
background-attachment: none !important;
background: / linear-gradient(rgba(205, 214, 202, .95), rgba(205, 214, 202, .8), rgba(205, 214, 202, .7), rgba(205, 214, 202, .6), rgba(205, 214, 202, .5)), */
url("file:///T:/Users/Administrator/AppData/Roaming/Thunderbird/Profiles/6ztqu4q0.AB/extensions/AddressBookBackground7.png") !important;
}
#dirTree-splitter {
border-width: 0px !important;
width: 2px !important;
background-color: #D0D8CB !important;
}
#CardViewBox {
background-color: #E6EAE4 !important;
text-shadow: none !important;
color: #12298E !important;
font-weight: 400 !important;
}
/*
#abResultsTree {
color: red !important;
}
*/
#abResultsTree > treechildren::-moz-tree-row(selected) {
background-color: #FFD0F8 !important;
background: rgba(255,208,248,1.0)
linear-gradient(rgba(255,255,255,.5), rgba(250,250,250,.4),
transparent, rgba(0,0,0,.06), rgba(0,0,0,.1)) !important;
}
#abResultsTree > treechildren::-moz-tree-row(selected, focus) {
background-color: highlight !important;
background: highlight
linear-gradient(rgba(255,255,255,.5), rgba(250,250,250,.4),
transparent, rgba(0,0,0,.06), rgba(0,0,0,.1)) !important;
}
#CardTitle {
background: rgba(18,104,190,.8)
linear-gradient(rgba(170,232,252,.8), rgba(47,141,235,.7) 49%,
rgba(32,133,234,.6) 51%, rgba(20,114,208,.5)) !important;
text-shadow: none !important;
height: 28px !important;
line-height: 25px !important;
padding-left: 10px !important;
text-shadow: none !important;
font-family: 'Century Gothic' !important;
font-size: 12pt !important;
color: #FFFFFF !important;
font-weight: 600 !important;
border-bottom: none !important;
margin-top: -2px !important;
margin-left: -8px !important;
margin-right: -8px !important;
}
/Hide Scrollbars Only On Email Tab/
#folderTree scrollbar {
-moz-appearance: none !important;
width: 0px !important;
visibility: hidden !important;
}
#threadTree scrollbar {
-moz-appearance: none !important;
width: 0px !important;
visibility: hidden !important;
}
#threadTree treechildren::-moz-tree-row(hover) {
margin-right: 0px !important;
}
#threadTree treechildren::-moz-tree-row(selected) {
margin-right: 0px !important;
}
#threadTree treechildren::-moz-tree-row(selected, focus) {
margin-right: 0px !important;
}
#threadTree treechildren::-moz-tree-row {
margin-right: 0px !important;
}
#threadTree {
margin-right: 0px !important;
}
#folderTree > treechildren::-moz-tree-row(hover) {
margin-right: 0px !important;
}
#folderTree > treechildren::-moz-tree-row(selected) {
margin-right: 0px !important;
}
#folderTree > treechildren::-moz-tree-row(selected, focus) {
margin-right: 0px !important;
}
#folderTree {
margin-right: 0px !important;
border: 0px solid #4C9DE5 !important;
}
#folderpane_splitter {
width: 2px !important;
background-color: #4C9DE5 !important;
border: none !important;
}
/Miscellaneous Button Fills/
.message-icon {
fill: #00FF00 !important;
}
#appmenu_print,
#appmenu_print_popup,
.appmenu-edit-button {
fill: #0000FF !important;
}
#appmenu_print:hover,
#appmenu_print_popup:hover,
.appmenu-edit-button:hover {
fill: #FFFFFF !important;
}
#appmenu-cut,
#appmenu-editmenu-cut {
fill: #BC0030 !important;
}
#appmenu-cut:hover,
#appmenu-editmenu-cut:hover {
fill: #FFFFFF !important;
}
#appmenu-copy,
#appmenu-editmenu-copy {
fill: darkgreen !important;
}
#appmenu-copy:hover,
#appmenu-editmenu-copy:hover {
fill: #FFFFFF !important;
}
#appmenu-paste,
#appmenu-editmenu-paste {
fill: #0000FF !important;
}
#appmenu-paste:hover,
#appmenu-editmenu-paste:hover {
fill: #FFFFFF !important;
}
#appmenu-quit {
fill: #BC0030 !important;
}
#appmenu-quit:hover {
fill: #FFFFFF !important;
}
#appmenu_addons {
background-color: #D8EFFE !important;
}
.snooze-popup-ok-button {
fill: darkgreen !important;
}
.snooze-popup-ok-button:hover {
fill: white !important;
}
.snooze-popup-cancel-button {
fill: #BC0030 !important;
}
.snooze-popup-cancel-button:hover {
fill: white !important;
}
#imipAcceptButton {
fill: darkgreen !important;
}
#imipTentativeButton, #tentativeButton {
fill: #FF00FF !important;
}
#imipDeclineButton {
fill: #BC0030 !important;
}
#imipMoreButton {
fill: #0044e6 !important;
}
/*
#boldButton, #italicButton, #underlineButton {
fill: blue !important;
background-color: red !important;
opacity: 0 !important;
}
*/
#AbsoluteFontSizeButton, #DecreaseFontSizeButton, #IncreaseFontSizeButton {
fill: #0044e6 !important;
}
#ulButton, #olButton, #outdentButton, #indentButton, #AlignPopupButton, #InsertPopupButton, #smileButtonMenu {
fill: #0044e6 !important;
}
/Status Bar/
#status-bar, .status-bar {
background: rgba(18,104,190,.8)
linear-gradient(rgba(170,232,252,.8), rgba(47,141,235,.7) 49%,
rgba(32,133,234,.6) 51%, rgba(20,114,208,.5)) !important;
height: 26px !important;
text-shadow: none !important;
color: #FAFBFC !important;
font-size: 14px !important;
font-family: 'Roboto Condensed' !important;
font-weight: 400 !important;
border: none !important;
}
#calendar-status-todaypane-button {
background: rgba(255,255,255,1.0)
linear-gradient(rgba(255,255,255,.95), rgba(252,250,248,.8), rgba(0,0,0,.05),
rgba(0,0,0,.15), rgba(0,0,0,.25), rgba(0,0,0,.4)) !important;
color: #12298E !important;
font-size: 14px !important;
font-family: 'Roboto Condensed' !important;
font-weight: 600 !important;
}
#calendar-status-todaypane-button:hover {
color: #BC0030 !important;
background: rgba(255,255,255,1.0)
linear-gradient(rgba(255,255,255,.95), rgba(254,252,250,.8), rgba(0,0,0,.05),
rgba(0,0,0,.1), rgba(0,0,0,.2), rgba(0,0,0,.3)) !important;
}
/UI Font Choices/
menu {
font-family: 'Archivo Narrow' !important;
font-size: 14px !important;
font-weight: 500 !important;
}
menulist, menuitem {
font-family: 'Archivo Narrow' !important;
font-size: 14px !important;
font-weight: 400 !important;
}
#folderTree > treechildren {
font-size: 14px !important;
font-family: 'Archivo Narrow' !important;
}
#threadTree > treechildren {
font-size: 14px !important;
font-family: 'Archivo Narrow' !important;
}
#tabs-toolbar .tab-text {
font-size: 15px !important;
font-family: 'Archivo Narrow' !important;
}
#calendar-toolbox {
font-size: 14px !important;
font-family: 'Roboto Condensed' !important;
}
#calendar-view-box #event-filter-menulist {
font-size: 14px !important;
font-family: 'Arial Narrow' !important;
}
#calendar-alarm-dialog,
#calendar-event-dialog,
#event-grid-columns,
#event-grid-rows,
#item-description {
font-size: 14px !important;
font-family: 'Archivo Narrow' !important;
}
#calendar-view-box #unifinder-searchBox {
font-size: 15px !important;
font-family: 'Archivo Narrow' !important;
}
#calendar-view-box #unifinder-search-results-tree {
font-size: 15px !important;
font-family: 'Archivo Narrow' !important;
}
#ab-toolbox toolbarbutton {
font-size: 14px !important;
font-family: 'Roboto Condensed' !important;
}
#dirTree > treechildren {
font-size: 14px !important;
font-family: 'Roboto Condensed' !important;
}
#abResultsTree > treechildren {
font-size: 15px !important;
font-family: 'Archivo Narrow' !important;
}
#abResultsTreeCols {
font-size: 15px !important;
font-family: 'Archivo Narrow' !important;
}
#CardViewBox {
font-size: 15px !important;
font-family: 'Archivo Narrow' !important;
}
#msgHeaderView {
font-size: 15px !important;
font-family: 'Roboto Condensed' !important;
}
#msgHeaderView .headerName {
color: #12298E !important;
font-size: 14px !important;
font-weight: 600 !important;
font-family: 'Roboto Condensed' !important;
}
#msgHeaderView #expandedtagsBox .blc-FF0000 {
color: white !important;
}
#msgHeaderView #expandedtagsBox .blc-3333FF {
color: white !important;
}
#agenda-listbox {
background-color: #D8EFFE !important;
background-image: none !important;
background-attachment: none !important;
background: linear-gradient(rgba(0, 0, 0, .05), rgba(0, 0, 0, .3)),
url("file:///T:/Users/Administrator/AppData/Roaming/Thunderbird/Profiles/6ztqu4q0.AB/extensions/FolderTreeBackground3.png") !important;
color: #FFFFFF !important;
font-size: 14px !important;
font-family: 'Roboto Condensed' !important;
}
#agenda-listbox > #today-header, #tomorrow-header, #nextweek-header {
background-color: #FEF6E2 !important;
background-image: none !important;
background-attachment: none !important;
background: linear-gradient(to right, rgba(255, 255, 0, .2), rgba(69, 177, 249, .3)),
url("file:///T:/Users/Administrator/AppData/Roaming/Thunderbird/Profiles/6ztqu4q0.AB/extensions/Stone G.bmp") !important;
color: #12298E !important;
text-decoration: underline !important;
}
#agenda-listbox > .agenda-container-box {
background: transparent !important;
font-size: 14px !important;
font-family: 'Roboto Condensed' !important;
}
/* This sets ALL mail folders to white including the [Gmail] Folder */
#folderTree > treechildren::-moz-tree-cell-text {
color: #FFFFFF !important;
font-weight: normal !important;
}
/* Style Folder Tree Account Names with no new mail */
#folderTree > treechildren::-moz-tree-cell-text(isServer-true) {
color: #FFFFFF !important;
font-weight: bold !important;
text-decoration: underline !important;
font-size: 15px !important;
font-family: 'Roboto Condensed' !important;
}
/* Style Folder Tree Account Names with new mail */
#folderTree > treechildren::-moz-tree-cell-text(isServer-true, biffState-NewMail) {
color: #FFFFFF !important;
font-weight: bold !important;
text-decoration: underline !important;
font-size: 15px !important;
font-family: 'Roboto Condensed' !important;
}
#folderTree > treechildren::-moz-tree-cell-text(hasUnreadMessages-true) {
color: #00FF00 !important;
font-weight: 600 !important;
}
#folderTree > treechildren::-moz-tree-cell-text(selected) {
color: #000000 !important;
font-weight: 600 !important;
}
#folderTree > treechildren::-moz-tree-cell-text(selected, focus) {
color: #FFFFFF !important;
font-weight: 600 !important;
}
#folderpane-mode-selector-menulist {
background-image: none !important;
background-attachment: none !important;
background: linear-gradient(to right, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)),
url("file:///T:/Users/Administrator/AppData/Roaming/Thunderbird/Profiles/6ztqu4q0.AB/extensions/QFBBackground3.png") !important;
color: #FFFFFF !important;
margin-top: -1px !important;
border: none !important;
}
#threadTree treechildren::-moz-tree-cell-text(selected) {
font-weight: 500 !important;
}
#threadTree treechildren::-moz-tree-cell-text(selected, focus) {
font-weight: 500 !important;
}
#addresses-box #identityLabel, #subjectLabel {
color: #12298E !important;
font-size: 14px !important;
font-family: 'Archivo Narrow' !important;
}
#msgheaderstoolbar-box {
font-size: 14px !important;
font-family: 'Archivo Narrow' !important;
}
#subject-box #msgSubject {
color: #000000 !important;
font-size: 14px !important;
font-family: 'Archivo Narrow' !important;
}
vbox {
font-family: 'Archivo Narrow' !important;
}
hbox {
font-family: 'Archivo Narrow' !important;
}
/___________________________________________/
tab.tabmail-tab[label="Calendar"] image.tab-icon-image {
width: 0 !important;
padding-right: 16px !important;
margin-bottom: 1px !important;
background-image: none !important;
background-attachment: none !important;
background-image: url("file:///T:/Users/Administrator/AppData/Roaming/Thunderbird/Profiles/6ztqu4q0.AB/extensions/Calendar.png") !important;
}
tab.tabmail-tab[label="CustomizeMyBird"] image.tab-icon-image {
width: 0 !important;
padding-right: 16px !important;
background-image: none !important;
background-attachment: none !important;
background-image: url("file:///T:/Users/Administrator/AppData/Roaming/Thunderbird/Profiles/6ztqu4q0.AB/extensions/CMB16.png") !important;
}
tab.tabmail-tab[label="Address Book"] image.tab-icon-image {
width: 0 !important;
padding-right: 16px !important;
background-image: none !important;
background-attachment: none !important;
background-image: url("file:///T:/Users/Administrator/AppData/Roaming/Thunderbird/Profiles/6ztqu4q0.AB/extensions/AddressBook.png") !important;
}
tab.tabmail-tab[label="Add-ons Manager"] image.tab-icon-image {
width: 0 !important;
padding-right: 16px !important;
background-image: none !important;
background-attachment: none !important;
background-image: url("file:///T:/Users/Administrator/AppData/Roaming/Thunderbird/Profiles/6ztqu4q0.AB/extensions/Administrator.png") !important;
}
/Attachment Bar/
#attachmentBar {
background: rgba(18,104,190,.8)
linear-gradient(rgba(170,232,252,.8), rgba(47,141,235,.7) 49%,
rgba(32,133,234,.6) 51%, rgba(20,114,208,.5)) !important;
height: 26px !important;
text-shadow: none !important;
color: #FAFBFC !important;
font-size: 14px !important;
font-family: 'Roboto Condensed' !important;
font-weight: 400 !important;
border: none !important;
}
#attachmentBar #attachmentSize {
color: #FAFBFC !important;
font-size: 14px !important;
font-family: 'Roboto Condensed' !important;
font-weight: 400 !important;
}
#attachmentToggle {
color: #FAFBFC !important;
display: none !important;
}
#attachmentBar #attachmentSaveAllMultiple, #attachmentSaveAllSingle {
background: rgba(255,255,255,1.0)
linear-gradient(rgba(255,255,255,.95), rgba(252,250,248,.8), rgba(0,0,0,.05),
rgba(0,0,0,.15), rgba(0,0,0,.25), rgba(0,0,0,.4)) !important;
color: #12298E !important;
font-size: 14px !important;
font-family: 'Roboto Condensed' !important;
font-weight: 600 !important;
height: 20px !important;
margin-right: 4px !important;
border: none !important;
}
#attachmentBar #attachmentSaveAllMultiple:hover, #attachmentSaveAllSingle:hover {
background: rgba(255,255,255,1.0)
linear-gradient(rgba(255,255,255,.95), rgba(254,252,250,.8), rgba(0,0,0,.05),
rgba(0,0,0,.1), rgba(0,0,0,.2), rgba(0,0,0,.3)) !important;
color: #BC0030 !important;
}
/___________________________________________/
#threadTree treechildren::-moz-tree-image(attachmentCol) {
background-image: none !important;
background-attachment: none !important;
background-image: url(file:///T:/Users/Administrator/AppData/Roaming/Thunderbird/Profiles/6ztqu4q0.AB/extensions/Paperclip.png) !important;
background-size: 84% 84% !important;
background-position: center center !important;
background-repeat: no-repeat !important;
opacity: 0 !important;
border: none !important;
}
#threadTree treechildren::-moz-tree-image(attachmentCol, selected, focus) {
background-image: none !important;
background-attachment: none !important;
background-image: url(file:///T:/Users/Administrator/AppData/Roaming/Thunderbird/Profiles/6ztqu4q0.AB/extensions/PaperclipW.png) !important;
background-size: 74% 80% !important;
background-position: center center !important;
background-repeat: no-repeat !important;
opacity: 0 !important;
border: none !important;
}
/___________________________________________/
.treecol-image, treecol {
background-image: none !important;
background-attachment: none !important;
background: rgba(175,211,247,1.0)
linear-gradient(rgba(253,254,255,.7), rgba(253,254,255,.5),
transparent, rgba(0,0,0,.1), rgba(0,0,0,.15)) !important;
color: #12298E !important;
font-weight: 500 !important;
}
.treecol-image:hover, treecol:hover {
background-image: none !important;
background-attachment: none !important;
background: rgba(255,208,248,1.0)
linear-gradient(rgba(255,255,255,.7), rgba(250,250,250,.5),
transparent, rgba(0,0,0,.1), rgba(0,0,0,.15)) !important;
}
/___________________________________________/
/Special Folder Icons/
/This section must be after the other folderTree css/
.tabmail-tab[type="folder"][SpecialFolder="Inbox"] .tab-icon-image, treechildren::-moz-tree-image(folderNameCol, specialFolder-Inbox) {
-moz-image-region: rect(0px 48px 16px 32px) !important;
opacity: 1 !important;
background: none !important;
list-style-image: url("file:///T:/Users/Administrator/AppData/Roaming/Thunderbird/Profiles/6ztqu4q0.AB/extensions/tb_folder_tb3.png") !important;
}
.tabmail-tab[type="folder"][SpecialFolder="Junk"] .tab-icon-image, treechildren::-moz-tree-image(folderNameCol, specialFolder-Junk) {
-moz-image-region: rect(0px 128px 16px 112px) !important;
opacity: 1 !important;
background: none !important;
list-style-image: url("file:///T:/Users/Administrator/AppData/Roaming/Thunderbird/Profiles/6ztqu4q0.AB/extensions/tb_folder_tb3.png") !important;
}
.tabmail-tab[type="folder"][SpecialFolder="Trash"] .tab-icon-image, treechildren::-moz-tree-image(folderNameCol, specialFolder-Trash) {
-moz-image-region: rect(0px 144px 16px 128px) !important;
opacity: 1 !important;
background: none !important;
list-style-image: url("file:///T:/Users/Administrator/AppData/Roaming/Thunderbird/Profiles/6ztqu4q0.AB/extensions/tb_folder_tb2.png") !important;
}
/* This section aplicable to XNote Add-on only */
.boite-de-texte, #xnote-titre {
font-size: 15px !important;
font-family: 'Archivo Narrow' !important;
line-height: 130% !important;
}
/___________________________________________/
The text was updated successfully, but these errors were encountered: