}
-.cdm.expandable {
- background-color : #f0f0f0;
- border: 0px solid #ddd;
- border-bottom-width: 1px;
-
- > hr {
- display : none;
- }
-
- div.cdmHeader span.titleWrap {
- white-space : nowrap;
- text-overflow : ellipsis;
- overflow : hidden;
- max-width : 500px;
- }
-}
-
-.cdm.expandable.Unread {
- background : white;
-}
-
-.cdm.expandable.Selected {
- background : #f9fbff;
-}
-
-.cdm.expandable.active {
- background : white ! important;
-}
-
-div.cdm.expandable.active div.cdmHeader span.titleWrap {
- white-space : normal;
-}
-
-div.cdm.expandable div.cdmHeader a.title {
- font-weight : 600;
- color : @default-text;
- font-size : 14px;
- -webkit-transition : color 0.2s;
- transition : color 0.2s;
- text-rendering: optimizelegibility;
- font-family : @fonts-ui-bold;
-}
-
-div.cdm.expandable.Unread div.cdmHeader a.title {
- color : black;
-}
-
-div.cdm.expandable.active div.cdmHeader a.title {
- color: @color-link;
- font-size: 16px;
- font-weight: 600;
- text-rendering: optimizelegibility;
- font-family: @fonts-ui-bold;
-}
-
div.cdm.expanded div.cdmHeader {
background : transparent ! important;
}
font-size : 16px;
color : #999;
font-weight : 600;
- -webkit-transition : color 0.2s;
- transition : color 0.2s;
+ transition : color 0.2s, background 0.2s;
text-rendering: optimizelegibility;
font-family : @fonts-ui-bold;
}
a.title {
font-size : 16px;
color : #999;
- -webkit-transition : color 0.2s;
- transition : color 0.2s;
+ transition : color 0.2s, background 0.2s;
font-weight : 600;
text-rendering: optimizelegibility;
font-family : @fonts-ui-bold;