Old Google Reader Theme (for v1.7.9)

[li2150]

Hi everyone,

Like many others have done, I am trying to tune the great Tiny Tiny RSS to Google Reader style theme. I never learned CSS before, so I downloaded many examples here and there, thanks to them for sharing their great ideas. And surprisingly I found out it is so easy to make it looks like the old Google Reader (I mean, before Nov 2011). With a few plugins like Article Headline Toggle and Google Reader keyboard shortcut emulation plugin, I feel like I get my old days back.

Feel free to modify anything you want, though there is not too much for you to modify

P.S: Don't forget deselect Preferences->Interface->Automatically expand articles in combined mode

Screen shot:


And the little code:

Code: Select all

.dijitTreeContainer {
   font-size: 12px;
}

img.tinyFeedIcon,
img.hlScorePic {
   display: none;
}

#ttrssMain .cdmHeader:hover {
   background-color:#F0F0F0;
}

.titleWrap {
   max-width: 500px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   display: inline;
}

.title {
   font-size: 12px;
}

span.cdmExcerpt {
   display: inline;
   font-size: 12px;
}



[elforesto]

Any chance you'll update this for v1.8+? I'm missing the compact layout.

UPDATE: I fixed it myself. Just had to add the @import statements from the default file to fix it.

Code: Select all

@import "../css/tt-rss.css";
@import "../css/cdm.css";
@import "../css/prefs.css";
.dijitTreeContainer {
   font-size: 12px;
}

img.tinyFeedIcon,
img.hlScorePic {
   display: none;
}

#ttrssMain .cdmHeader:hover {
   background-color:#F0F0F0;
}

.titleWrap {
   max-width: 500px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   display: inline;
}

.title {
   font-size: 12px;
}

span.cdmExcerpt {
   display: inline;
   font-size: 12px;
}