Tuesday, April 16, 2013

TT-rss theme, final release (sort of)

Here is the CSS I previewed some weeks ago. It's still not really complete. It only covers "Combined feed display", as that is all I use. I also have no interest in writing flawless CSS, I am satisfied once it looks the way I want and if that means negative margins and lots of absolute positioning, so be it. :)

The selecttion-check-box, score, author and the publish button have all been hidden.

Final disclaimer: This is only tested with version <=1.7.5 of TT-rss and mostly on Firefox nightly. Your mileage may wary.

#feeds-holder{
background-color:#efefef !important;
overflow-x:hidden !important;
border-right:1px solid #ddd !important; }
#feedTree {
overflow-x:hidden !important;
margin:-2px 0 0!important; }
.claro .dijitTreeNode>.dijitTreeRow {
padding:4px 0 3px!important; }
.claro .dijitSplitterV,.claro .dijitGutterV {
border:0!important;
width:4px!important;
background:#ddd !important; }
.dijitSplitterThumb{
display:none; }
.claro .dijitTreeRowSelected,.claro .dijitTreeRowHover {
background-image:none !important;
border-width:0!important;
padding:4px 0 3px!important; }
#headlines-frame {
margin-top:0;
border:0!important;
padding:0; }
.claro .dijitToolbar {
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; }
#main_toolbar_form [role=combobox] td.dijitButtonContents {
min-width:60px; }
#content-wrap {
border:none!important; }
.cdmHeader {
position:relative;
width:100%;
border-bottom:1px solid #ddd;
background:#eee !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:94% !important;
height:auto !important;
overflow:visible !important;
margin:5px 0 0 5px !important; }
.titleWrap > .title,
.postHeader div {
position:relative!important;
font-size:24px!important;
line-height:26px !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; }
.updated:before {
content:"/";
color:#bbb;
margin:0 5px 0 2px; }
.titleWrap+.updated:before {
content:"" !important; }
.cdmFooter {
border-top:1px solid #e0e0e0;
background:#f5f5f5 !important; }
.cdmContentInner {
font-size:15px!important;
line-height:18px!important;
margin:10px!important; }
.cdmContentInner a[rel*="attachment"]:after {
content:"\a";
white-space:pre!important;
margin-bottom:5px; }
.cdmContentInner img {
padding-bottom:15px; }
.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; }
.odd,.even {
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;
margin:20px!important;
background:#fff !important; }
.even td,.odd td {
border:0!important; }
.Unread {
border-color:#BFDD6D #BFDD6D #BFDD6D #CFE690 !important; }
.Unread .cdmHeader {
background:#E8F3C9 !important;
border-color:#CFE690 !important; }
.Selected {
border-color:#B1CBE5!important; }
.even.Selected,.even.Selected td,.odd.Selected,.odd.Selected td {
background:#fff !important; }
.Selected .cdmHeader {
background:#D8E5F2 !important;
border-color:#B1CBE5 !important; }
[id|="FMPIC"] {
position:absolute !important;
width:28px !important;
top:3px;
right:1px; }
br,br+br {
line-height:6px!important; }
.cdmHeader > div > span:last-child,[id|="FPPIC"],
[id|="PTITLE-FULL"],[widgetid|="RCHK"],
[id|="RCHK"],.hlScorePic,br+br+br,
.titleWrap > .title > .author {
display:none!important; }