Page 4 of 5

larger headline font size?

Posted: 29 Mar 2013, 07:55
by amm
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.

Re: Google Reader theme

Posted: 29 Mar 2013, 09:54
by fox
.cdm.active.Selected .cdmHeader a { font-size : 140% ! important; }

Re: Google Reader theme

Posted: 29 Mar 2013, 14:11
by phz
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.

Re: Google Reader theme

Posted: 30 Mar 2013, 02:16
by jinnjuice
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?

Re: Google Reader theme

Posted: 30 Mar 2013, 16:46
by amm
fox wrote:.cdm.active.Selected .cdmHeader a { font-size : 140% ! important; }


Thanks!

Re: Google Reader theme

Posted: 17 Apr 2013, 17:22
by Che
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

Re: Google Reader theme

Posted: 01 May 2013, 00:35
by wiz561
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!

Re: Google Reader theme

Posted: 02 May 2013, 05:17
by joseph-mx
not going to install this... installing this willremind me of the google reader which i dislike it.. lol

Re: Google Reader theme

Posted: 02 May 2013, 18:28
by MacDork
Congratulations! You've just demonstrated sound, rational behavior.

Re: Google Reader theme

Posted: 03 May 2013, 06:42
by TheDave1022
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;
}

Re: Google Reader theme

Posted: 03 May 2013, 16:55
by wiz561
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.

Re: Google Reader theme

Posted: 03 May 2013, 18:54
by TheDave1022
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.

Re: Google Reader theme

Posted: 03 May 2013, 21:59
by jdelamater99
I think this plugin might be what you are looking for.
viewtopic.php?f=22&t=1849

Re: Google Reader theme

Posted: 05 May 2013, 06:26
by TheDave1022
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.

Re: Google Reader theme

Posted: 05 May 2013, 18:48
by ABkeeper
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.