[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 {
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 {
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 {
text-align: center;
color: rgb(152, 155, 158);
}
/* table root */
.accounts-table > div {
@ -33,9 +50,8 @@ li > p {
padding: 5px;
margin: 5%;
background-color: rgb(241, 244, 250);
border: 3px solid rgb(223, 231, 240);
border: 3px solid #666;
border-radius: 3px;
}
/* sections */
@ -47,28 +63,26 @@ li > p {
.accounts-table > div > div div > h5 {
order: 99;
font-weight: bold;
text-transform: uppercase;
color: rgb(164, 168, 171);
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 {
/* slightly smaller than normal 14px h5 size */
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 {
color: rgb(176, 178, 181);
font-weight: normal;
}
.accounts-table .related dt,
.accounts-table dt.related {
font-weight: bold;
}
.accounts-table dt span {
font-style: italic;
}
.accounts-table dt span:last-child {
font-style: normal;
}
.accounts-table dd {
color: rgb(50, 50, 50);
}