outline: none;
}
- div.postReply {
+ div.post {
padding : 0px;
- div.postHeader {
+ div.header {
padding : 5px;
- margin-right : 4px;
color : #909090;
border: 0px solid #ddd;
border-bottom-width: 1px;
+ background: #f0f0f0;
- div.postDate {
+ div.date {
text-align : right;
- color : #909090;
float : right;
}
}
}
- div.postTitle {
+ div.title {
overflow : hidden;
+ font-size : 15px;
text-overflow: ellipsis;
white-space : nowrap;
font-weight : 600;
font-family : @fonts-ui-bold;
}
- div.postDate {
+ div.date {
padding-left : 10px;
}
- div.postContent {
+ div.content {
padding : 10px;
font-size : 16px;
border: 0px solid #ddd;
border-bottom-width: 1px;
padding : 1px;
+ transition : color 0.2s, background 0.2s;
- div.hlTitle {
+ div.title {
display : table-cell;
cursor : pointer;
width : 100%;
max-height : 16px;
}
- span.hlFeed {
+ span.feed {
display : table-cell;
vertical-align : middle;
text-align : right;
}
- span.hlFeed a {
+ span.feed a {
border-radius : 4px;
display : inline-block;
padding : 1px 4px 1px 4px;
white-space : nowrap;
}
- span.hlFeed a:hover {
+ span.feed a:hover {
color : @color-accent;
}
height : 16px;
}
- div.hlTitle a {
+ div.title a {
font-weight : 600;
text-rendering: optimizelegibility;
font-family : @fonts-ui;
text-decoration : line-through;
}
- .hl.Unread div.hlTitle a {
+ .hl.Unread div.title a {
color : black;
}
- .hl.active {
- background : @color-accent-light ! important;
- }
-
- .hl.active div.hlTitle a {
+ .hl.active div.title a {
color : @color-accent;
/* text-shadow : 1px 1px 2px #fff; */
}
+ .hl.active {
+ background : @color-accent ! important;
+ }
+
+ .hl.active,
.hl.Selected {
- background : #f9fbff;
+ color : white;
+ background : desaturate(@color-accent, 25%);
+
+ a,
+ .feed a,
+ .hlContent a.title,
+ span {
+ color : white;
+ }
}
.hl.Grayed {
}
- div#headlines-frame.wide .hlTitle {
+ div#headlines-frame.wide .title {
max-width : none;
overflow : visible;
white-space : normal;
}
- div#headlines-frame.wide .hl .hlFeed {
+ div#headlines-frame.wide .hl .feed {
display : none;
}
- img.hlScorePic {
+ img.score-pic {
vertical-align : middle;
width : 16px;
height : 16px;
color : red;
}
+ #feedTree .dijitTreeRow.UpdatesDisabled .dijitTreeLabel {
+ color : #909090;
+ }
+
#feedTree.dijitTree .dijitTreeNode .dijitTreeRowSelected {
box-shadow : -1px 0px 2px -1px rgba(0,0,0,0.1);
border-right-color : white;
display : none;
}
+ #content-insert_splitter.dijitSplitterH {
+ background : #f0f0f0;
+ border-color: #ddd;
+ border-top-width : 1px;
+ border-style : solid;
+ }
+
#toolbar {
padding : 0px;
margin : 0px;
border-color : #ddd;
border-width : 0px;
line-height: 1.5;
- font-size : 15px;
overflow : auto;
-webkit-overflow-scrolling : touch;
}
}
}
- span.collapseBtn {
- cursor : pointer;
-
- img {
- vertical-align : middle;
- }
- }
-
select.attachments {
display : block;
margin-top : 10px;
}
}
+::selection {
+ background : @color-accent;
+ color : white;
+}