Google Reader theme

Post plugins and custom CSS snippets here
amm
Bear Rating Trainee
Bear Rating Trainee
Posts: 2
Joined: 29 Mar 2013, 07:45

larger headline font size?

Postby amm » 29 Mar 2013, 07:55

thedave, I like this theme but I'm using a larger font for articles with something fox suggested:

div.cdmContentInner { font-size : 140% ! important; }
div.postContent { font-size : 140% ! important; }

I can't figure out how to increase article title (headline) font size in post view. I can change it in list view by mucking with some of your settings, but once I expand an article, its headline reverts to default text size. thanks for your help.

User avatar
fox
^ me reading your posts ^
Posts: 6318
Joined: 27 Aug 2005, 22:53
Location: Saint-Petersburg, Russia
Contact:

Re: Google Reader theme

Postby fox » 29 Mar 2013, 09:54

.cdm.active.Selected .cdmHeader a { font-size : 140% ! important; }

phz
Bear Rating Disaster
Bear Rating Disaster
Posts: 77
Joined: 18 Mar 2013, 18:32

Re: Google Reader theme

Postby phz » 29 Mar 2013, 14:11

A big help for inspecting classes and what CSS rules are superceding others, use e.g. the "Inspect element" function in Chrome (or similar functions in other browsers). Right-click the header itself, "Inspect element" and look at the CSS rule tree to the right.

jinnjuice
Bear Rating Trainee
Bear Rating Trainee
Posts: 1
Joined: 30 Mar 2013, 02:12

Re: Google Reader theme

Postby jinnjuice » 30 Mar 2013, 02:16

TheDave1022 wrote:Here is v2 of my theme which adds a gray background hover effect over the row when the mouse passes over it.
Article Title gets cropped at 50% of the DIV width.
Article summary text has a max-width of 400px as it would push the text to the next line. (Testing on a 1920x1080 monitor with the default position of the Side Nav Bar width)

Waiting on the next version of ttrss as there will be an option to remove the Author. Will see if I can figure out how to get the article summary to extend all the way until it hits the date div.

Code: Select all

/* fix dijit */
:focus {
   outline: none;
}
input[type="search"] {
   -webkit-appearance: none;
}
.claro .dijitToolbar .dijitButton .dijitButtonNode,
.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode,
.claro .dijitToolbar .dijitComboButton .dijitButtonNode,
.claro .dijitToolbar .dijitToggleButton .dijitButtonNode,
.claro .dijitToolbar .dijitComboBox .dijitButtonNode {
   -moz-transition: background-color, border-color, color;
   -webkit-transition-property: background-color, border-color, color;
   transition: background-color, border-color, color;
}


/* some style */
body#ttrssMain,
a,
.titleWrap .title  {
   color: #444;
}
a:hover,
.Unread .titleWrap .title,
.Selected .titleWrap .title,
html div.cdmContent a {
   color: #15c;
}
#feeds-holder,
#content-wrap,
#headlines-frame {
   border: none;
}
#ttrssMain #headlines-toolbar,
#ttrssMain .dijitToolbar,
#ttrssMain .cdmHeader {
   background: #fff;
   border-color: transparent;
}
#ttrssMain #headlines-toolbar {
   border-color: #ebebeb;
}
#ttrssMain .cdm {
   margin: 5px 25px 10px 5px;
   border: 1px solid #ddd !important;
   box-shadow: 0 0 4px rgba(0,0,0,.1);
   background: #fff !important;
}
#ttrssMain .cdm.Selected {
   border-left-color: #4d90f0 !important;
   background: #fff !important;
}
#ttrssMain .cdmFeedTitle {
   border-color: #ebebeb;
   background: #fff;
   font-size: 1.1em;
   font-weight: bold;
}
#headlines-frame .cdmFooter {
   border-top: 1px solid #ebebeb;
   background: #fafafa;
}

img.tinyFeedIcon {
display: none;
}

img.hlScorePic {
display: none;
}

div.cdmHeader span.hlFeed {
padding-top: 0em;
padding-right: 1em;
float: left;
width: 11em;
color: #555;
font-size: 100%;
white-space: nowrap;
overflow: hidden;
}


#ttrssMain #headlines-toolbar, #ttrssMain .dijitToolbar, #ttrssMain .cdmHeader {
overflow: hidden;
}

/* Set Line Background to White */
.odd.Selected, .odd.Selected td {
background: rgb(255, 255, 255) ! important;
}
.even.Selected, .odd.Selected td {
background: rgb(255, 255, 255) ! important;
}

/* Article Title Cell Width 50% */
.titleWrap .title {
color: #15c;
overflow: hidden;
max-width: 50%;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
padding-right: 15px;
font-size: 1.1em;
font-weight: bold;
}

/* Article Text Summary Blurb */
span.cdmExcerpt {
font-size: 12px;
overflow: hidden;
max-width: 400px;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
}

/* Line Hover Color */
#ttrssMain .cdmHeader:hover {
background-color:#F0F0F0;
}


I like the feed name on the left side beside the title like in your screenshot. But all I have is the feed name and a favicon on the very right side. How can I fix it?

amm
Bear Rating Trainee
Bear Rating Trainee
Posts: 2
Joined: 29 Mar 2013, 07:45

Re: Google Reader theme

Postby amm » 30 Mar 2013, 16:46

fox wrote:.cdm.active.Selected .cdmHeader a { font-size : 140% ! important; }


Thanks!

Che
Bear Rating Trainee
Bear Rating Trainee
Posts: 4
Joined: 17 Apr 2013, 17:21

Re: Google Reader theme

Postby Che » 17 Apr 2013, 17:22

How is it possible that the website name is written in front of the feed title as you can see in this post:

viewtopic.php?f=22&t=1287&hilit=author&start=30#p6613

wiz561
Bear Rating Trainee
Bear Rating Trainee
Posts: 2
Joined: 01 May 2013, 00:21

Re: Google Reader theme

Postby wiz561 » 01 May 2013, 00:35

Hi!

I think I might have got this to work. I pasted "TheDave1022"'s theme into the themes and currently using it. It's working OK, but two things...

- The screen shot doesn't look like The Dave's screen shot. Here's what mine looks like... It's like each article is in it's own group instead of having a cleaner look like Dave has in the screen shot.

Image

- When clicking on an article once, it auto-expands it. Clicking on it again opens the whole article up in the new tab. When clicking on it a second time, can we close auto-close it, instead of opening it in a new tab?

Thanks!

joseph-mx
Bear Rating Disaster
Bear Rating Disaster
Posts: 68
Joined: 19 Oct 2012, 05:19
Location: http://www.mxhub.com/reader/
Contact:

Re: Google Reader theme

Postby joseph-mx » 02 May 2013, 05:17

not going to install this... installing this willremind me of the google reader which i dislike it.. lol

MacDork
Bear Rating Trainee
Bear Rating Trainee
Posts: 30
Joined: 01 May 2013, 05:55

Re: Google Reader theme

Postby MacDork » 02 May 2013, 18:28

Congratulations! You've just demonstrated sound, rational behavior.

TheDave1022
Bear Rating Trainee
Bear Rating Trainee
Posts: 9
Joined: 20 Mar 2013, 22:50

Re: Google Reader theme

Postby TheDave1022 » 03 May 2013, 06:42

wiz561 wrote:Hi!

I think I might have got this to work. I pasted "TheDave1022"'s theme into the themes and currently using it. It's working OK, but two things...

- The screen shot doesn't look like The Dave's screen shot. Here's what mine looks like... It's like each article is in it's own group instead of having a cleaner look like Dave has in the screen shot.

Image

- When clicking on an article once, it auto-expands it. Clicking on it again opens the whole article up in the new tab. When clicking on it a second time, can we close auto-close it, instead of opening it in a new tab?

Thanks!


Something changed in the last one or two updates to the main code that altered the look. Havent had a chance to change it since, but i dont mind it too much with the space between.

Edit: To remove the space, just change the following code

#ttrssMain .cdm {
margin: 0px 25px 0px 5px;
border: 1px solid #ddd !important;
box-shadow: 0 0 4px rgba(0,0,0,.1);
background: #fff !important;
}

wiz561
Bear Rating Trainee
Bear Rating Trainee
Posts: 2
Joined: 01 May 2013, 00:21

Re: Google Reader theme

Postby wiz561 » 03 May 2013, 16:55

That's fantastic. It looks a lot better now (for me).

I don't want to be a nag, but I had the second question too...

- When clicking on an article once, it auto-expands it. Clicking on it again opens the whole article up in the new tab. When clicking on it a second time, can we close auto-close it, instead of opening it in a new tab?

Thanks again for the response and fix.

TheDave1022
Bear Rating Trainee
Bear Rating Trainee
Posts: 9
Joined: 20 Mar 2013, 22:50

Re: Google Reader theme

Postby TheDave1022 » 03 May 2013, 18:54

wiz561 wrote:That's fantastic. It looks a lot better now (for me).

I don't want to be a nag, but I had the second question too...

- When clicking on an article once, it auto-expands it. Clicking on it again opens the whole article up in the new tab. When clicking on it a second time, can we close auto-close it, instead of opening it in a new tab?

Thanks again for the response and fix.


I'm pretty sure that's a function of the code and cant change the behavior by css. There would be times where there wouldnt be a clickable link in the article and wouldnt be able to view the full page.

jdelamater99
Bear Rating Master
Bear Rating Master
Posts: 109
Joined: 11 Apr 2013, 17:45

Re: Google Reader theme

Postby jdelamater99 » 03 May 2013, 21:59

I think this plugin might be what you are looking for.
viewtopic.php?f=22&t=1849

TheDave1022
Bear Rating Trainee
Bear Rating Trainee
Posts: 9
Joined: 20 Mar 2013, 22:50

Re: Google Reader theme

Postby TheDave1022 » 05 May 2013, 06:26

jdelamater99 wrote:I think this plugin might be what you are looking for.
viewtopic.php?f=22&t=1849


Thanks. Been looking for this as well.

ABkeeper
Bear Rating Trainee
Bear Rating Trainee
Posts: 11
Joined: 13 Apr 2013, 00:25

Re: Google Reader theme

Postby ABkeeper » 05 May 2013, 18:48

Hi. How I can increase by 200% all the titles of headlines?

I try change init.css here:

div.cdmHeader span.hlFeed {
padding-top: 0em;
padding-right: 1em;
float: left;
width: 11em;
color: #555;
font-size: 200%;
white-space: nowrap;
overflow: hidden;
}

But nothing change...
Thanks.


Return to “Themes and plugins”

Who is online

Users browsing this forum: No registered users and 2 guests