Less has become even more since my last stab at this... I never used the dropdowns at the top so they are gone and the action-button is moved to the feed-list. I also made the feed-list non-hideable and non-resizable cause I don't need neither of those functions, if you do, change it. ;)
The CSS is a bit messy. There are probably some stuff that could be removed as a lot of the classes has changed but meh, I can't be bothered.
@import url('http://fonts.googleapis.com/css?family=Open+Sans');
#feeds-holder {
background-color:#e5e5e5 !important;
overflow-x:hidden !important;
border-right:5px solid #ddd !important;
width:250px !important;
margin-top:30px !important;
}
#feeds-holder:before {
content:"Tiny Tiny RSS";
position:fixed;
top:0;
display:block;
height:30px;
line-height:30px;
width:240px;
padding-left:10px;
box-shadow:0 0 3px #57d inset;
background-color: #7af;
border-right:5px solid #57c;
color:white;
font-family: Open Sans;
font-size:16px;
}
#feedTree {
overflow-x:hidden !important;
margin:0 !important;
font-family: Open Sans !important;
width:270px;
}
.claro .dijitSplitterV,.claro .dijitGutterV {
border:0!important;
width:4px!important;background:#ddd !important;
display:none;
}
.dijitTreeIsRoot {
width:250px !important;
margin-bottom:1px !important;
}
.dijitTreeRow,
.dijitTreeRow.dijitTreeRowSelected,
.dijitTreeRow.dijitTreeRowHover {
height:20px !important;
line-height:19px !important;
background-image:none !important;
background-color:#eee !important;
padding:3px !important;
border:0 !important;
border-top:1px solid #fafafa !important;
border-bottom:1px solid #ddd !important;
}
.dijitTreeRow.dijitTreeRowHover {
background-color:#f3f3f3 !important;
}
.dijitTreeRow.dijitTreeRowSelected {
background-color:#fff !important;
border-left:6px solid #98BF2B !important;
}
.dijitTreeLabel.Unread {
font-weight:100 !important;
}
.dijitTreeLabel.Unread:after {
content:"*"; color:#B4D850 !important; font-size:21px; line-height:10px
}
.dijitTreeRow.dijitTreeRowSelected .dijitTreeLabel {
margin-left:-2px !important;
}
.dijitTreeRow > .counterNode {
height:27px !important;
width:30px !important;
padding:0 !important;
padding-right:3px !important;
line-height:28px !important;
background-color:inherit!important;
border:0 !important;
border-radius:0 !important;
color:#666 !important;
margin:-6px 0 0 0 !important;
font-size:12px !important;
font-weight:100 !important;
}
.dijitTreeRow.dijitTreeRowSelected > .counterNode {
margin-right:6px !important;
}
.dijitTreeRow img {
margin-top:-3px;
}
#headlines-frame {
margin-top:0;
border:0!important;
padding:0;
}
#main-toolbar {
border-bottom:1px solid #dcdcdc!important;
padding:2px 0 2px 4px !important;
background:#f5f5f5 !important;
}
#headlines-toolbar {
border-top-color:#f0f0f0!important;
border-bottom-color:#d2d2d2!important;
border-width:1px 0!important;
background:#e6e6e6 !important;
display:none;
}
#main_toolbar_form [role=listbox] [role=option] {
min-width:100px;
}
#toolbar {
height:0!important
}
.actionChooser {
position:fixed;
width:16px !important;
white-space:nowrap;
top:4px;
left:225px;
z-index:10000 !important;
}
.actionChooser .dijitButtonText {
display:none !important;
}
#content-wrap {
border:none!important;
}
.cdmHeader {
position:relative;
width:100%;
border-bottom:1px solid #ddd;
background:#eee !important;
margin:0 !important;
}
.cdmHeader > * {
display:block!important;
padding:0!important;
}
.cdmHeader a.title,.cdmHeader .hlFeed a {
color:#aaa!important;
}
.Selected .cdmHeader a.title,.Unread .cdmHeader a.title,.Selected .hlFeed a,.Unread .hlFeed a {
color:#274F77!important;
}
.titleWrap {
width:85% !important;
height:auto !important;
overflow:visible !important;
margin:5px 0 0 5px !important;
}
.titleWrap > .title,
.postHeader div {
position:relative!important;
font-size:20px!important;
line-height:22px !important;
font-weight:400 !important;
}
.hlFeed {
position:relative!important;
float:left!important;
margin-left:5px !important;
}
.hlFeed a {
font-size:14px!important;
line-height:24px;
}
.updated {
position:relative !important;
float:left !important;
left:5px;
text-align:left !important;
font-size:14px !important;
line-height:24px !important;
width:50px !important;
white-space:nowrap;
color:#aaa !important;
}
[id|="RROW"].Unread .updated {
color:#777 !important;
}
.updated:before {
content:"/";
color:#bbb;
margin:0 5px 0 2px;
}
.titleWrap+.updated:before {
content:"" !important;
}
.cdmHeader > div:first-child > :not(.markedPic) {
display:none !important;
}
.cdmHeader .markedPic {
position:absolute !important;
width:28px !important;
top:3px;
right:1px;
}
.cdmContent {
background:#fff !important;
}
.cdmContentInner {
font-size:15px!important;
line-height:18px!important;
margin:0 13px 20px 13px!important;
padding-top:18px !important;
}
.cdmContentInner a[rel*="attachment"]:after {
content:"\a";
white-space:pre!important;
margin-bottom:5px;
}
.cdmContentInner p img {
margin:0 5px 0 0 !important;
padding:0 !important;
}
.cdmContentInner p a img {
margin:0 !important;
padding:0 !important;
}
.cdmContentInner td img {
padding:0 !important;
}
.cdmContentInner p {
margin:15px 0 15px 0 !important;
}
.cdmContentInner p:last-child {
margin:15px 0 0 0 !important;
}
.cdmContentInner p:only-of-type,
.cdmContentInner p:first-child {
margin:0 0 15px 0 !important;
}
[id|="RROW"] {
position:relative;
overflow:hidden!important;
box-shadow:0 0 12px #ddd;
border-radius:6px 8px 8px 6px!important;
border-color:#ccc !important;
border-width:2px 3px 2px 7px !important;
border-style: solid;
margin:20px!important;
background:#ddd !important;
}
[id|="RROW"].Unread > .cdmHeader {
border-color:#ccc !important;
}
[id|="RROW"].Unread {
background:#E8F3C9 !important;
border-color:#BFDD6D #BFDD6D #BFDD6D #CFE690 !important;
}
[id|="RROW"].Unread > .cdmHeader {
border-color:#CFE690 !important;
}
[id|="RROW"].Selected {
background:#D8E5F2 !important;
border-color:#B1CBE5!important;
}
[id|="RROW"].Selected > .cdmHeader {
border-color:#B1CBE5 !important;
}
.cdmFooter {
border-top:1px solid #e0e0e0;
background:#f5f5f5 !important;
}
br,br+br {
line-height:6px!important;
}
.tinyFeedIcon,[id|="FPPIC"],
[id|="PTITLE-FULL"],
[widgetid|="RCHK"],
[id|="RCHK"],
.hlScorePic,
br+br+br,
.titleWrap > .author,
.dijitSplitterThumb,
#floatingTitle,
.cdmContent + hr,
#dijit__TreeNode_1 .dijitIcon.dijitTreeIcon.feedIcon,
.labelColorIndicator {
display:none!important;
}