Quote:
Originally Posted by joe_devore
for the root system folders like
- Inbox
- Sent
- Drafts
- Trash
for the above 4 mentioned system folders..
- different Colors whether it be the text or the background
|
Code:
/* 1a - 'Inbox' Icon Has A LimeGreen Background And Is 3D */
i.icon.icon-drawer {
background-color:limegreen;
box-shadow:5px 5px 5px rgba(0,0,0,.25), 0 0 20px transparent inset, 0 0 1px rgba(255,255,255,0.5) inset;
border-radius:4px;
}
/* 1b - 'Inbox' Folder Path Is Now LimeGreen */
.v-FolderSource--inbox {
background-color:limegreen;
}
/* 2a - 'Drafts' Icon Has An Orange Background And Is 3D */
i.icon.icon-file {
background-color:orange;
box-shadow:5px 5px 5px rgba(0,0,0,.25), 0 0 20px transparent inset, 0 0 1px rgba(255,255,255,0.5) inset;
border-radius:4px;
}
/* 2b - 'Drafts' Folder Path Is Now Orange */
.v-FolderSource--drafts {
background-color:orange;
}
/* 3a - 'Sent' Icon Has A White Background And Is 3D */
i.icon.icon-paper-plane {
background-color:white;
box-shadow:5px 5px 5px rgba(0,0,0,.25), 0 0 20px transparent inset, 0 0 1px rgba(255,255,255,0.5) inset;
border-radius:4px;
}
/* 3b - 'Sent' Folder Path Is Now White */
.v-FolderSource--sent {
background-color:white;
}
/* 4a - 'Trash' Icon Has A Red Background And Is 3D */
i.icon.icon-remove {
color:white;
background-color:red;
box-shadow:5px 5px 5px rgba(0,0,0,.25), 0 0 20px transparent inset, 0 0 1px rgba(255,255,255,0.5) inset;
border-radius:4px;
}
/* 4b - 'Trash' Folder Path Is Now Red */
.v-FolderSource--trash {
background-color:red;
}
/* 5a - 'Archive' Icon Is Now Goldenrod */
i.icon.icon-box {
color:goldenrod;
box-shadow:5px 5px 5px rgba(0,0,0,.25), 0 0 20px transparent inset, 0 0 1px rgba(255,255,255,0.5) inset;
border-radius:4px;
}
/* 5b - Archive Folder Path Is Now Goldenrod */
.v-FolderSource--archive {
background-color:goldenrod;
}