[CHG] color scheme for accounts listing: go dark

This commit is contained in:
Xavier Morel 2015-02-18 11:21:16 +01:00
parent f8c3d0a326
commit c736a0802b

View File

@ -12,15 +12,32 @@ li > p {
.accounts-table { .accounts-table {
font-size: 90%; font-size: 90%;
color: #888 !important;
}
.accounts-table .related {
background-color: transparent !important;
color: #eee !important;
font-weight: bold;
}
.accounts-table .secondary {
background-color: transparent !important;
color: #ccc !important;
} }
.accounts-table dl { .accounts-table dl {
margin: 0; margin: 0;
} }
.accounts-table h4, .accounts-table h5 {
font-weight: normal;
}
.accounts-table .related h4, .accounts-table h4.related,
.accounts-table .related h5, .accounts-table h5.related {
font-weight: bold;
}
.accounts-table h4 { .accounts-table h4 {
text-align: center; text-align: center;
color: rgb(152, 155, 158);
} }
/* table root */ /* table root */
.accounts-table > div { .accounts-table > div {
@ -33,9 +50,8 @@ li > p {
padding: 5px; padding: 5px;
margin: 5%; margin: 5%;
background-color: rgb(241, 244, 250);
border: 3px solid rgb(223, 231, 240); border: 3px solid #666;
border-radius: 3px; border-radius: 3px;
} }
/* sections */ /* sections */
@ -47,28 +63,26 @@ li > p {
.accounts-table > div > div div > h5 { .accounts-table > div > div div > h5 {
order: 99; order: 99;
font-weight: bold;
text-transform: uppercase; text-transform: uppercase;
color: rgb(164, 168, 171);
padding: 0.3em 0; padding: 0.3em 0;
border-image: linear-gradient(to bottom, transparent, rgb(221, 225, 231), transparent, rgb(221, 225, 231), transparent) 1 0 10 / 3px 0 3px; border-image: linear-gradient(to bottom, transparent, rgb(221, 225, 231), transparent, rgb(221, 225, 231), transparent) 5 0 10 / 3px 0 3px;
} }
.accounts-table > div > div div div > h5 { .accounts-table > div > div div div > h5 {
/* slightly smaller than normal 14px h5 size */ /* slightly smaller than normal 14px h5 size */
font-size: 12.5px; font-size: 12.5px;
border-image: linear-gradient(to bottom, transparent, rgb(221, 225, 231), transparent, rgb(221, 225, 231), transparent) 1 0 1; border-image: linear-gradient(to bottom, transparent, rgb(221, 225, 231), transparent, rgb(221, 225, 231), transparent) 5 0 5;
} }
.accounts-table dt { .accounts-table dt {
color: rgb(176, 178, 181);
font-weight: normal; font-weight: normal;
} }
.accounts-table .related dt,
.accounts-table dt.related {
font-weight: bold;
}
.accounts-table dt span { .accounts-table dt span {
font-style: italic; font-style: italic;
} }
.accounts-table dt span:last-child { .accounts-table dt span:last-child {
font-style: normal; font-style: normal;
} }
.accounts-table dd {
color: rgb(50, 50, 50);
}