mirror of
				https://git.tt-rss.org/fox/tt-rss.git
				synced 2025-10-31 03:40:59 +01:00 
			
		
		
		
	
		
			
				
	
	
		
			1294 lines
		
	
	
		
			20 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
			
		
		
	
	
			1294 lines
		
	
	
		
			20 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
| body {
 | |
| 	background : white;
 | |
| 	color : black;
 | |
| 	margin : 0px;
 | |
| 	padding : 0px;
 | |
| 	font-family : sans-serif;
 | |
| }
 | |
| 
 | |
| blockquote {
 | |
| 	margin : 5px;
 | |
| 	border-width : 0px 0px 0px 4px;
 | |
| 	border-color : #f0f0f0;
 | |
| 	border-style : solid;
 | |
| 	padding : 2px 0px 2px 5px;
 | |
| }
 | |
| 
 | |
| div.postReply {
 | |
| 	padding : 10px;
 | |
| 	font-size : medium;
 | |
| }
 | |
| 
 | |
| div.postReply a {
 | |
| 	color : #4684ff;
 | |
| }
 | |
| 
 | |
| div.postReply a:hover {
 | |
| 	color : black;
 | |
| }
 | |
| 
 | |
| div.postReply div.postHeader {
 | |
| 	background : #ecf4ff;
 | |
| 	border : 1px solid #88b0f0;
 | |
| }
 | |
| 
 | |
| div.postReply > div.postHeader {
 | |
| 	padding : 5px;
 | |
| }
 | |
| 
 | |
| div.postReply div.postContent {
 | |
| 	padding : 10px;
 | |
| }
 | |
| 
 | |
| div.postReply div.postIcon {
 | |
| 	float : right;
 | |
| 	border : 0px;
 | |
| 	margin : 10px 0px 10px 10px;
 | |
| }
 | |
| 
 | |
| ul.feedList {
 | |
| 	list-style-type : none;
 | |
| 	margin : 5px;
 | |
| 	padding : 0px 0px 0px 5px;
 | |
| 	font-size : small;
 | |
| 	white-space : nowrap;
 | |
| }
 | |
| 
 | |
| ul.feedList li.feedCat {
 | |
| 	margin : 0px;
 | |
| 	padding : 3px 0px 3px 0px;
 | |
| 	color : #707070;
 | |
| 	font-size : small;
 | |
| }
 | |
| 
 | |
| ul.feedList li.feedCat a {
 | |
| 	color : #707070;
 | |
| }
 | |
| 
 | |
| ul.feedList li.feedCat a:hover {
 | |
| 	color : #4684ff;
 | |
| }
 | |
| 
 | |
| ul.feedCatList {
 | |
| 	list-style-type : none;
 | |
| 	margin : 0px 0px 0px 15px;
 | |
| 	padding : 0px;  
 | |
| }
 | |
| 
 | |
| ul.feedCatList li {
 | |
| 	margin : 0px;
 | |
| 	padding : 0px 0px 0px 0px;
 | |
| 	color : black;
 | |
| }
 | |
| 
 | |
| ul.feedList li {
 | |
| 	margin : 0px;
 | |
| 	font-size : small;
 | |
| }
 | |
| 
 | |
| li.feedUnread, 
 | |
| li.errorUnread, 
 | |
| li.labelUnread, 
 | |
| li.virtUnread,
 | |
| li.tagUnread {
 | |
| 	font-weight : bold;
 | |
| }
 | |
| 
 | |
| li.errorSelected a,
 | |
| li.error a,
 | |
| li.errorUnread a,
 | |
| li.errorUnreadSelected a {
 | |
| 	color : #f04040;
 | |
| }
 | |
| 
 | |
| li.feedSelected a,
 | |
| li.labelSelected a,
 | |
| li.virtSelected a,
 | |
| li.tagSelected a {
 | |
| 	color : #4684ff;
 | |
| }
 | |
| 
 | |
| li.feedUnreadSelected a,
 | |
| li.labelUnreadSelected a,
 | |
| li.virtUnreadSelected a,
 | |
| li.tagUnreadSelected a {
 | |
| 	color : #4684ff;
 | |
| }
 | |
| 
 | |
| li.feedUnreadSelected,
 | |
| li.errorUnreadSelected,
 | |
| li.labelUnreadSelected,
 | |
| li.virtUnreadSelected,
 | |
| li.tagUnreadSelected {
 | |
| 	font-weight : bold;
 | |
| }
 | |
| 
 | |
| li.feed {
 | |
| 	display : block;
 | |
| }
 | |
| 
 | |
| ul.feedList img, img.tinyFeedIcon {
 | |
| 	margin : 0px 3px 0px 0px;
 | |
| 	width : 16px;
 | |
| 	height : 16px;
 | |
| 	border-width : 0px;
 | |
| }
 | |
| 
 | |
| h1 {
 | |
| 	font-size : 16pt;       
 | |
| }
 | |
| 
 | |
| h2 {
 | |
| 	font-size : 14pt;
 | |
| 	font-weight : bold;
 | |
| 	border-width : 0px 0px 1px 0px;
 | |
| 	border-style : solid;
 | |
| 	border-color : #ecf4ff;
 | |
| }
 | |
| 
 | |
| h3 {
 | |
| 	font-size : 12pt;
 | |
| 	font-weight : bold;
 | |
| 	border-width : 0px 0px 1px 0px;
 | |
| 	border-style : solid;
 | |
| 	border-color : #ecf4ff;
 | |
| }
 | |
| 
 | |
| hr {
 | |
| 	border-width : 0px 0px 1px 0px;
 | |
| 	border-style : dashed;
 | |
| 	border-color : #e0e0e0;
 | |
| }
 | |
| 
 | |
| a {
 | |
| 	color : black;
 | |
| 	text-decoration : none;
 | |
| }
 | |
| 
 | |
| a:hover {
 | |
| 	color : #4684ff;
 | |
| }
 | |
| 
 | |
| #piggie {
 | |
| 	width : 400;
 | |
| 	height : 400;
 | |
| 	right : 0;
 | |
| 	top : -400;
 | |
| 	background-color : white;
 | |
| 	display : none;
 | |
| 	z-index : 999;
 | |
| 	background-image : url("images/piggie.png");
 | |
| 	background-position : center center;
 | |
| 	background-repeat : no-repeat;
 | |
| 	position : absolute;
 | |
| 	border : 1px solid pink;        
 | |
| 	margin-left : auto;
 | |
| 	margin-right : auto;
 | |
| 	-moz-border-radius : 10px;
 | |
| 	opacity : 0.8;
 | |
| }
 | |
| 
 | |
| #iedit_title, #iedit_link, #iedit_regexp, #iedit_descr, #iedit_expr, #iedit_updintl,
 | |
| #iedit_purgintl, #iedit_ulogin, #iedit_ulevel, #iedit_match, #iedit_feed,
 | |
| #iedit_fcat, #iedit_filter_action, #iedit_login, #iedit_pass, #iedit_email,
 | |
| #iedit_parent_feed {
 | |
| 	width : 100%;
 | |
| 	padding-left : 2px;
 | |
| 	background-color : #f0fff0;
 | |
| }
 | |
| 
 | |
| textarea.iedit {
 | |
| 	width : 100%;
 | |
| }
 | |
| 
 | |
| input.iedit {
 | |
| 	width : 100%;
 | |
| 	padding-left : 2px;
 | |
| }
 | |
| 
 | |
| select.iedit {
 | |
| 	width : 100%;
 | |
| }
 | |
| 
 | |
| input.editbox {
 | |
| 	width : 200px;
 | |
| 	padding-left : 2px;
 | |
| }
 | |
| 
 | |
| #notify {
 | |
| 	border-width : 1px;
 | |
| 	border-style : solid;
 | |
| 	top : 10px;
 | |
| 	right : 35%;
 | |
| 	min-width : 30%;
 | |
| 	position : absolute;	
 | |
| 	display : none;
 | |
| 	float : right;
 | |
| 	font-size : small;
 | |
| 	text-align : center;
 | |
| 	z-index : 999;
 | |
| 	-moz-border-radius : 2px;
 | |
| 	padding : 5px 5px 5px 5px;
 | |
| }
 | |
| 
 | |
| .notify {
 | |
| 	border-color : #d7c47a;
 | |
| 	background-color : #fff7d5;
 | |
| 	color : black;
 | |
| }
 | |
| 
 | |
| .notifyError {
 | |
| 	background-color : #ffcccc;
 | |
| 	border-color : #ff0000;
 | |
| 	color : black;
 | |
| }
 | |
| 
 | |
| #dispSwitch {
 | |
| 	font-size : x-small;
 | |
| 	text-align : right;
 | |
| 	float : right;
 | |
| 	margin : 5px 5px 0px 0px;
 | |
| }
 | |
| 
 | |
| #dispSwitch a {
 | |
| 	color : gray;
 | |
| }
 | |
| 
 | |
| #dispSwitch a:hover {
 | |
| 	color : #4684ff;
 | |
| }
 | |
| 
 | |
| div.expPane {
 | |
| 	margin : 15px;
 | |
| }
 | |
| 
 | |
| iframe {
 | |
| 	border : 0px solid white;
 | |
| }
 | |
| 
 | |
| iframe.feedsFrameWithActions {
 | |
| 	width : 100%;
 | |
| 	height : 90%;
 | |
| 	margin : 0px;
 | |
| 	padding : 0px;
 | |
| }
 | |
| 
 | |
| iframe.feedsFrame {
 | |
| 	width : 100%;
 | |
| 	height : 100%;
 | |
| 	margin : 0px;
 | |
| 	padding : 0px;
 | |
| }
 | |
| 
 | |
| iframe.contentFrame, iframe.headlinesFrame {
 | |
| 	width : 100%;
 | |
| 	padding : 0px;
 | |
| 	margin : 0px;
 | |
| 	height : 100%;
 | |
| }
 | |
| 
 | |
| /*.button {
 | |
| 	border : 1px solid #d0d0d0;
 | |
| 	background-image : url("images/button.png");
 | |
| 	background-position : top;
 | |
| 	background-repeat : repeat-x;
 | |
| 	background-color : white;
 | |
| 	color : black;  
 | |
| }
 | |
| 
 | |
| .button:hover {
 | |
| 	background : white;
 | |
| 	text-decoration : none;
 | |
| 	color : black;
 | |
| }
 | |
| 
 | |
| .disabledButton {
 | |
| 	border : 1px solid #c0c0c0;
 | |
| 	background-color : white;
 | |
| 	color : gray;   
 | |
| }
 | |
| 
 | |
| a.button {
 | |
| 	padding : 2px 5px 2px 5px;
 | |
| 	font-size : small;
 | |
| } */
 | |
| 
 | |
| .evenUnreadSelected, .evenSelectedUnread, .evenUnreadSelected td,
 | |
| 	.evenSelectedUnread td {
 | |
| 	background-color : #fff7d5;
 | |
| 	font-weight : bold;
 | |
| 		  border-width : 1px 0px 1px 0px;
 | |
| 		  border-style : solid;
 | |
| 		  border-color : #e7d796;
 | |
| }
 | |
| 
 | |
| .oddUnreadSelected, .oddSelectedUnread, .oddUnreadSelected td,
 | |
| 	.oddSelectedUnread td {
 | |
| 	background-color : #fff7d5;
 | |
| 	font-weight : bold;
 | |
| }
 | |
| 
 | |
| .evenSelected, .evenSelected td {
 | |
| 	background-color : #fff7d5;
 | |
| 		  border-width : 1px 0px 1px 0px;
 | |
| 		  border-style : solid;
 | |
| 		  border-color : #e7d796;
 | |
| }
 | |
| 
 | |
| .oddSelected, .evenSelected td {
 | |
| 	background-color : #fff7d5;
 | |
| }
 | |
| 
 | |
| .evenGrayed, .evenGrayed td {
 | |
| 	background-color : #f0f0f0;
 | |
| 	color : #909090;
 | |
| 		  border-width : 1px 0px 1px 0px;
 | |
| 		  border-style : solid;
 | |
| 		  border-color : #c0c0c0;
 | |
| }
 | |
| 
 | |
| .oddGrayed {
 | |
| 	color : #909090;
 | |
| }
 | |
| 
 | |
| .even, .even td {
 | |
| 		  border-width : 1px 0px 1px 0px;
 | |
| 		  border-style : solid;
 | |
| 		  border-color : #c0c0c0;
 | |
| 	background-color : #f0f0f0;
 | |
| }
 | |
| 
 | |
| .evenUnread, .evenUnread td {
 | |
| 	background-color : #f0f0f0;
 | |
| 	font-weight : bold;
 | |
| 		  border-width : 1px 0px 1px 0px;
 | |
| 		  border-style : solid;
 | |
| 		  border-color : #c0c0c0;
 | |
| }
 | |
| 
 | |
| .oddUnread, .oddUnread td {
 | |
| 	font-weight : bold;
 | |
| }
 | |
| 
 | |
| .invisible {
 | |
| 	display : none;
 | |
| }
 | |
| 
 | |
| /* preferences */
 | |
| 
 | |
| tr.title td {
 | |
| 	border-width : 0px 0px 1px 0px;
 | |
| 	border-color : #ecf4ff;
 | |
| 	border-style : solid;
 | |
| 	font-size : small;
 | |
| 	color : #4684ff;
 | |
| }
 | |
| 
 | |
| tr.title td a {
 | |
| 	color : #4684ff;
 | |
| }
 | |
| 
 | |
| tr.title td a:hover {
 | |
| 	color : black;
 | |
| }
 | |
| 
 | |
| div.feedEditSearch {
 | |
| 	float : right;
 | |
| }
 | |
| 
 | |
| table.prefFeedList td.feedEditCat {
 | |
| 	font-weight : bold;
 | |
| 	border-width : 0px 0px 1px 0px;
 | |
| 	border-style : solid;
 | |
| 	border-color : #88b0f0;
 | |
| 	padding-top : 0.5em;
 | |
| }
 | |
| 
 | |
| table.prefFeedList td.feedIcon {
 | |
| 	text-align : center;
 | |
| }
 | |
| 
 | |
| table.prefFeedList td.feedSelect {
 | |
| 	text-align : center;
 | |
| }
 | |
| 
 | |
| a.helpLink {
 | |
| 	color : #808080;
 | |
| }
 | |
| 
 | |
| a.helpLink:hover {
 | |
| 	color : #4684ff;
 | |
| }
 | |
| 
 | |
| div.helpResponse {
 | |
| 	margin : 10px;
 | |
| 	background-image : url("images/vgrad_light_rev2.png");
 | |
| 	background-position : top left;
 | |
| 	background-repeat : repeat-x;
 | |
| 	padding : 10px 20px 10px 20px;
 | |
| 	border : 1px solid #f0f0f0;
 | |
| }
 | |
| 
 | |
| #infoBoxTitle {
 | |
| 	border-width : 1px 1px 1px 1px;
 | |
| 	border-style : solid;
 | |
| 	border-color : #88b0f0;
 | |
| 	background-color : #88b0f0;
 | |
| 	padding : 2px;
 | |
| 	color : white;
 | |
| }
 | |
| 
 | |
| 
 | |
| #infoBox {	
 | |
| 	border-width : 1px 1px 1px 1px;
 | |
| 	border-style : solid;
 | |
| 	border-color : #88b0f0;
 | |
| 	font-size : small;
 | |
| 	position : relative;
 | |
| 	bottom : 2px;
 | |
| 	right : 2px;
 | |
| 	padding-bottom : 5px;	
 | |
| 	background-image : url("images/prefs-content.png");
 | |
| 	background-position : top left;
 | |
| 	background-repeat : repeat-x;
 | |
| 	background-color : white;
 | |
| }
 | |
| 
 | |
| #infoBoxShadow {
 | |
| 	background-image : url("images/shadow.png");
 | |
| 	left : 30%;
 | |
| 	top : 30%;
 | |
| 	width : 30%;
 | |
| 	z-index : 3;
 | |
| 	position : absolute;
 | |
| 	display : none;
 | |
| }
 | |
| 
 | |
| div.infoBoxContents {
 | |
| 	padding : 5px;
 | |
| 	margin-bottom : 5px;
 | |
| }
 | |
| 
 | |
| div.infoBoxContents td {
 | |
| 	font-size : small;
 | |
| }
 | |
| 
 | |
| div.helpResponse h1, div.infoBoxContents h1 {
 | |
| /*        border-width : 0px 0px 1px 0px;
 | |
| 	border-style : solid;
 | |
| 	border-color : #c0c0c0; */
 | |
| 	font-size : 16pt;
 | |
| }
 | |
| 
 | |
| div.helpResponse h2, div.infoBoxContents h2 {
 | |
| /*        border-width : 0px 0px 0px 0px; */
 | |
| 	font-size : 12pt;
 | |
| }
 | |
| 
 | |
| pre {
 | |
| 	margin : 5px;
 | |
| }
 | |
| 
 | |
| input.extSearch {
 | |
| 	width : 100%;
 | |
| }
 | |
| 
 | |
| div.firstTab {
 | |
| 	width : 10px;
 | |
| 	float : left;
 | |
| }
 | |
| 
 | |
| div.prefsTab:hover {
 | |
| 	cursor : pointer;
 | |
| }
 | |
| 
 | |
| div.prefsTabSelected:hover {
 | |
| 	cursor : pointer;
 | |
| }
 | |
| 
 | |
| div.prefsTab {
 | |
| 	float : left;
 | |
| 	border-width : 1px 1px 0px 1px;
 | |
| 	border-color : #88b0f0;
 | |
| 	border-style : solid;
 | |
| 	margin : 0px 0px 0px 5px;
 | |
| 	padding : 3px 5px 3px 5px;
 | |
| 	font-size : small;
 | |
| 	position : relative;
 | |
| 	border-collapse : collapse;
 | |
| 	-moz-border-radius : 3px;
 | |
| 	min-width : 100px;
 | |
| 	text-align : center;
 | |
| }
 | |
| 
 | |
| div.prefsTabSelected {
 | |
| 	float : left;
 | |
| 	border-width : 1px 1px 0px 1px;
 | |
| 	border-color : #88b0f0;
 | |
| 	border-style : solid;
 | |
| 	margin : 0px 0px 0px 5px;
 | |
| 	padding : 3px 5px 3px 5px;
 | |
| 	background-color : #ecf4ff;
 | |
| 	font-size : small;
 | |
| 	position : relative;
 | |
| 	border-collapse : collapse;
 | |
| 	-moz-border-radius : 3px;
 | |
| 	font-weight : bold;
 | |
| 	min-width : 100px;
 | |
| 	text-align : center;
 | |
| }
 | |
| 
 | |
| div.warning {
 | |
| 	background : #fff7d5;
 | |
| 	border : 1px solid #d7c47a;
 | |
| 	padding : 5px;
 | |
| 	margin : 5px;
 | |
| 	font-size : small;
 | |
| }
 | |
| 
 | |
| div.notice {
 | |
| 	background : #ffffff;
 | |
| 	border : 1px solid #88b0f0;
 | |
| 	padding : 5px;
 | |
| 	margin : 5px;
 | |
| 	font-size : small;
 | |
| }
 | |
| 
 | |
| ul.nomarks {
 | |
| 	list-style-type : none;
 | |
| 	margin : 0px;
 | |
| 	padding : 10px; 
 | |
| }
 | |
| 
 | |
| div.bigErrorMsg {
 | |
| 	border : 1px solid #c0c0c0;
 | |
| 	background : #fff0f0;
 | |
| 	padding : 30px;
 | |
| 	margin : 20px;
 | |
| }
 | |
| 
 | |
| div.prefHelp, td.prefHelp {
 | |
| 	font-size : small;
 | |
| 	color : gray;
 | |
| 	padding : 5px;
 | |
| }
 | |
| 
 | |
| table.loginForm {
 | |
| 	background-color : #ecf4ff;
 | |
| }
 | |
| 
 | |
| table.innerLoginForm {
 | |
| 	border : 1px solid #88b0f0;
 | |
| 	padding : 50px;
 | |
| 	background-color : white;
 | |
| }
 | |
| 
 | |
| table.innerLoginForm td {
 | |
| 	padding : 3px 3px 5px 3px;
 | |
| }
 | |
| 
 | |
| span.insensitive {
 | |
| 	color : gray;
 | |
| }
 | |
| 
 | |
| .prefGenericAddBox {
 | |
| 	font-size : small;
 | |
| }
 | |
| 
 | |
| body.logoutBody {
 | |
| 	background-color : #f0f0f0;
 | |
| 	color : black;
 | |
| }
 | |
| 
 | |
| span.logoutWarning {
 | |
| 	color : red;
 | |
| 	font-weight : bold;
 | |
| }
 | |
| 
 | |
| div.logoutContent {
 | |
| 	width : 600px;
 | |
| 	border : 1px solid #c0c0c0;
 | |
| 	background-color : white;
 | |
| 	margin-left : auto;
 | |
| 	margin-right : auto;
 | |
| 	margin-top : 20px;
 | |
| 	padding : 10px;
 | |
| }
 | |
| 
 | |
| .small {
 | |
| 	font-size : small;
 | |
| }
 | |
| 
 | |
| table.innerFeedTable td {
 | |
| 	margin : 0px;
 | |
| 	padding : 0px;
 | |
| }
 | |
| 
 | |
| td.selectPrompt {
 | |
| 	font-size : x-small;
 | |
| 	color : gray;
 | |
| }
 | |
| 
 | |
| table.headlinesSubToolbar {
 | |
| 	border-width : 0px 0px 1px 0px;
 | |
| 	border-style : solid;
 | |
| 	border-color : #f0f0f0;
 | |
| 	position : absolute;
 | |
| 	left : 1px;
 | |
| 	top : 0px;
 | |
| 	height : 25px;
 | |
| 	right : 0px;
 | |
| 	background-color : white;
 | |
| }
 | |
| 
 | |
| table.headlinesSubToolbar td.headlineActions {
 | |
| 	font-size : x-small;
 | |
| 	color : gray;
 | |
| 	padding : 5px 0px 5px 5px;
 | |
| }
 | |
| 
 | |
| table.headlinesSubToolbar td.headlineActionsRTL {
 | |
| 	font-size : x-small;
 | |
| 	color : gray;
 | |
| 	padding : 5px 5px 5px 0px;
 | |
| }
 | |
| 
 | |
| table.headlinesSubToolbar td.headlineTitle {
 | |
| 	font-size : x-small;
 | |
| 	color : gray;
 | |
| 	padding : 5px 5px 5px 0px;
 | |
| 	text-align : right;
 | |
| }
 | |
| 
 | |
| table.headlinesSubToolbar td.headlineTitleRTL {
 | |
| 	font-size : x-small;
 | |
| 	color : gray;
 | |
| 	padding : 5px 0px 5px 5px;
 | |
| 	text-align : left;
 | |
| }
 | |
| 
 | |
| span.contentPreview {
 | |
| 	font-size : x-small;
 | |
| 	color : gray;
 | |
| 	font-weight : normal;
 | |
| }
 | |
| 
 | |
| span.contentPreview:hover {
 | |
| 	color : #4684ff;
 | |
| }
 | |
| 
 | |
| table.headlinesList td.hlMarkedPic {
 | |
| 	width : 25px;
 | |
| 	text-align : center;
 | |
| }
 | |
| 
 | |
| table.headlinesList td.hlfeed {
 | |
| 	text-align : right;
 | |
| 	font-size : small;
 | |
| }
 | |
| 
 | |
| td.hlSelectRow, td.hlUpdatePic {
 | |
| 	width : 25px;
 | |
| 	text-align : center;
 | |
| }
 | |
| 
 | |
| table.headlinesList td.hlUpdated {
 | |
| 	font-size : small;
 | |
| 	color : gray;
 | |
| 	text-align : right;
 | |
| 	width : 100px;
 | |
| }
 | |
| 
 | |
| table.headlinesList tr td {
 | |
| 	padding : 2px 0px 2px 0px;
 | |
| }
 | |
| 
 | |
| div.postHeader td.postDate {
 | |
| 	font-size : x-small;
 | |
| 	text-align : right;
 | |
| 	color : gray;
 | |
| }
 | |
| 
 | |
| div.postHeader td.postDateRTL {
 | |
| 	font-size : x-small;
 | |
| 	text-align : left;
 | |
| 	color : gray;
 | |
| }
 | |
| 
 | |
| #feedUpdateErrors {
 | |
| 	display : none;
 | |
| }
 | |
| 
 | |
| #allEntryTags {
 | |
| 	font-size : x-small;
 | |
| 	border-width : 0px 0px 1px 0px;
 | |
| 	border-style : solid;
 | |
| 	border-color : #c0c0c0;
 | |
| 	padding-bottom : 5px;
 | |
| 	display : none;
 | |
| }
 | |
| 
 | |
| /*td.hlContent {
 | |
| 	overflow : hidden;
 | |
| 	height : 1em;
 | |
| 	display : block;
 | |
| } */
 | |
| 
 | |
| td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
 | |
| 	height : 1em;
 | |
| }
 | |
| 
 | |
| td.hlFeed {
 | |
| 	text-align : right;
 | |
| }
 | |
| 
 | |
| div.cdmArticle {
 | |
| 	border : 1px solid #f0f0f0;
 | |
| 	background-color : #fafafa;
 | |
| 	-moz-border-radius : 5px;
 | |
| 	margin : 10px 10px 0px 10px;
 | |
| 	padding : 10px;
 | |
| }
 | |
| 
 | |
| div.cdmArticleUnread {
 | |
| 	border : 1px solid #d5f1f4;
 | |
| 	background-color : #fafeff;
 | |
| 	-moz-border-radius : 5px;
 | |
| 	margin : 10px 10px 0px 10px;
 | |
| 	padding : 10px;
 | |
| }
 | |
| 
 | |
| div.cdmArticleSelected, div.cdmArticleUnreadSelected {
 | |
| 	  -moz-border-radius : 5px;
 | |
| 	margin : 10px 10px 0px 10px;
 | |
| 	padding : 10px;
 | |
| 	background-color : #fff7d5;
 | |
| 		  border : 1px solid #e7d796;
 | |
| }
 | |
| 
 | |
| div.cdmArticleUnread div.cdmHeader a.title, 
 | |
| div.cdmArticleUnreadSelected div.cdmHeader a.title {
 | |
| 	font-weight : bold;
 | |
| }
 | |
| 
 | |
| div.cdmHeader {
 | |
| 	padding-bottom : 5px;
 | |
| }
 | |
| 
 | |
| div.cdmFooter {
 | |
| 	font-size : x-small;
 | |
| 	color : gray;
 | |
| 	padding-top : 5px;
 | |
| }
 | |
| 
 | |
| div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
 | |
| 	margin : 0px;
 | |
| }
 | |
| 
 | |
| div.cdmHeader, div.cdmHeader a {
 | |
| 	color : gray;
 | |
| 	font-size : x-small;
 | |
| }
 | |
| 
 | |
| div.cdmHeader a:hover {
 | |
| 	color : #4684ff;
 | |
| }
 | |
| 
 | |
| div.cdmContent {
 | |
| 	margin-bottom : 5px;
 | |
| }
 | |
| 
 | |
| a.warning {
 | |
| 	color : #f04040;
 | |
| }
 | |
| 
 | |
| img.closeButton {
 | |
| 	border-width : 0px;
 | |
| 	float : right;
 | |
| }
 | |
| 
 | |
| span.groupPrompt {
 | |
| 	font-size : x-small;
 | |
| 	color : #4684ff;
 | |
| }
 | |
| 
 | |
| ul.userFeedList {
 | |
| 	height : 300px;
 | |
| 	overflow : auto;
 | |
| 	list-style-type : none;
 | |
| 	border : 1px solid #88b0f0;
 | |
| 	background-color : white;
 | |
| 	margin : 0px 0px 5px 0px;
 | |
| 	padding : 0px;
 | |
| }
 | |
| 
 | |
| /* #browseBigFeedList li.oddSelected {
 | |
| 	border : 1px solid #d0d0f6;
 | |
| 	background-color : #eaeaff;
 | |
| 	-moz-border-radius : 5px;
 | |
| } */
 | |
| 
 | |
| ul.labelTestResults {
 | |
| 	height : 100px;
 | |
| 	overflow : auto;
 | |
| 	list-style-type : none;
 | |
| 	margin : 0px 0px 5px 0px;
 | |
| 	padding : 0px;
 | |
| 	border : 1px solid #88b0f0;
 | |
| 	background-color : white;
 | |
| }
 | |
| 
 | |
| ul.filterTestResults {
 | |
| 	height : 300px;
 | |
| 	overflow : auto;
 | |
| 	list-style-type : none;
 | |
| 	margin : 0px 0px 5px 0px;
 | |
| 	padding : 0px;
 | |
| 	border : 1px solid #88b0f0;
 | |
| 	background-color : white;
 | |
| }
 | |
| 
 | |
| ul.browseFeedList {
 | |
| 	height : 300px;
 | |
| 	overflow : auto;
 | |
| 	list-style-type : none;
 | |
| 	margin : 0px 0px 5px 0px;
 | |
| 	padding : 0px;
 | |
| 	border : 1px solid #88b0f0;
 | |
| 	background-color : white;
 | |
| }
 | |
| 
 | |
| ul.browseFeedList li {
 | |
| 	margin : 0px;
 | |
| 	padding : 0px;
 | |
| }
 | |
| 
 | |
| span.subscribers {
 | |
| 	color : #808080;
 | |
| }
 | |
| 
 | |
| div.subscribers {
 | |
| 	color : #808080;
 | |
| 	font-size : x-small;
 | |
| 	float : right;
 | |
| }
 | |
| 
 | |
| input.feedBrowseCB {
 | |
| 	margin-right : 1em;
 | |
| }
 | |
| 
 | |
| div.browserDetails {
 | |
| 	margin : 5px 5px 5px 5px;
 | |
| 	display : none;
 | |
| 	padding : 5px;
 | |
| }
 | |
| 
 | |
| ul.compact {
 | |
| 	list-style-type : none;
 | |
| 	margin : 0px;
 | |
| 	padding : 0px;
 | |
| }
 | |
| 
 | |
| ul.compact li {
 | |
| 	margin : 0px;
 | |
| 	padding : 0px;
 | |
| }
 | |
| 
 | |
| div.browserFeedInfo {
 | |
| 	font-size : x-small;
 | |
| /*	border : 1px solid #88b0f0;
 | |
| 	background-color : #ecf4ff;
 | |
| 	-moz-border-radius : 5px; */
 | |
| 	padding : 5px;
 | |
| }
 | |
| 
 | |
| div.browserFeedInfo div.detailsPart {
 | |
| 	margin : 5px 0px 5px 5px;       
 | |
| }
 | |
| 
 | |
| div.cdmContent a {
 | |
| 	color : #4684ff;
 | |
| }
 | |
| 
 | |
| div.cdmContent a:hover {
 | |
| 	color : black;
 | |
| }
 | |
| 
 | |
| a.cdmToggleLink {
 | |
| 	color : #808080;
 | |
| 	font-size : x-small;
 | |
| }
 | |
| 
 | |
| a.cdmToggleLink:hover {
 | |
| 	color : #4684ff;
 | |
| }
 | |
| 
 | |
| .noborder {
 | |
| 	border-width : 0px;
 | |
| }
 | |
| 
 | |
| #debug_output {
 | |
| 	position : absolute;
 | |
| 	width : 400px;
 | |
| 	height : 200px;
 | |
| 	right : 20px;
 | |
| 	bottom : 20px;
 | |
| 	z-index : 999;
 | |
| 	background-color : white;
 | |
| 	display : none;
 | |
| 	border : 1px solid #c0c0c0;
 | |
| 	overflow : auto;
 | |
| 	margin : 0px;
 | |
| 	padding : 0px;
 | |
| 	list-style-type : none;
 | |
| }
 | |
| 
 | |
| #debug_output li {
 | |
| 	margin : 0px;
 | |
| 	padding : 0px;
 | |
| 	font-size : x-small;
 | |
| }
 | |
| 
 | |
| #overlay {
 | |
| 	background : white;
 | |
| 	left : 0;
 | |
| 	top : 0;
 | |
| 	height : 100%;
 | |
| 	width : 100%;
 | |
| 	z-index : 100;
 | |
| 	position : absolute;
 | |
| }
 | |
| 
 | |
| #overlay_inner {
 | |
| 	font-weight : bold;
 | |
| 	text-align : center;
 | |
| 	margin : 10px;
 | |
| }
 | |
| 
 | |
| #fatal_error {
 | |
| 	background : white;
 | |
| 	left : 0;
 | |
| 	top : 0;
 | |
| 	height : 100%;
 | |
| 	width : 100%;
 | |
| 	z-index : 200;
 | |
| 	display : none;
 | |
| 	position : absolute;
 | |
| }
 | |
| 
 | |
| #fatal_error_inner {
 | |
| 	font-weight : bold;
 | |
| 	margin : 10px;
 | |
| 	color : red;
 | |
| }
 | |
| 
 | |
| #fatal_error_msg {
 | |
| 	border : 1px solid #c0c0c0;
 | |
| 	background-color : #f0f0f0;
 | |
| 	color : black;
 | |
| 	padding : 10px;
 | |
| 	font-weight : normal;
 | |
| }
 | |
| 
 | |
| #noDaemonWarning {	
 | |
| 	position : absolute;
 | |
| 	background-color : #ecf4ff;		  
 | |
| 	border : 1px solid #88b0f0;
 | |
| 	padding : 10px;
 | |
| 	margin : 5px;
 | |
| 	z-index : 2;
 | |
| 	display : none;
 | |
| }
 | |
| 
 | |
| #qafInput {
 | |
| 	width : 100%;
 | |
| }
 | |
| 
 | |
| form {
 | |
| 	margin : 0px;
 | |
| 	padding : 0px;
 | |
| }
 | |
| 
 | |
| #main_toolbar_form {
 | |
| 	display : inline;
 | |
| }
 | |
| 
 | |
| div.feedExtInfo {
 | |
| 	margin-left : 2em;
 | |
| 	font-size : 7pt;
 | |
| 	color : gray;
 | |
| 	font-weight : normal;
 | |
| }
 | |
| 
 | |
| span.debugTS {
 | |
| 	color : #4684ff;
 | |
| }
 | |
| 
 | |
| #backReqBox {
 | |
| 	display : none;
 | |
| }
 | |
| 
 | |
| /*.scriptWarn:before {
 | |
| 	content : "Disabled script:";
 | |
| }*/
 | |
| 
 | |
| .scriptWarn {
 | |
| 	color : white;
 | |
| 	background-color : #903030;
 | |
| 	border : 1px solid #601010;
 | |
| 	padding : 3px;
 | |
| 	font-weight : bold;
 | |
| }
 | |
| 
 | |
| .objectWarn {
 | |
| 	color : gray;
 | |
| 	font-style: italic;
 | |
| 	text-align : center;
 | |
| }
 | |
| 
 | |
| table.loginForm2 {
 | |
| 	padding : 1em;
 | |
| }
 | |
| 
 | |
| table.loginForm2 .loginTop {
 | |
| 	border-width : 0px 0px 1px 0px;
 | |
| 	border-color : #88b0f0;
 | |
| 	border-style : solid;
 | |
| 	padding : 0.5em;
 | |
| }
 | |
| 
 | |
| table.loginForm2 .loginMiddle {
 | |
| 	padding : 3em;
 | |
| }
 | |
| 
 | |
| table.loginForm2 .loginBottom {
 | |
| 	border-width : 1px 0px 0px 0px;
 | |
| 	border-color : #88b0f0;
 | |
| 	border-style : solid;
 | |
| 	font-size : x-small;
 | |
| 	text-align : center;
 | |
| 	color : #909090;
 | |
| 	padding : 0.5em;
 | |
| }
 | |
| 
 | |
| table.loginForm2 .loginBottom a {
 | |
| 	color : gray;
 | |
| }
 | |
| 
 | |
| table.loginForm2 .loginBottom a:hover {
 | |
| 	color : #4684ff;
 | |
| }
 | |
| 
 | |
| table.loginForm2 .loginError {
 | |
| 	color : red;
 | |
| 	margin : 0.5em;
 | |
| }
 | |
| 
 | |
| table.loginForm2 .innerLoginCell {
 | |
| 	padding-top : 0.5em;
 | |
| }
 | |
| 
 | |
| #milestoneDetails {
 | |
| 	display : none;
 | |
| }
 | |
| 
 | |
| div.loadingPrompt {
 | |
| 	padding : 1em;
 | |
| 	text-align : center;
 | |
| 	font-weight : bold;
 | |
| }
 | |
| 
 | |
| div.whiteBox {
 | |
| 	background-color : white;
 | |
| 	margin-left : 1px;
 | |
| 	text-align : center;
 | |
| 	padding : 1em;
 | |
| }
 | |
| 
 | |
| /* layout */
 | |
| 
 | |
| #header {
 | |
| 	position : absolute;
 | |
| 	white-space: nowrap;
 | |
| 	top : 10px;
 | |
| 	left : 15px;
 | |
| 	right : 5px;
 | |
| 	height : 40px;
 | |
| 	color : #4684ff;
 | |
| 	font-size : small;
 | |
| }
 | |
| 
 | |
| #feeds-holder {
 | |
| 	border-width : 1px 1px 1px 0px;
 | |
| 	border-style : solid;
 | |
| 	border-color : #88b0f0;
 | |
| 	top : 50px;
 | |
| 	left : 0px;
 | |
| 	position : absolute;
 | |
| 	width : 260px;
 | |
| 	overflow : auto;
 | |
| 	bottom : 40px;
 | |
| 	border-collapse : collapse;
 | |
| 	height: expression((parseInt(document.documentElement.clientHeight)-40-20-30)+'px');
 | |
| }
 | |
| 
 | |
| #toolbar {
 | |
| 	position : absolute;
 | |
| 	left : 261px;
 | |
| 	padding : 5px 10px 5px 10px;
 | |
| 	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 0px 0px 0px;
 | |
| 	border-style : solid;
 | |
| 	border-color : #88b0f0;
 | |
| 	left : 260px;
 | |
| 	height : 305px;
 | |
| 	top : 85px;
 | |
| 	right : 0px;
 | |
| 	overflow : hidden;
 | |
| 	font-size : small;
 | |
| 	border-collapse : collapse;
 | |
| 	/* css hack for IE */
 | |
| 	width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
 | |
| }
 | |
| 
 | |
| div.headlines_cdm {
 | |
| 	position : absolute;
 | |
| 	border-width : 1px 0px 1px 0px;
 | |
| 	border-style : solid;
 | |
| 	border-color : #88b0f0;
 | |
| 	left : 260px;
 | |
| 	bottom : 40px;
 | |
| 	top : 85px;
 | |
| 	right : 0px;
 | |
| 	overflow : auto;
 | |
| 	font-size : small;
 | |
| 	border-collapse : collapse;
 | |
| 	width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
 | |
| }
 | |
| 
 | |
| #content-frame {
 | |
| 	position : absolute;
 | |
| 	border-width : 1px 0px 1px 0px;
 | |
| 	border-style : solid;
 | |
| 	border-color : #88b0f0;
 | |
| 	overflow : auto;
 | |
| 	top : 390px;
 | |
| 	left : 260px;
 | |
| 	bottom : 40px;
 | |
| 	right : 0px;
 | |
| 	border-collapse : collapse;
 | |
| 	width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
 | |
| 	height: expression((parseInt(document.documentElement.clientHeight)-40-305-50)+'px');
 | |
| }
 | |
| 
 | |
| #footer, #prefFooter {
 | |
| 	position : absolute;
 | |
| 	bottom : 0px;
 | |
| 	height : 20px;
 | |
| 	text-align : center;
 | |
| 	color : gray;
 | |
| 	font-size : x-small;
 | |
| 	background-image : url("images/footer.png");
 | |
| 	background-position : top left;
 | |
| 	background-repeat : repeat-x; 
 | |
| 	background-color : white;
 | |
| 	right : 0px;
 | |
| 	left : 0px;
 | |
| 	padding : 10px;
 | |
| 	width: expression((parseInt(document.documentElement.clientWidth)-20)+'px');
 | |
| 	border-collapse : collapse;
 | |
| 	border-width : 1px 0px 0px 0px;
 | |
| 	border-style : solid;
 | |
| 	border-color : #88b0f0;
 | |
| 
 | |
| }
 | |
| 
 | |
| #footer a, #prefFooter a {
 | |
| 	color : gray;
 | |
| }
 | |
| 
 | |
| #footer a:hover, #prefFooter a:hover {
 | |
| 	color : black;
 | |
| }
 | |
| 
 | |
| #headlinesContainer {
 | |
| 	margin-left : 1px;
 | |
| 	background-color : white;
 | |
| }
 | |
| 
 | |
| #headlineActionsTop {
 | |
| /*	border-width : 0px 0px 1px 0px;
 | |
| 	border-style : solid;
 | |
| 	border-color : #c0c0c0;
 | |
| 	background-color : #fafafa; */
 | |
| 	font-size : x-small;
 | |
| }
 | |
| 
 | |
| #headlinesInnerContainer {
 | |
| 	overflow : auto;
 | |
| 	position : absolute;
 | |
| 	left : 1px;
 | |
| 	right : 0px;
 | |
| 	bottom : 0px;
 | |
| 	top : 25px; 
 | |
| }
 | |
| 
 | |
| /* preferences layout */
 | |
| 
 | |
| #prefHeader {
 | |
| 	color : #4684ff;
 | |
| 	font-size : small;
 | |
| 	margin : 10px;
 | |
| 	height : 33px;
 | |
| }
 | |
| 
 | |
| div.return {
 | |
| 	float : right;
 | |
| 	font-size : small;
 | |
| 	margin-right : 10px;
 | |
| }
 | |
| 
 | |
| div.return a {
 | |
| 	color : #4684ff;
 | |
| }
 | |
| 
 | |
| div.return a:hover {
 | |
| 	color : black;
 | |
| }
 | |
| 
 | |
| #prefContent {
 | |
| 	clear : left;
 | |
| 	position : absolute;
 | |
| 	bottom : 40px;
 | |
| 	top : 75px;
 | |
| 	left : 0px;
 | |
| 	right : 0px;
 | |
| 	padding : 1em;
 | |
| 	overflow : auto;
 | |
| 	min-height : 300px;
 | |
| 	background-image : url("images/prefs-content.png");
 | |
| 	background-position : top left;
 | |
| 	background-repeat : repeat-x;
 | |
| 	font-size : small;
 | |
| 	border-width : 1px 0px 0px 0px;
 | |
| 	border-color : #88b0f0;
 | |
| 	border-style : solid;
 | |
| 
 | |
| }
 | |
| 
 | |
| #userSwitch {
 | |
| 	position : absolute;
 | |
| 	bottom : 2px;
 | |
| 	right : 2px;
 | |
| }
 |