Old Google Reader Theme (for v1.7.9)

Post plugins and custom CSS snippets here
li2150
Bear Rating Trainee
Bear Rating Trainee
Posts: 2
Joined: 19 Jun 2013, 14:01

Old Google Reader Theme (for v1.7.9)

Postby li2150 » 19 Jun 2013, 14:36

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:
Image

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;
}

Attachments
Old_Google_Reader.zip
Old_Google_Reader.css
(401 Bytes) Downloaded 246 times

elforesto
Bear Rating Trainee
Bear Rating Trainee
Posts: 12
Joined: 21 Mar 2013, 07:33

Re: Old Google Reader Theme (for v1.7.9)

Postby elforesto » 30 Jul 2013, 23:32

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;
}
Attachments
Old_Google_Reader.zip
Update for 1.8+
(438 Bytes) Downloaded 135 times


Return to “Themes and plugins”

Who is online

Users browsing this forum: No registered users and 3 guests