basic functionality pass 11

[tt-rss.git] / tt-rss.css

body {
	background : white;
	color : black;
	margin : 0px;
	padding : 0px;
}

h1 {
	font-size : 16pt;	
}

h2 {
	font-size : 14pt;
	font-color : bold;
	border-width : 0px 0px 1px 0px;
	border-style : solid;
	border-color : #e0e0e0;
}

hr {
	border-width : 0px 0px 1px 0px;
	border-style : dashed;
	border-color : #e0e0e0;
}

a {
	color : black;
	text-decoration : none;
}

a:hover {
	color : #5050aa;
}

table.feedOverview {
	margin : 5px;
	border : 1px solid #c0c0c0;
	background : #f0f0f0;
	-moz-border-radius : 5px;
	padding : 5px;
	font-size : small;
}

td.headlineToolbar {
	padding-top : 10px;
}

table.feeds td.footer {
	font-weight : bold;
	border-width : 1px 0px 0px 0px;
	border-color : #d0d0d0;
	border-style : solid;
	text-align : right;
	font-size : small;
}

table.headlines td.search {
	font-size : small;
/*	border-width : 0px 0px 1px 0px;
	border-color : #d0d0d0;
	border-style : solid;
	padding-bottom : 3px; */
}

table.headlines td.title {
	font-weight : bold;
	font-size : large;
	border-width : 0px 0px 1px 0px;
	border-color : #d0d0d0;
	border-style : solid;
	text-align : right;
	padding-bottom : 3px;
}

table.headlines td.headlineUpdated {
	width : 200px;

}

input {
	border : 1px solid #a0a0a0;
}

table.main td.toolbar {
	height : 40px;
	background-color : #f0f0f0;
	/* background-image : url("shadow_top.png");
	background-position : bottom left;
	background-repeat : repeat-x; */
	padding-right : 10px;
	padding-left : 10px;
	font-size : small;
}

#notify {
	font-weight : bold;
	border : 1px solid #c0c0c0;
	font-size : small;
	display : none;
	background : white;
	-moz-border-radius : 5px;
	padding : 3px 10px 3px 10px;
	width : 300px;
}

table.main td.header {
	font-size : 21pt;
	background-color : #f0f0f0;
	background-image : url("header.png");
	background-position : top left;
	background-repeat : repeat-x;
	height : 50px;
	padding-left : 80px;
	padding-top : 30px;
	font-weight : bold;
	color : black;
}

table.main td.feeds {
	width : 250px;
	border-width : 1px 1px 0px 0px;
	border-color : #c0c0c0;
	border-style : solid;
	padding : 10px;
}

table.main td.headlines {
	height : 25%;
	padding : 10px;
	border-width : 1px 0px 0px 0px;
	border-color : #c0c0c0;
	border-style : solid;
	overflow : scroll;
}

table.main td.prefContent {
	padding : 10px;
	border-width : 1px 0px 0px 0px;
	border-color : #c0c0c0;
	border-style : solid;
}

table.main td.content {
	padding : 10px;
	border-width : 1px 0px 0px 0px;
	border-color : #c0c0c0;
	border-style : solid;
}

td.content a {
	color : #5050aa;
	text-decoration : none;
}

/*
td.content a:hover {
	text-decoration : underline;
} */

table.main td.notify {
	height : 40px;
	border-width : 1px 0px 0px 0px;
	border-color : #c0c0c0;
	border-style : solid;
	font-size : x-small;
	text-align : center;
	color : gray;
	background-color : #f0f0f0;
	background-image : url("header_rev.png");
	background-position : top left;
	background-repeat : repeat-x;

}

.even {
	background-color : #f0f0f0;
}

.evenUnread {
	background-color : #f0f0f0;
	font-weight : bold;
}

.oddUnread {
	font-weight : bold;
}

li {
	list-style-type : none;

}

ul {
	margin : 0px;
	padding : 0px;
	border : 1px solid #f0f0f0;
}

.invisible {
	display : none;
}

table.prefAddFeed td {
	padding : 2px;
}

table.prefAddFeed input {
	width : 250px;
}

table.prefAddFeed {
	background : #f0f0f0;
	border : 1px solid #c0c0c0;
	padding : 10px;
	-moz-border-radius : 5px;
}

table.prefFeedList tr.title td {
	font-weight : bold;
	border-width : 0px 0px 1px 0px;
	border-color : #f0f0f0;
	border-style : solid;
}

.evenSelected {
	background-color : #c0c0c0;
}

.oddSelected {
	background-color : #c0c0c0;
}

a.button {
	border : 1px solid #d0d0d0;
	background-image : url("button.png");
	background-position : top;
	background-repeat : repeat-x;
	background-color : white;
	color : black;	
	padding : 2px 10px 2px 10px;
	font-size : small;
}

a.button:hover {
	background : white;
	text-decoration : none;
	color : black;
}

a.buttonWarn {
	border : 1px solid #d0d0d0;
	background-image : url("button.png");
	background-position : top;
	background-repeat : repeat-x;
	background-color : white;
	color : black;	
	padding : 2px 10px 2px 10px;
	font-size : small;
}

a.buttonWarn:hover {
	background : #fff0f0;
	text-decoration : none;
	color : black;
}