ttrss/themes/graycube/theme.css

body {
	background : #f6f6f6;
}

h3 {
	border-color : #999999;
}

a:hover {
	color : gray;
}

div.cdmArticle {
	border-color : #999999;
	background : #f9f9f9;
}

div.cdmArticle.Unread {
	border-color : #999999;
	background : white;
}

div.cdmArticle.Unread div.cdmHeader {
	background : transparent;
	background-repeat : repeat-x;
}


div.cdmArticle.Selected, div.cdmArticle.Unread.Selected {
	border-color : #999999;
	background : #ffcccc;
}

div.cdmArticle.Unread div.cdmHeader a.title, 
div.cdmArticle.Unread.Selected div.cdmHeader a.title {
	color : black;
}

div.cdmHeader a:hover {
	color : black;
}

.notify {
	border-color : #999;
	background-color : #f9f9f9;
	color : black;
	-moz-border-radius : 0px;
}

div.notice {
	background : #f9f9f9;
	border : 1px solid #999999;
}

div.warning {
	background : #ffcccc;
	border : 1px solid #ff0000;
}


ul.userFeedList, ul.browseFeedList, ul.labelTestResults {
	border : 1px solid #999999;
}

div.postReply {
	padding : 0px;
	margin : 0px;
	font-size : medium;
}

div.postReply a {
	color : black;
}

div.postReply a:hover {
	color : gray;
}

div.postReply div.postHeader {
	background : #f9f9f9;
	border-style : solid;
	border-color : #999999;
	border-width : 0px 0px 1px 0px;
	margin : 0px;
}

div.postReply > div.postHeader {
	padding : 5px;
}

.even.Unread.Selected, .even.Selected.Unread, .even.Unread.Selected td,
	.even.Selected.Unread td {
	background-color : #ffcccc;
	font-weight : bold;
	border-color : #ebebeb;
}

.odd.Unread.Selected, .odd.Selected.Unread, .odd.Unread.Selected td,
	.odd.Selected.Unread td {
	background-color : #ffcccc;
	font-weight : bold;
	border-color : #ebebeb;

}

.even.Selected, .even.Selected td {
	background-color : #ffcccc;
	border-color : #ebebeb;
}

.odd.Selected, .odd.Selected td {
	background-color : #ffcccc;
	border-color : #ebebeb;
}

.evenGrayed, .evenGrayed td {
	background-color : #f9f9f9;
	color : gray;
	border-color : #ebebeb;
}

.oddGrayed, .oddGrayed td {
	border-color : #ebebeb;
}

.oddGrayed {
	color : gray;
	background-color : #f9f9f9;
}

.even, .even td {
  	border-color : #ebebeb;
	background-color : #f9f9f9;
}

.odd, .odd td {
	background-color : #f9f9f9;
	border-color : #ebebeb;
}

.even.Unread, .even.Unread td {
	background-color : white;
	font-weight : bold;
	border-color : #ebebeb;
}

.odd.Unread, .odd.Unread td {
	font-weight : bold;
	border-color : #ebebeb;
}

ul.feedList {
	list-style-type : none;
	padding : 0px 0px 0px 5px;
	font-size : 9pt;
}

ul.feedList hr {
	border-width : 0px;
}

ul.feedList li.feedCat {
	margin : 0px;
	padding : 1px 0px 1px 0px;
	color : #707070;
	font-size : 9pt;
}

ul.feedList li.feedCat span.catTitle:hover {
	color : black;
}

ul.feedCatList {
	list-style-type : none;
	margin : 0px 0px 0px 15px;
	padding : 0px;  
}

ul.feedCatList li {
	margin : 0px;
	padding : 1px 0px 1px 0px;
	color : black;
}

ul.feedList img {
	vertical-align : bottom;
}

ul.feedList li {
	margin : 0px;
	padding : 2px 0px 2px 0px;
}

ul.feedList span.feedlink:hover {
	color : gray;
}

li.feed.Selected span.feedlink,
li.label.Selected span.feedlink,
li.virt.Selected span.feedlink,
li.tag.Selected span.feedlink {
	color : gray;
}

li.feed.Unread.Selected span.feedlink,
li.label.Unread.Selected span.feedlink,
li.virt.Unread.Selected span.feedlink,
li.tag.Unread.Selected span.feedlink {
	color : gray;
}

div.prefFeedCatHolder {
	border : 1px solid #999999;
}

table.prefFeedList td.feedEditCat {
	border-color : #999999;
}

table.prefFilterList td.filterEditCat {
	border-color : #999999;
}

tr.title td {
	color : gray;
	font-weight : bold;
}

tr.title td a {
	color : gray;
}

tr.title td a:hover {
	color : black;
}

span.contentPreview:hover {
	color : gray;
}

#dispSwitch a:hover {
	color : black;
}

#infoBoxTitle {
	border-width : 0px 0px 1px 0px;
	border-style : solid;
	border-color : #999999;
	background : #ffcccc;
	color : black;
	text-shadow : #ffffff 0px 1px 0px;
}


#infoBox {	
	border-width : 1px 1px 1px 1px;
	border-style : solid;
	border-color : #999999;
	position : relative;
	bottom : 2px;
	right : 2px;
	padding-bottom : 5px;	
	background : #efefef;
}

div.infoBoxContents a {
	color : gray;
}

div.infoBoxContents a:hover {
	color : black;
}

#header {
	position : absolute;
	white-space: nowrap;
	top : 10px;
	left : 25px;
	right : 20px;
	height : 40px;
	color : gray;
}

#feeds-holder {
	border-width : 1px 1px 1px 1px;
	border-style : solid;
	border-color : #c0c0c0;
	top : 50px;
	left : 20px;
	position : absolute;
	width : 240px;
	overflow : auto;
	bottom : 30px;
	border-collapse : collapse;
	background : #f9f9f9;
}

#toolbar div.actionChooser {
	margin-right : 0px;
}

#toolbar {
	position : absolute;
	left : 280px;
	padding : 0px 20px 10px 0px;
	top : 50px;
	right : 0px;
	white-space: nowrap;
	height : 30px;
	background-image : url("images/toolbar.png");
	background-position : bottom left;
	background-repeat : repeat-x;
}

div.headlines_normal {
	position : absolute;
	border-width : 1px 1px 1px 1px;
	border-style : solid;
	border-color : #999999;
	left : 280px;
	height : 305px;
	top : 85px;
	right : 20px;
	overflow : hidden;
	background : white;
	border-collapse : collapse;
}

div.headlines_cdm {
	position : absolute;
	border-width : 1px 1px 1px 1px;
	border-style : solid;
	border-color : #999;
	left : 280px;
	bottom : 30px;
	top : 85px;
	right : 20px;
	overflow : hidden;
	background : white;
	border-collapse : collapse;
}

#content-frame {
	position : absolute;
	border-width : 1px 1px 1px 1px;
	border-style : solid;
	border-color : #999999;
	background : white;
	overflow : auto;
	top : 410px;
	left : 280px;
	bottom : 30px;
	right : 20px;
	border-collapse : collapse;
}

#footer, #prefFooter {
	vertical-align : middle;
	display : block;
	position : absolute;
	bottom : 5px;
	text-align : center;
	color : gray;
	right : 0px;
	left : 0px;
	padding : 0px;
	border-width : 0px;
	background : #f6f6f6;
}

#footer a {
	color : gray;
}

#headlinesContainer {
	margin-left : 0px;
	background-color : white;
}

#headlineActionsTop {
/*	border-width : 0px 0px 1px 0px;
	border-style : solid;
	border-color : #c0c0c0;
	background-color : #fafafa; */
}

#headlinesInnerContainer {
	overflow : auto;
	position : absolute;
	left : 1px;
	right : 0px;
	bottom : 0px;
	top : 25px; 
}

div.firstTab {
	width : 20px;
	float : left;
}

div.prefsTab {
	border-color : #999999;
}

div.prefsTab.Selected {
	border-color : #999999;
	background : white;
}

/* preferences layout */

#prefHeader {
	margin : 10px 10px 10px 25px;
	color : gray;
}

div.return {
	float : right;
	margin-right : 10px;
}

div.return a {
	color : black;
}

div.return a:hover {
	color : gray;
}

#prefContentOuter {
	clear : left;
	position : absolute;
	bottom : 30px;
	top : 75px;
	overflow : auto;
	left : 10px;
	right : 10px;
	padding : 1em;
	margin : 0px;
	background : white;
	border-width : 1px 1px 1px 1px;
	border-color : #999999;
	border-style : solid;
}

#prefContent {
	background : white;

}

.insensitive a {
	color : gray;
	text-decoration : underline;
}

.insensitive a:hover {
	color : black;
}

div.topLinks a {
	color : black;
}

div.topLinks a:hover {
	color : gray;
}

a.visibleLink {
	color : gray;
}

table.prefFilterList tr.even:hover td, 
table.prefFilterList tr.odd:hover td,
table.prefFilterList tr.even.Selected:hover td, 
table.prefFilterList tr.odd.Selected:hover td 
table.prefLabelList tr.even:hover td, 
table.prefLabelList tr.odd:hover td,
table.prefLabelList tr.even.Selected:hover td, 
table.prefLabelList tr.odd.Selected:hover td,
table.prefUserList tr.even:hover td, 
table.prefUserList tr.odd:hover td,
table.prefUserList tr.even.Selected:hover td, 
table.prefUserList tr.odd.Selected:hover td,
table.prefFeedList tr.even:hover td, 
table.prefFeedList tr.odd:hover td,
table.prefFeedList tr.even.Selected:hover td, 
table.prefFeedList tr.odd.Selected:hover td
{
	color : gray;
}

table.headlinesList tr.feedTitle td a, div.cdmFeedTitle a {
	color : gray;
}

table.headlinesList tr.feedTitle td {
	background : #efefef;
}

div.cdmFeedTitle {
	background : #efefef;
}

div.tagCloudContainer {
	border : 1px solid #999999;
}

#resize-grabber {
	border-color : gray;
	background : url("images/resize_horiz.png") top left;
}

table.prefPrefsList tr:hover td.prefValue {
	color : gray;
}

table.prefPrefsList tr:hover td.prefValue input {
	color : gray;
}

ul#headlineActionsBody li:hover {
	color : black;
	background : #ffcccc;
}

span#headlineActionsDrop {
	background : #f0f0f0;
	color : black;
}