X-Git-Url: https://git.wh0rd.org/?a=blobdiff_plain;f=tt-rss.css;h=1956e14d96e00cc68b0f4f79ad9553abae636519;hb=9e6427abce5645e794091f041ec9321943e25139;hp=1b6cccec77ea5c2bf6cb09534a82a23596185034;hpb=68d871a400b77ec313eb2c8800b17871ab85e4cf;p=tt-rss.git

diff --git a/tt-rss.css b/tt-rss.css
index 1b6cccec..1956e14d 100644
--- a/tt-rss.css
+++ b/tt-rss.css
@@ -3,7 +3,7 @@ body {
 	color : black;
 	margin : 0px;
 	padding : 0px;
-	font-family : sans-serif;
+	font-family : "Lucida Grande", sans-serif;
 }
 
 blockquote {
@@ -16,7 +16,6 @@ blockquote {
 
 div.postReply {
 	padding : 10px;
-	font-size : medium;
 }
 
 div.postReply a {
@@ -38,6 +37,7 @@ div.postReply > div.postHeader {
 
 div.postReply div.postContent {
 	padding : 10px;
+	font-size : 10pt;
 }
 
 div.postReply div.postIcon {
@@ -50,15 +50,15 @@ ul.feedList {
 	list-style-type : none;
 	margin : 5px;
 	padding : 0px 0px 0px 5px;
-	font-size : small;
-	white-space : nowrap;
+	font-size : 9pt;
+	font-family : "Lucida Grande", Tahoma, sans-serif;
 }
 
 ul.feedList li.feedCat {
 	margin : 0px;
 	padding : 3px 0px 3px 0px;
 	color : #707070;
-	font-size : small;
+	font-size : 9pt;
 }
 
 ul.feedList li.feedCat a {
@@ -77,13 +77,16 @@ ul.feedCatList {
 
 ul.feedCatList li {
 	margin : 0px;
-	padding : 0px 0px 0px 0px;
+	padding : 0px 0px 2px 0px;
 	color : black;
 }
 
 ul.feedList li {
 	margin : 0px;
-	font-size : small;
+}
+
+ul.feedCatList img {
+	vertical-align : bottom;
 }
 
 li.feedUnread, 
@@ -224,13 +227,28 @@ input.editbox {
 	position : absolute;	
 	display : none;
 	float : right;
-	font-size : small;
-	text-align : center;
+	font-size : 9pt;
 	z-index : 999;
 	-moz-border-radius : 2px;
 	padding : 5px 5px 5px 5px;
 }
 
+#notify img {
+	vertical-align : middle;
+}
+
+.notifyProgress {
+	border-color : #d7c47a;
+	background-color : #fff7d5;
+	color : black;
+}
+
+.notifyInfo {
+	border-color : #7AD78E;
+	background-color : #D5FFDB;
+	color : black;
+}
+
 .notify {
 	border-color : #d7c47a;
 	background-color : #fff7d5;
@@ -243,8 +261,14 @@ input.editbox {
 	color : black;
 }
 
+.notifyError span:hover {
+	color : red;
+	cursor : pointer;
+}
+
 #dispSwitch {
-	font-size : x-small;
+	font-size : 8pt;
+	font-family : "Lucida Grande", Tahoma, sans-serif;
 	text-align : right;
 	float : right;
 	margin : 5px 5px 0px 0px;
@@ -380,7 +404,6 @@ tr.title td {
 	border-width : 0px 0px 1px 0px;
 	border-color : #ecf4ff;
 	border-style : solid;
-	font-size : small;
 	color : #4684ff;
 }
 
@@ -412,6 +435,13 @@ table.prefFeedList td.feedSelect {
 	text-align : center;
 }
 
+div.prefFeedCatHolder {
+	height : 250px;
+	overflow : auto;
+	border : 1px solid #99d67a;
+	margin : 5px 0px 5px 0px;
+}
+
 a.helpLink {
 	color : #808080;
 }
@@ -429,6 +459,27 @@ div.helpResponse {
 	border : 1px solid #f0f0f0;
 }
 
+#infoBoxTitle {
+	border-width : 1px 1px 1px 1px;
+	border-style : solid;
+	border-color : #99d67a;
+	background-color : #99d67a;
+	padding : 2px;
+	color : white;
+}
+
+#infoBox {	
+	border-width : 1px 1px 1px 1px;
+	border-style : solid;
+	border-color : #99d67a;
+	position : relative;
+	bottom : 2px;
+	right : 2px;
+	padding-bottom : 5px;	
+	background-color : #f8fcf5;
+}
+
+/*
 #infoBoxTitle {
 	border-width : 1px 1px 1px 1px;
 	border-style : solid;
@@ -438,39 +489,43 @@ div.helpResponse {
 	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;
-}
+	background-color : #f7faff;
+} */
 
 #infoBoxShadow {
 	background-image : url("images/shadow.png");
-	left : 30%;
+	left : 25%;
 	top : 30%;
-	width : 30%;
+	width : 50%;
 	z-index : 3;
 	position : absolute;
 	display : none;
-}
+} 
 
 div.infoBoxContents {
-	padding : 5px;
+	padding : 10px;
 	margin-bottom : 5px;
+	font-size : 9pt;
 }
 
 div.infoBoxContents td {
-	font-size : small;
+	font-size : 9pt;
+}
+
+div.infoBoxContents a {
+	color : #527040;
+}
+
+div.infoBoxContents a:hover {
+	color : black;
 }
 
 div.helpResponse h1, div.infoBoxContents h1 {
@@ -513,12 +568,15 @@ div.prefsTab {
 	border-style : solid;
 	margin : 0px 0px 0px 5px;
 	padding : 3px 5px 3px 5px;
-	font-size : small;
-	position : relative;
+	font-size : 9pt;
+	font-family : "Lucida Grande", Tahoma, sans-serif;
 	border-collapse : collapse;
 	-moz-border-radius : 3px;
 	min-width : 100px;
 	text-align : center;
+	cursor : pointer;
+	position : relative;
+	bottom : -2px;
 }
 
 div.prefsTabSelected {
@@ -529,29 +587,49 @@ div.prefsTabSelected {
 	margin : 0px 0px 0px 5px;
 	padding : 3px 5px 3px 5px;
 	background-color : #ecf4ff;
-	font-size : small;
-	position : relative;
+	font-size : 9pt;
+	font-family : "Lucida Grande", Tahoma, sans-serif;
 	border-collapse : collapse;
 	-moz-border-radius : 3px;
 	font-weight : bold;
 	min-width : 100px;
 	text-align : center;
+	cursor : pointer;
+	position : relative;
+	bottom : -2px;
+	
+}
+
+div.notice {
+	background : #ffffff;
+	border : 1px solid #88b0f0;
+	width : 50%;
+	padding : 5px;
+	margin : 0px 0px 5px 0px;
+	font-size : 9pt;
 }
 
 div.warning {
 	background : #fff7d5;
 	border : 1px solid #d7c47a;
+	font-size : 9pt;
+	width : 50%;
 	padding : 5px;
-	margin : 5px;
-	font-size : small;
+	margin : 0px 0px 5px 0px;
 }
 
-div.notice {
-	background : #ffffff;
-	border : 1px solid #88b0f0;
+
+div.warning img, div.notice img, div.error img {
+	vertical-align : middle;
 	padding : 5px;
-	margin : 5px;
-	font-size : small;
+}
+
+div.error {
+	border : 1px solid #ff0000;
+	background : #ffcccc;
+	padding : 5px;
+	margin : 0px 0px 5px 0px;
+	font-size : 9pt;
 }
 
 ul.nomarks {
@@ -560,15 +638,7 @@ ul.nomarks {
 	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;
 }
@@ -587,14 +657,26 @@ table.innerLoginForm td {
 	padding : 3px 3px 5px 3px;
 }
 
-span.insensitive {
+span.feed_error {
+	color : red;
+}
+
+span.insensitive, div.insensitive {
 	color : gray;
 }
 
-.prefGenericAddBox {
-	font-size : small;
+.insensitive a {
+	color : #4684ff;
+}
+
+.insensitive a:hover {
+	color : black;
 }
 
+/* .prefGenericAddBox {
+	font-size : 9pt;
+} */
+
 body.logoutBody {
 	background-color : #f0f0f0;
 	color : black;
@@ -616,7 +698,7 @@ div.logoutContent {
 }
 
 .small {
-	font-size : small;
+	font-size : 9pt;
 }
 
 table.innerFeedTable td {
@@ -625,7 +707,7 @@ table.innerFeedTable td {
 }
 
 td.selectPrompt {
-	font-size : x-small;
+	font-size : 9pt;
 	color : gray;
 }
 
@@ -642,33 +724,37 @@ table.headlinesSubToolbar {
 }
 
 table.headlinesSubToolbar td.headlineActions {
-	font-size : x-small;
+	font-size : 9pt;
+	font-family : "Lucida Grande", Tahoma, sans-serif;
 	color : gray;
-	padding : 5px 0px 5px 5px;
+	padding : 0px 5px 0px 5px;
 }
 
 table.headlinesSubToolbar td.headlineActionsRTL {
-	font-size : x-small;
+	font-size : 9pt;
+	font-family : "Lucida Grande", Tahoma, sans-serif;
 	color : gray;
-	padding : 5px 5px 5px 0px;
+	padding : 0px 5px 0px 5px;
 }
 
 table.headlinesSubToolbar td.headlineTitle {
-	font-size : x-small;
+	font-size : 9pt;
+	font-family : "Lucida Grande", Tahoma, sans-serif;
 	color : gray;
-	padding : 5px 5px 5px 0px;
+	padding : 0px 5px 0px 5px;
 	text-align : right;
 }
 
 table.headlinesSubToolbar td.headlineTitleRTL {
-	font-size : x-small;
+	font-size : 9pt;
+	font-family : "Lucida Grande", Tahoma, sans-serif;
 	color : gray;
-	padding : 5px 0px 5px 5px;
+	padding : 0px 5px 0px 5px;
 	text-align : left;
 }
 
 span.contentPreview {
-	font-size : x-small;
+	font-size : 9pt;
 	color : gray;
 	font-weight : normal;
 }
@@ -677,6 +763,10 @@ span.contentPreview:hover {
 	color : #4684ff;
 }
 
+table.headlinesList {
+	width : 100%;
+}
+
 table.headlinesList td.hlMarkedPic {
 	width : 25px;
 	text-align : center;
@@ -684,16 +774,14 @@ table.headlinesList td.hlMarkedPic {
 
 table.headlinesList td.hlfeed {
 	text-align : right;
-	font-size : small;
 }
 
-td.hlSelectRow, td.hlUpdatePic {
+td.hlSelectRow, td.hlUpdPic {
 	width : 25px;
 	text-align : center;
 }
 
 table.headlinesList td.hlUpdated {
-	font-size : small;
 	color : gray;
 	text-align : right;
 	width : 100px;
@@ -703,16 +791,26 @@ table.headlinesList tr td {
 	padding : 2px 0px 2px 0px;
 }
 
-div.postHeader td.postDate {
-	font-size : x-small;
+div.postHeader div.postDate {
 	text-align : right;
 	color : gray;
+	float : right;
 }
 
-div.postHeader td.postDateRTL {
-	font-size : x-small;
+div.postHeader div.postDateRTL {
 	text-align : left;
 	color : gray;
+	float : right;
+}
+
+div.postReply span.tagList {
+	color : gray;
+}
+
+div.postHeader div {
+	padding-bottom : 3px;
+	font-size : 10pt;
+	/* font-family : "Lucida Grande", Tahoma, sans-serif; */
 }
 
 #feedUpdateErrors {
@@ -720,7 +818,7 @@ div.postHeader td.postDateRTL {
 }
 
 #allEntryTags {
-	font-size : x-small;
+	font-size : 9pt;
 	border-width : 0px 0px 1px 0px;
 	border-style : solid;
 	border-color : #c0c0c0;
@@ -779,18 +877,28 @@ div.cdmHeader {
 }
 
 div.cdmFooter {
-	font-size : x-small;
+	font-size : 9pt;
 	color : gray;
 	padding-top : 5px;
 }
 
+div.cdmFooter img.markedPic {
+	width : 16px;
+	height : 16px;
+	float : right;
+}
+
+div.cdmHeader div.articleUpdated {
+	float : right;
+}
+
 div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
 	margin : 0px;
 }
 
 div.cdmHeader, div.cdmHeader a {
 	color : gray;
-	font-size : x-small;
+	font-size : 9pt;
 }
 
 div.cdmHeader a:hover {
@@ -811,15 +919,35 @@ img.closeButton {
 }
 
 span.groupPrompt {
-	font-size : x-small;
+	font-size : 9pt;
 	color : #4684ff;
 }
 
+div.tagCloudContainer {
+/*	height : 300px;
+	overflow : auto; */
+	border : 1px solid #99d67a;
+	background-color : white;
+	margin : 5px 0px 5px 0px;
+	padding : 5px;
+	text-align : center;
+}
+
+ul.feedErrorsList {
+	height : 300px;
+	overflow : auto;
+	list-style-type : none;
+	border : 1px solid #99d67a;
+	background-color : white;
+	margin : 0px 0px 5px 0px;
+	padding : 0px;
+}
+
 ul.userFeedList {
 	height : 300px;
 	overflow : auto;
 	list-style-type : none;
-	border : 1px solid #88b0f0;
+	border : 1px solid #99d67a;
 	background-color : white;
 	margin : 0px 0px 5px 0px;
 	padding : 0px;
@@ -837,7 +965,7 @@ ul.labelTestResults {
 	list-style-type : none;
 	margin : 0px 0px 5px 0px;
 	padding : 0px;
-	border : 1px solid #88b0f0;
+	border : 1px solid #99d67a;
 	background-color : white;
 }
 
@@ -847,7 +975,7 @@ ul.filterTestResults {
 	list-style-type : none;
 	margin : 0px 0px 5px 0px;
 	padding : 0px;
-	border : 1px solid #88b0f0;
+	border : 1px solid #99d67a;
 	background-color : white;
 }
 
@@ -857,7 +985,7 @@ ul.browseFeedList {
 	list-style-type : none;
 	margin : 0px 0px 5px 0px;
 	padding : 0px;
-	border : 1px solid #88b0f0;
+	border : 1px solid #99d67a;
 	background-color : white;
 }
 
@@ -872,7 +1000,7 @@ span.subscribers {
 
 div.subscribers {
 	color : #808080;
-	font-size : x-small;
+	font-size : 9pt;
 	float : right;
 }
 
@@ -898,7 +1026,7 @@ ul.compact li {
 }
 
 div.browserFeedInfo {
-	font-size : x-small;
+	font-size : 9pt;
 /*	border : 1px solid #88b0f0;
 	background-color : #ecf4ff;
 	-moz-border-radius : 5px; */
@@ -919,7 +1047,7 @@ div.cdmContent a:hover {
 
 a.cdmToggleLink {
 	color : #808080;
-	font-size : x-small;
+	font-size : 9pt;
 }
 
 a.cdmToggleLink:hover {
@@ -949,7 +1077,19 @@ a.cdmToggleLink:hover {
 #debug_output li {
 	margin : 0px;
 	padding : 0px;
-	font-size : x-small;
+	font-size : 8pt;
+}
+
+#dialog_overlay {
+	background : white;
+	left : 0;
+	top : 0;
+	height : 100%;
+	width : 100%;
+	z-index : 2;
+	opacity : 0.5;
+	position : absolute;
+	display : none;
 }
 
 #overlay {
@@ -986,11 +1126,24 @@ a.cdmToggleLink:hover {
 }
 
 #fatal_error_msg {
-	border : 1px solid #c0c0c0;
-	background-color : #f0f0f0;
 	color : black;
 	padding : 10px;
 	font-weight : normal;
+	background-color : #ffcccc;
+	border : 1px solid #ff0000;
+}
+
+#fatal_error_msg a {
+	color : red;
+}
+
+#fatal_error_msg a:hover {
+	color : red;
+	text-decoration : underline;
+}
+
+#fatal_error_msg img {
+	vertical-align : middle;
 }
 
 #noDaemonWarning {	
@@ -1013,6 +1166,8 @@ form {
 }
 
 #main_toolbar_form {
+	margin : 0px;
+	padding : 0px;
 	display : inline;
 }
 
@@ -1041,6 +1196,7 @@ span.debugTS {
 	border : 1px solid #601010;
 	padding : 3px;
 	font-weight : bold;
+	display : none;
 }
 
 .objectWarn {
@@ -1068,7 +1224,7 @@ table.loginForm2 .loginBottom {
 	border-width : 1px 0px 0px 0px;
 	border-color : #88b0f0;
 	border-style : solid;
-	font-size : x-small;
+	font-size : 9pt;
 	text-align : center;
 	color : #909090;
 	padding : 0.5em;
@@ -1118,7 +1274,7 @@ div.whiteBox {
 	right : 5px;
 	height : 40px;
 	color : #4684ff;
-	font-size : small;
+	font-size : 9pt;
 }
 
 #feeds-holder {
@@ -1146,6 +1302,7 @@ div.whiteBox {
 	background-image : url("images/toolbar.png");
 	background-position : bottom left;
 	background-repeat : repeat-x;
+	font-size : 9pt;
 }
 
 div.headlines_normal {
@@ -1158,7 +1315,7 @@ div.headlines_normal {
 	top : 85px;
 	right : 0px;
 	overflow : hidden;
-	font-size : small;
+	font-size : 9pt;
 	border-collapse : collapse;
 	/* css hack for IE */
 	width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
@@ -1174,14 +1331,14 @@ div.headlines_cdm {
 	top : 85px;
 	right : 0px;
 	overflow : hidden;
-	font-size : small;
+	font-size : 9pt;
 	border-collapse : collapse;
 	width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
 }
 
 #content-frame {
 	position : absolute;
-	border-width : 1px 0px 1px 0px;
+	border-width : 1px 0px 0px 0px;
 	border-style : solid;
 	border-color : #88b0f0;
 	overflow : auto;
@@ -1191,7 +1348,7 @@ div.headlines_cdm {
 	right : 0px;
 	border-collapse : collapse;
 	width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
-	height: expression((parseInt(document.documentElement.clientHeight)-40-305-50)+'px');
+/*	height: expression((parseInt(document.documentElement.clientHeight)-40-305-50)+'px'); */
 }
 
 #footer, #prefFooter {
@@ -1200,7 +1357,7 @@ div.headlines_cdm {
 	height : 20px;
 	text-align : center;
 	color : gray;
-	font-size : x-small;
+	font-size : 9pt;
 	background-image : url("images/footer.png");
 	background-position : top left;
 	background-repeat : repeat-x; 
@@ -1234,7 +1391,7 @@ div.headlines_cdm {
 	border-style : solid;
 	border-color : #c0c0c0;
 	background-color : #fafafa; */
-	font-size : x-small;
+	font-size : 9pt;
 }
 
 #headlinesInnerContainer {
@@ -1250,14 +1407,14 @@ div.headlines_cdm {
 
 #prefHeader {
 	color : #4684ff;
-	font-size : small;
+	font-size : 9pt;
 	margin : 10px;
 	height : 33px;
 }
 
 div.return {
 	float : right;
-	font-size : small;
+	font-size : 9pt;
 	margin-right : 10px;
 }
 
@@ -1282,11 +1439,12 @@ div.return a:hover {
 	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;
-
+	height: expression((parseInt(document.documentElement.clientHeight)-75-40)+'px');
+	width: expression((parseInt(document.documentElement.clientWidth)-25)+'px');
+	font-size : 10pt;
 }
 
 #userSwitch {
@@ -1294,3 +1452,120 @@ div.return a:hover {
 	bottom : 2px;
 	right : 2px;
 }
+
+a.feedUpdErrLink {
+	color : #ff0000;
+	display : block;
+	margin-bottom : 0.5em;
+}
+
+.catCtrHasUnread {
+	font-weight : bold;
+}
+
+.catCtrNoUnread {
+	display : none;
+}
+
+ul.headlineDropdownMenu {
+	list-style-type : none;
+	margin : 0px;
+	padding : 0px;
+}
+
+ul.headlineDropdownMenu li.top {
+	float : left;
+	width : 9em;
+	background-image : url("images/down_arrow.png");
+	background-position : center right;
+	background-repeat : no-repeat;
+	margin : 0px; 
+	cursor : pointer;
+	border-width : 1px 1px 1px 1px;
+	border-color : transparent;
+	border-style : solid;
+}
+
+ul.headlineDropdownMenu li.top2 {
+	float : left;
+}
+
+ul.headlineDropdownMenu li.top3 {
+	float : left;
+	margin : 0px; 
+	cursor : pointer;
+	border-width : 1px 1px 1px 1px;
+	border-color : transparent;
+	border-style : solid;
+}
+
+ul.headlineDropdownMenu li.vsep {
+	float : left;
+	margin : 0px 5px 0px 0px;
+	border-width : 0px 1px 0px 0px;
+	border-color : #c0c0c0;
+	border-style : dotted;
+	color : white;
+}
+
+ul.headlineDropdownMenu li.top:hover {
+	cursor : pointer;
+	border-width : 1px 1px 0px 1px;
+	border-color : #c0c0c0;
+	border-style : solid;
+}
+
+ul.headlineDropdownMenu li.top:hover ul {
+	display : block;
+}
+
+ul.headlineDropdownMenu ul {
+	list-style-type : none;
+	position : absolute;
+	float : none;
+	margin : 0px;
+	padding : 0px;
+	display : none;
+	background-color : white;
+	width : 9em;
+	z-index : 3;
+	top : auto;
+	left : auto;
+	border-width : 0px 1px 1px 1px;
+	border-color : #c0c0c0;
+	border-style : solid;
+	margin-left : -1px;
+}
+
+ul.headlineDropdownMenu ul li {
+	float: none;
+	padding : 2px 0px 2px 10px;
+	color : black;
+}
+
+ul.headlineDropdownMenu ul li:hover {
+	color : #4684ff;
+	background-color : #f0f0f0;
+}
+
+#newVersionIcon {
+	vertical-align : middle;
+	cursor : pointer;
+	display : none;
+}
+
+a.helpLinkPic {
+	float : right;
+}
+
+a.helpLinkPic img {
+	border-width : 0px;
+}
+
+#fadd_login_container {
+	display : none;
+}
+
+li.feedCatHolder {
+	display : inline;
+}