Another Google Reader theme (for v1.9 - 2013/07/25)

Post plugins and custom CSS snippets here
Wabmey
Bear Rating Trainee
Bear Rating Trainee
Posts: 13
Joined: 28 Mar 2013, 18:11
Location: Orleans, France

Another Google Reader theme (for v1.9 - 2013/07/25)

Postby Wabmey » 28 Mar 2013, 18:24

Hi there,

I've been using tt-rss for... well, since Google announced their Reader's incoming death. Like some other dudes, I guess.

Here is my attempt to bring back a bit of my beloved dying Greader, through tt-rss, which is by the way an awesome piece of code !
The theme works best with : enable combined mode + disable expand articles automatically.

Feel free to copy, paste, modify (and correct !) :

Last version 2013/07/25 for tt-rss v1.9

Code: Select all

body#ttrssMain {
   font-size : 12px;
   font-family: Arial,sans-serif;
}


/* Feeds */

body#ttrssMain #feedTree {
   font-family: Arial,sans-serif;
   overflow-x: hidden;
   overflow-y : auto;
}

body#ttrssMain #feedTree .dijitTreeRow, body#ttrssMain #feedTree .dijitTreeNode .dojoDndItemBefore, body#ttrssMain #feedTree .dijitTreeNode .dojoDndItemAfter {
   background-color: #fff;
   background-image: none;
   border: 0px;
   padding : 0px;
   padding-left : 7px;
   margin : 0px;
   height : 24px;
   line-height : 24px;
}


body#ttrssMain #feedTree .dijitTreeRowSelected {
   color: #F00;
   border-left : 3px solid #f00;
   padding-left : 4px;
   font-weight: bold;
}

body#ttrssMain #feedTree .dijitTreeRowHover {
   background: none repeat scroll 0% 0% rgba(243, 243, 243, 0.85);
   /*padding-left: 28px;*/
}

#feedTree .dijitTreeContent {
   overflow-x: ellipsis;
}

#feedTree .dijitTreeLabel {
   overflow-x: ellipsis;
}

#feedTree .counterNode {
   background-color: #F00;
   border-color: #F22;
   margin-right: 10px;
   margin-top: 4px;
   height: 14px;
}


/* Events */

div.cdmHeader {
   background: none repeat scroll 0% 0% rgba(243, 243, 243, 0.85);
}

div.cdmHeader > * {
   padding: 0px 10px;
   height: 36px;
   line-height: 36px;
}

div.cdmHeader a {
   font-size : 1.1em;
}

div.cdmHeader a:hover {
   font-size : 1.1em;
   color : #15c;
}

div.cdmHeader div.hlFeed {
   height: 16px;
   line-height: 16px;
   padding-top: 10px;
   padding-bottom: 10px;
}

div.cdm.expandable.Unread div.cdmHeader a.title {
   font-weight: bold;
   color: rgb(34, 34, 34);
}

div.cdm.expandable div.cdmHeader a.title {
   font-weight: normal;
   color: rgb(34, 34, 34);
}

div.cdm.Unread div.cdmHeader {
   background-color : #fff;
}

div.cdm.expanded, div.cdm.expandable {
   margin : 0px;
   border : 0px;
   border-bottom : 1px solid rgb(229, 229, 229);
   padding-left : 1px;
   box-shadow : none;
}

div.cdm.expandable.active div.cdmHeader {
   background: none repeat scroll 0% 0% rgba(243, 243, 243, 0.85);
}

div.cdm.expandable.active div.cdmHeader a.title {
   font-size : 1.4em;
   font-weight : bold;
   color : #15c;
}

div.cdm.expandable.active {
   border-bottom : 1px solid rgb(229, 229, 229);
}

div.cdm.expandable.active div.cdmHeader span.titleWrap {
   white-space: nowrap;
}

div.cdm.expandable.Selected {
   border-left : 1px solid #15c;
   padding-left : 0px;
}

div.cdmContentInner {
   line-height: 1.3;
}

div.cdmContent a, div.cdmFooter a {
   color : #15c;
}

div.cdmFooter {
   background-color : #f0f0f0;
}


/* Panels */

#content-wrap {
   border-width : 0px;
   padding-left : 2px;
}

#feeds-holder {
   border-width : 0px;
}

/* Toolbars */

#toolbar {
   background-color : #fff;
   border : 0px;
}

#main-toolbar {
   border : 0px;
   padding-top : 5px;
   padding-bottom : 5px;
}

.claro .dijitToolbar {
   padding : 0px;
   background-color : #fff;
}

.claro .dijitToolbar .dijitButton .dijitButtonNode, .claro .dijitToolbar .dijitDropDownButton .dijitButtonNode, .claro .dijitToolbar .dijitComboButton .dijitButtonNode, .claro .dijitToolbar .dijitToggleButton .dijitButtonNode, .claro .dijitToolbar .dijitComboBox .dijitButtonNode {
   background-color: #f5f5f5;
   background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
   background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
   background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
   background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
   background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
   color: #444;
   font-weight : bold;
   border: 1px solid #dcdcdc;
   border: 1px solid rgba(0,0,0,0.1);
   padding : 5px 15px 5px 15px;
}

.claro .dijitToolbar .dijitButtonHover .dijitButtonNode, .claro .dijitToolbar .dijitDropDownButtonHover .dijitButtonNode, .claro .dijitToolbar .dijitComboButtonHover .dijitButtonNode, .claro .dijitToolbar .dijitToggleButtonHover .dijitButtonNode, .claro .dijitToolbar .dijitComboBoxHover .dijitButtonNode {
   background-color:#f8f8f8;
   background-image:-webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
   background-image:-moz-linear-gradient(top,#f8f8f8,#f1f1f1);
   background-image:-ms-linear-gradient(top,#f8f8f8,#f1f1f1);
   background-image:-o-linear-gradient(top,#f8f8f8,#f1f1f1);
   background-image:linear-gradient(top,#f8f8f8,#f1f1f1);
   border:1px solid #c6c6c6;
   color:#333
}

div#headlines-toolbar {
   background-color: #fff;
   background-image: none;
   border: 0px;
   border-bottom : 1px solid rgb(229, 229, 229);
   padding-top : 5px;
   padding-bottom : 5px;
}

div#headlines-toolbar a {
   color : #333;
}
Last edited by Wabmey on 25 Jul 2013, 20:09, edited 4 times in total.

User avatar
sancho1234
Bear Rating Trainee
Bear Rating Trainee
Posts: 44
Joined: 30 Mar 2013, 04:19
Location: Hungary
Contact:

Re: Another Google Reader theme

Postby sancho1234 » 30 Mar 2013, 13:48

Fine, cool, saved. :) Thank you!!!

Wabmey
Bear Rating Trainee
Bear Rating Trainee
Posts: 13
Joined: 28 Mar 2013, 18:11
Location: Orleans, France

Re: Another Google Reader theme

Postby Wabmey » 03 Apr 2013, 15:46

Update for v1.7.6

Code: Select all

/* Feeds */

.claro .dijitTreeRow, .claro .dijitTreeNode .dojoDndItemBefore, .claro .dijitTreeNode .dojoDndItemAfter {
   background-color: #fff;
   background-image: none;
   border: 0px;
   padding : 4px;
   padding-left : 7px;
   margin : 0px;
}

.claro .dijitTreeRowSelected {
   color: #F00;
   border-left : 3px solid #f00;
   padding-left : 4px;
}

.claro .dijitTreeRowHover {
   background-color: #eee;
   padding-left: 28px;
}

.dijitTree {
   overflow: hidden;
}


/* Events */

div.cdmHeader {
   background-color : #eee;
}

div.cdmHeader a {
   font-size : 1.1em;
}

div.cdmHeader a:hover {
   font-size : 1.1em;
   color : #15c;
}

div.cdm.Unread div.cdmHeader {
   background-color : #fff;
}

div.cdm.expanded, div.cdm.expandable {
   margin : 0px;
   border : 0px;
   border-bottom : 1px solid #ccc;
   box-shadow : none;
}

div.cdm.active div.cdmHeader {
   background-color : #eee;
}

div.cdm.active div.cdmHeader a.title {
   font-size : 1.4em;
   font-weight : bold;
   color : #15c;
}

div.cdm.odd.Selected, div.cdm.even.Selected,
div.cdm.odd.Unread.Selected, div.cdm.even.Unread.Selected {
   border-left : 1px solid #15c;
}

div.cdmContent a, div.cdmFooter a {
   color : #15c;
}

div.cdmFooter {
   background-color : #f0f0f0;
}

/* Panels */

#content-wrap {
   border-width : 0px;
   padding-left : 2px;
}

#feeds-holder {
   border-width : 0px;
}

/* Toolbars */

#toolbar {
   background-color : #fff;
   border : 0px;
}

#main-toolbar {
   border : 0px;
   padding-top : 5px;
   padding-bottom : 5px;
}

.claro .dijitToolbar {
   padding : 0px;
   background-color : #fff;
}

.claro .dijitToolbar .dijitButton .dijitButtonNode, .claro .dijitToolbar .dijitDropDownButton .dijitButtonNode, .claro .dijitToolbar .dijitComboButton .dijitButtonNode, .claro .dijitToolbar .dijitToggleButton .dijitButtonNode, .claro .dijitToolbar .dijitComboBox .dijitButtonNode {
   background-color: #f5f5f5;
   background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
   background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
   background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
   background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
   background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
   color: #444;
   font-weight : bold;
   border: 1px solid #dcdcdc;
   border: 1px solid rgba(0,0,0,0.1);
   padding : 5px 15px 5px 15px;
}

.claro .dijitToolbar .dijitButtonHover .dijitButtonNode, .claro .dijitToolbar .dijitDropDownButtonHover .dijitButtonNode, .claro .dijitToolbar .dijitComboButtonHover .dijitButtonNode, .claro .dijitToolbar .dijitToggleButtonHover .dijitButtonNode, .claro .dijitToolbar .dijitComboBoxHover .dijitButtonNode {
   background-color:#f8f8f8;
   background-image:-webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
   background-image:-moz-linear-gradient(top,#f8f8f8,#f1f1f1);
   background-image:-ms-linear-gradient(top,#f8f8f8,#f1f1f1);
   background-image:-o-linear-gradient(top,#f8f8f8,#f1f1f1);
   background-image:linear-gradient(top,#f8f8f8,#f1f1f1);
   border:1px solid #c6c6c6;
   color:#333
}

div#headlines-toolbar {
   background-color: #fff;
   background-image: none;
   border: 0px;
   border-bottom : 1px solid #ccc;
   padding-top : 5px;
   padding-bottom : 5px;
}

Rundfunk
Bear Rating Trainee
Bear Rating Trainee
Posts: 10
Joined: 19 Mar 2013, 17:00

Re: Another Google Reader theme

Postby Rundfunk » 04 Apr 2013, 02:28

Can you add a screenshot? Would be nice for people to see what the theme will look like before installing :)

Wabmey
Bear Rating Trainee
Bear Rating Trainee
Posts: 13
Joined: 28 Mar 2013, 18:11
Location: Orleans, France

Re: Another Google Reader theme

Postby Wabmey » 04 Apr 2013, 02:45

Rundfunk wrote:Can you add a screenshot? Would be nice for people to see what the theme will look like before installing :)


Of course I can ! Hope you don't mind a little bit of french... :D

google_reader_theme.png
google_reader_theme.png (171.65 KiB) Viewed 12914 times

jimshoe
Bear Rating Trainee
Bear Rating Trainee
Posts: 2
Joined: 20 Sep 2012, 18:40

Re: Another Google Reader theme

Postby jimshoe » 04 Apr 2013, 07:15

I don't know if others are seeing this or not. But feeds move over to the right when I hover over them. Firefox 20 and ttrss 1.7.6
http://i.imgur.com/ELHNoqg.png

Wabmey
Bear Rating Trainee
Bear Rating Trainee
Posts: 13
Joined: 28 Mar 2013, 18:11
Location: Orleans, France

Re: Another Google Reader theme

Postby Wabmey » 04 Apr 2013, 07:21

Yes it's in my css, here :

.claro .dijitTreeRowHover {
background-color: #eee;
padding-left: 28px;
}

If you don't want it, comment or delete padding-left: 28px;

Wabmey
Bear Rating Trainee
Bear Rating Trainee
Posts: 13
Joined: 28 Mar 2013, 18:11
Location: Orleans, France

Re: Another Google Reader theme

Postby Wabmey » 04 Apr 2013, 20:21

A little update for selected events :

Code: Select all

/* Feeds */

.claro .dijitTreeRow, .claro .dijitTreeNode .dojoDndItemBefore, .claro .dijitTreeNode .dojoDndItemAfter {
   background-color: #fff;
   background-image: none;
   border: 0px;
   padding : 4px;
   padding-left : 7px;
   margin : 0px;
}

.claro .dijitTreeRowSelected {
   color: #F00;
   border-left : 3px solid #f00;
   padding-left : 4px;
}

.claro .dijitTreeRowHover {
   background-color: #eee;
   /*padding-left: 28px;*/ /*Uncomment if you wish to have a shift effect when hover*/
}

.dijitTree {
   overflow: hidden;
}


/* Events */

div.cdmHeader {
   background-color : #eee;
}

div.cdmHeader a {
   font-size : 1.1em;
}

div.cdmHeader a:hover {
   font-size : 1.1em;
   color : #15c;
}

div.cdm.Unread div.cdmHeader {
   background-color : #fff;
}

div.cdm.expanded, div.cdm.expandable {
   margin : 0px;
   border : 0px;
   border-bottom : 1px solid #ccc;
   padding-left : 1px;
   box-shadow : none;
}

div.cdm.active div.cdmHeader {
   background-color : #eee;
}

div.cdm.active div.cdmHeader a.title {
   font-size : 1.4em;
   font-weight : bold;
   color : #15c;
}

div.cdm.odd.Selected, div.cdm.even.Selected,
div.cdm.odd.Unread.Selected, div.cdm.even.Unread.Selected {
   border-left : 1px solid #15c;
   padding-left : 0px;
}

div.cdmContent a, div.cdmFooter a {
   color : #15c;
}

div.cdmFooter {
   background-color : #f0f0f0;
}

/* Panels */

#content-wrap {
   border-width : 0px;
   padding-left : 2px;
}

#feeds-holder {
   border-width : 0px;
}

/* Toolbars */

#toolbar {
   background-color : #fff;
   border : 0px;
}

#main-toolbar {
   border : 0px;
   padding-top : 5px;
   padding-bottom : 5px;
}

.claro .dijitToolbar {
   padding : 0px;
   background-color : #fff;
}

.claro .dijitToolbar .dijitButton .dijitButtonNode, .claro .dijitToolbar .dijitDropDownButton .dijitButtonNode, .claro .dijitToolbar .dijitComboButton .dijitButtonNode, .claro .dijitToolbar .dijitToggleButton .dijitButtonNode, .claro .dijitToolbar .dijitComboBox .dijitButtonNode {
   background-color: #f5f5f5;
   background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
   background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
   background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
   background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
   background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
   color: #444;
   font-weight : bold;
   border: 1px solid #dcdcdc;
   border: 1px solid rgba(0,0,0,0.1);
   padding : 5px 15px 5px 15px;
}

.claro .dijitToolbar .dijitButtonHover .dijitButtonNode, .claro .dijitToolbar .dijitDropDownButtonHover .dijitButtonNode, .claro .dijitToolbar .dijitComboButtonHover .dijitButtonNode, .claro .dijitToolbar .dijitToggleButtonHover .dijitButtonNode, .claro .dijitToolbar .dijitComboBoxHover .dijitButtonNode {
   background-color:#f8f8f8;
   background-image:-webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
   background-image:-moz-linear-gradient(top,#f8f8f8,#f1f1f1);
   background-image:-ms-linear-gradient(top,#f8f8f8,#f1f1f1);
   background-image:-o-linear-gradient(top,#f8f8f8,#f1f1f1);
   background-image:linear-gradient(top,#f8f8f8,#f1f1f1);
   border:1px solid #c6c6c6;
   color:#333
}

div#headlines-toolbar {
   background-color: #fff;
   background-image: none;
   border: 0px;
   border-bottom : 1px solid #ccc;
   padding-top : 5px;
   padding-bottom : 5px;
}

Buzz-cp
Bear Rating Trainee
Bear Rating Trainee
Posts: 6
Joined: 06 Apr 2013, 07:54

Re: Another Google Reader theme

Postby Buzz-cp » 06 Apr 2013, 08:38

Thanks for doing this theme. It looks good, but I can't scroll in my left pane (i.e. with feeds/categories--and I have a lot of them). I can provide a screenshot if you like.

Wabmey
Bear Rating Trainee
Bear Rating Trainee
Posts: 13
Joined: 28 Mar 2013, 18:11
Location: Orleans, France

Re: Another Google Reader theme

Postby Wabmey » 06 Apr 2013, 20:30

Buzz-cp wrote:Thanks for doing this theme. It looks good, but I can't scroll in my left pane (i.e. with feeds/categories--and I have a lot of them). I can provide a screenshot if you like.


Oh I see...
This :

.dijitTree {
overflow: hidden;
}

should be :

.dijitTree {
overflow-x: hidden;
}

This version should do the trick :wink: :

Code: Select all

/* Feeds */

.claro .dijitTreeRow, .claro .dijitTreeNode .dojoDndItemBefore, .claro .dijitTreeNode .dojoDndItemAfter {
   background-color: #fff;
   background-image: none;
   border: 0px;
   padding : 4px;
   padding-left : 7px;
   margin : 0px;
}

.claro .dijitTreeRowSelected {
   color: #F00;
   border-left : 3px solid #f00;
   padding-left : 4px;
}

.claro .dijitTreeRowHover {
   background-color: #eee;
   /*padding-left: 28px;*/
}

.dijitTree {
   overflow-x: hidden;
}


/* Events */

div.cdmHeader {
   background-color : #eee;
}

div.cdmHeader a {
   font-size : 1.1em;
}

div.cdmHeader a:hover {
   font-size : 1.1em;
   color : #15c;
}

div.cdm.Unread div.cdmHeader {
   background-color : #fff;
}

div.cdm.expanded, div.cdm.expandable {
   margin : 0px;
   border : 0px;
   border-bottom : 1px solid #ccc;
   padding-left : 1px;
   box-shadow : none;
}

div.cdm.active div.cdmHeader {
   background-color : #eee;
}

div.cdm.active div.cdmHeader a.title {
   font-size : 1.4em;
   font-weight : bold;
   color : #15c;
}

div.cdm.odd.Selected, div.cdm.even.Selected,
div.cdm.odd.Unread.Selected, div.cdm.even.Unread.Selected {
   border-left : 1px solid #15c;
   padding-left : 0px;
}

div.cdmContent a, div.cdmFooter a {
   color : #15c;
}

div.cdmFooter {
   background-color : #f0f0f0;
}

/* Panels */

#content-wrap {
   border-width : 0px;
   padding-left : 2px;
}

#feeds-holder {
   border-width : 0px;
}

/* Toolbars */

#toolbar {
   background-color : #fff;
   border : 0px;
}

#main-toolbar {
   border : 0px;
   padding-top : 5px;
   padding-bottom : 5px;
}

.claro .dijitToolbar {
   padding : 0px;
   background-color : #fff;
}

.claro .dijitToolbar .dijitButton .dijitButtonNode, .claro .dijitToolbar .dijitDropDownButton .dijitButtonNode, .claro .dijitToolbar .dijitComboButton .dijitButtonNode, .claro .dijitToolbar .dijitToggleButton .dijitButtonNode, .claro .dijitToolbar .dijitComboBox .dijitButtonNode {
   background-color: #f5f5f5;
   background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
   background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
   background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
   background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
   background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
   color: #444;
   font-weight : bold;
   border: 1px solid #dcdcdc;
   border: 1px solid rgba(0,0,0,0.1);
   padding : 5px 15px 5px 15px;
}

.claro .dijitToolbar .dijitButtonHover .dijitButtonNode, .claro .dijitToolbar .dijitDropDownButtonHover .dijitButtonNode, .claro .dijitToolbar .dijitComboButtonHover .dijitButtonNode, .claro .dijitToolbar .dijitToggleButtonHover .dijitButtonNode, .claro .dijitToolbar .dijitComboBoxHover .dijitButtonNode {
   background-color:#f8f8f8;
   background-image:-webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
   background-image:-moz-linear-gradient(top,#f8f8f8,#f1f1f1);
   background-image:-ms-linear-gradient(top,#f8f8f8,#f1f1f1);
   background-image:-o-linear-gradient(top,#f8f8f8,#f1f1f1);
   background-image:linear-gradient(top,#f8f8f8,#f1f1f1);
   border:1px solid #c6c6c6;
   color:#333
}

div#headlines-toolbar {
   background-color: #fff;
   background-image: none;
   border: 0px;
   border-bottom : 1px solid #ccc;
   padding-top : 5px;
   padding-bottom : 5px;
}

Buzz-cp
Bear Rating Trainee
Bear Rating Trainee
Posts: 6
Joined: 06 Apr 2013, 07:54

Re: Another Google Reader theme

Postby Buzz-cp » 06 Apr 2013, 21:45

awesome I can scroll now thanks!

Wabmey
Bear Rating Trainee
Bear Rating Trainee
Posts: 13
Joined: 28 Mar 2013, 18:11
Location: Orleans, France

Re: Another Google Reader theme

Postby Wabmey » 15 May 2013, 11:50

Update for v1.7.9

Code: Select all

body#ttrssMain {
   font-size : 12px;
}

/* Feeds */

#feedTree {
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

#feedTree .dijitTreeRow, #feedTree .dijitTreeNode .dojoDndItemBefore, #feedTree .dijitTreeNode .dojoDndItemAfter {
   background-color: #fff;
   background-image: none;
   border: 0px;
   padding : 4px;
   padding-left : 7px;
   margin : 0px;
}

#feedTree .dijitTreeRowSelected {
   color: #F00;
   border-left : 3px solid #f00;
   padding-left : 4px;
}

#feedTree .dijitTreeRowHover {
   background-color: #eee;
   /*padding-left: 28px;*/
}

#feedTree .dijitTreeContent {
   overflow-x: ellipsis;
}

#feedTree .dijitTreeLabel {
   overflow-x: ellipsis;
}

#feedTree .counterNode {
   background-color: #F00;
   border-color: #F22;
   margin-right: 10px;
   line-height: 12px;
}


/* Events */

div.cdmHeader {
   background-color : #eee;
}

div.cdmHeader a {
   font-size : 1.1em;
}

div.cdmHeader a:hover {
   font-size : 1.1em;
   color : #15c;
}

div.cdm.expandable.Unread div.cdmHeader a.title {
   font-weight: bold;
   color: black;
}

div.cdm.expandable div.cdmHeader a.title {
   font-weight: normal;
   color: black;
}

div.cdm.Unread div.cdmHeader {
   background-color : #fff;
}

div.cdm.expanded, div.cdm.expandable {
   margin : 0px;
   border : 0px;
   border-bottom : 1px solid #ccc;
   padding-left : 1px;
   box-shadow : none;
}

div.cdm.expandable.active div.cdmHeader {
   background-color : #eee;
}

div.cdm.expandable.active div.cdmHeader a.title {
   font-size : 1.4em;
   font-weight : bold;
   color : #15c;
}

div.cdm.expandable.Selected {
   border-left : 1px solid #15c;
   padding-left : 0px;
}

div.cdmContentInner {
   line-height: 1.3;
}

div.cdmContent a, div.cdmFooter a {
   color : #15c;
}

div.cdmFooter {
   background-color : #f0f0f0;
}


/* Panels */

#content-wrap {
   border-width : 0px;
   padding-left : 2px;
}

#feeds-holder {
   border-width : 0px;
}

/* Toolbars */

#toolbar {
   background-color : #fff;
   border : 0px;
}

#main-toolbar {
   border : 0px;
   padding-top : 5px;
   padding-bottom : 5px;
}

.claro .dijitToolbar {
   padding : 0px;
   background-color : #fff;
}

.claro .dijitToolbar .dijitButton .dijitButtonNode, .claro .dijitToolbar .dijitDropDownButton .dijitButtonNode, .claro .dijitToolbar .dijitComboButton .dijitButtonNode, .claro .dijitToolbar .dijitToggleButton .dijitButtonNode, .claro .dijitToolbar .dijitComboBox .dijitButtonNode {
   background-color: #f5f5f5;
   background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
   background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
   background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
   background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
   background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
   color: #444;
   font-weight : bold;
   border: 1px solid #dcdcdc;
   border: 1px solid rgba(0,0,0,0.1);
   padding : 5px 15px 5px 15px;
}

.claro .dijitToolbar .dijitButtonHover .dijitButtonNode, .claro .dijitToolbar .dijitDropDownButtonHover .dijitButtonNode, .claro .dijitToolbar .dijitComboButtonHover .dijitButtonNode, .claro .dijitToolbar .dijitToggleButtonHover .dijitButtonNode, .claro .dijitToolbar .dijitComboBoxHover .dijitButtonNode {
   background-color:#f8f8f8;
   background-image:-webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
   background-image:-moz-linear-gradient(top,#f8f8f8,#f1f1f1);
   background-image:-ms-linear-gradient(top,#f8f8f8,#f1f1f1);
   background-image:-o-linear-gradient(top,#f8f8f8,#f1f1f1);
   background-image:linear-gradient(top,#f8f8f8,#f1f1f1);
   border:1px solid #c6c6c6;
   color:#333
}

div#headlines-toolbar {
   background-color: #fff;
   background-image: none;
   border: 0px;
   border-bottom : 1px solid #ccc;
   padding-top : 5px;
   padding-bottom : 5px;
}
Last edited by Wabmey on 16 May 2013, 01:32, edited 1 time in total.

yelfathi
Bear Rating Trainee
Bear Rating Trainee
Posts: 20
Joined: 14 May 2013, 19:32

Re: Another Google Reader theme (for v1.7.9 - 2013/05/15)

Postby yelfathi » 15 May 2013, 12:20

Thanks Wabmey for this theme, just a remark, in my version the buttons like "Mark as read"/Actions are too big, is it normal if so how can I reduce the size?

Wabmey
Bear Rating Trainee
Bear Rating Trainee
Posts: 13
Joined: 28 Mar 2013, 18:11
Location: Orleans, France

Re: Another Google Reader theme (for v1.7.9 - 2013/05/15)

Postby Wabmey » 15 May 2013, 12:31

It's here :

Code: Select all

.claro .dijitToolbar .dijitButton .dijitButtonNode, .claro .dijitToolbar .dijitDropDownButton .dijitButtonNode, .claro .dijitToolbar .dijitComboButton .dijitButtonNode, .claro .dijitToolbar .dijitToggleButton .dijitButtonNode, .claro .dijitToolbar .dijitComboBox .dijitButtonNode {
   background-color: #f5f5f5;
   background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
   background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
   background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
   background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
   background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
   color: #444;
   font-weight : bold;
   border: 1px solid #dcdcdc;
   border: 1px solid rgba(0,0,0,0.1);
   padding : 5px 15px 5px 15px;
}


You can reduce padding to fit your needs (let's say from 5 to 2 or 1px, and from 15 to 5px ?). :wink:

yelfathi
Bear Rating Trainee
Bear Rating Trainee
Posts: 20
Joined: 14 May 2013, 19:32

Re: Another Google Reader theme (for v1.7.9 - 2013/05/15)

Postby yelfathi » 15 May 2013, 12:48

Great, thanks again. Other question how can I have a pocket button like we have in google reader (chrome extension), I saw a plugin that inserts a star button, I guess we have to program such a plugin or can it be inserted in a theme?


Return to “Themes and plugins”

Who is online

Users browsing this forum: No registered users and 2 guests