ul.feedList {
list-style-type : none;
- margin : 5px;
+ margin : 5px 5px 5px 0px;
padding : 0px 0px 0px 5px;
font-size : 12px;
font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
font-size : 12px;
}
-ul.feedList li.feedCat a {
+ul.feedList li.feedCat span.catTitle {
color : #707070;
+ cursor : pointer;
}
-ul.feedList li.feedCat a:hover {
+ul.feedList li.feedCat span.catTitle:hover {
color : #4684ff;
}
ul.feedCatList {
list-style-type : none;
- margin : 0px 0px 0px 15px;
+ margin : 0px 0px 0px 20px;
padding : 0px;
}
.evenSelectedUnread td {
background-color : #fff7d5;
font-weight : bold;
- border-width : 1px 0px 1px 0px;
- border-style : solid;
- border-color : #e7d796;
+ border-width : 0px 0px 1px 0px;
+ border-style : solid;
+ border-color : #e7d796;
}
.oddUnreadSelected, .oddSelectedUnread, .oddUnreadSelected td,
.oddSelectedUnread td {
background-color : #fff7d5;
font-weight : bold;
+ border-width : 0px 0px 1px 0px;
+ border-style : solid;
+ border-color : #e7d796;
}
.evenSelected, .evenSelected td {
background-color : #fff7d5;
- border-width : 1px 0px 1px 0px;
- border-style : solid;
- border-color : #e7d796;
+ border-width : 0px 0px 1px 0px;
+ border-style : solid;
+ border-color : #e7d796;
+ border-collapse : collapse;
}
-.oddSelected, .evenSelected td {
+.oddSelected, .oddSelected td {
background-color : #fff7d5;
+ border-width : 0px 0px 1px 0px;
+ border-style : solid;
+ border-color : #e7d796;
+ border-collapse : collapse;
}
.evenGrayed, .evenGrayed td {
background-color : #f0f0f0;
color : #909090;
- border-width : 1px 0px 1px 0px;
- border-style : solid;
- border-color : #c0c0c0;
+ border-width : 0px 0px 1px 0px;
+ border-style : solid;
+ border-color : #c0c0c0;
+ border-collapse : collapse;
}
.oddGrayed {
}
.even, .even td {
- border-width : 1px 0px 1px 0px;
- border-style : solid;
- border-color : #c0c0c0;
+ border-width : 0px 0px 1px 0px;
+ border-style : solid;
+ border-color : #c0c0c0;
background-color : #f0f0f0;
+ border-collapse : collapse;
+}
+
+.odd, .odd td {
+ border-width : 0px 0px 1px 0px;
+ border-style : solid;
+ border-color : #c0c0c0;
+ border-collapse : collapse;
}
.evenUnread, .evenUnread td {
background-color : #f0f0f0;
font-weight : bold;
- border-width : 1px 0px 1px 0px;
- border-style : solid;
- border-color : #c0c0c0;
+ border-width : 0px 0px 1px 0px;
+ border-style : solid;
+ border-color : #c0c0c0;
+ border-collapse : collapse;
}
.oddUnread, .oddUnread td {
font-weight : bold;
+ border-width : 0px 0px 1px 0px;
+ border-style : solid;
+ border-color : #c0c0c0;
}
.invisible {
/* preferences */
+table.prefPrefsList tr:hover td.prefValue {
+ color : #88b0f0;
+}
+
+table.prefPrefsList tr:hover td.prefValue input {
+ color : #88b0f0;
+}
+
tr.title td {
border-width : 0px 0px 1px 0px;
border-color : #ecf4ff;
border-style : solid;
border-color : #99d67a;
background-color : #99d67a;
- padding : 2px;
+ padding : 4px 2px 4px 10px;
color : white;
+ font-weight : bold;
+ font-size : 12px;
}
+/* shadow stuff from http://www.sixapart.com/pronet/articles/ydsf_-_robust_c.html */
+
#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;
+ position: relative;
+ overflow : hidden;
+ left : -4px;
+ top : -4px;
}
-/*
-#infoBoxTitle {
- border-width : 1px 1px 1px 1px;
- border-style : solid;
- border-color : #88b0f0;
- background-color : #88b0f0;
- padding : 2px;
- color : white;
+html>body #infoBox {
+ left : -10px;
+ top : -10px;
+ margin : 0;
+}
+
+#infoBoxShadow:before, #infoBoxShadow:after {
+ content : " ";
+ display : block;
+ background : inherit;
+ width : 10px;
+ height : 10px;
+}
+
+#infoBoxShadow:before {
+ position : absolute;
+ top : 0;
+ right : 0;
+ margin : -10px 0 0 auto;
+ background-position : right top;
+}
+
+#infoBoxShadow:after {
+ margin : -10px 0 0 -10px;
+ background-position : left bottom;
}
-#infoBox {
- border-width : 1px 1px 1px 1px;
- border-style : solid;
- border-color : #88b0f0;
- position : relative;
- bottom : 2px;
- right : 2px;
- padding-bottom : 5px;
- background-color : #f7faff;
-} */
#infoBoxShadow {
background-image : url("images/shadow.png");
+ background-position : bottom right;
left : 25%;
- top : 30%;
+ top : 70px;
width : 50%;
- z-index : 3;
+ z-index : 5;
position : absolute;
display : none;
+ min-width : 600px;
}
div.infoBoxContents {
min-width : 100px;
text-align : center;
cursor : pointer;
+ position : relative;
+ bottom : -1px;
+ height : 30px;
}
div.prefsTabSelected {
min-width : 100px;
text-align : center;
cursor : pointer;
+ position : relative;
+ bottom : -1px;
+ z-index : 3;
+ height : 30px;
}
div.notice {
width : 100%;
}
+table.headlinesList td.hlFeedIcon {
+ width : 25px;
+ text-align : center;
+ cursor : pointer;
+}
+
+
table.headlinesList td.hlMarkedPic {
width : 25px;
text-align : center;
div.cdmHeader {
padding : 5px 5px 10px 5px;
+ color : gray;
+
}
div.cdmArticleUnread div.cdmHeader span.titleWrap a {
div.cdmHeader div.articleUpdated {
float : right;
+ font-weight : bold;
+ color : gray;
+}
+
+div.cdmHeader div.articleUpdated img {
+ vertical-align : middle;
}
div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
top : 0;
height : 100%;
width : 100%;
- z-index : 2;
+ z-index : 4;
position : absolute;
background-image : url("images/shadow_white.png");
}
border-collapse : collapse;
}
-#resize-grabber {
+/*#resize-grabber {
position : absolute;
border-width : 1px;
border-style : dotted;
top : 20px;
display : none;
cursor : move;
+}*/
+
+#resize-grabber {
+ height : 5px;
+ border-width : 0px 0px 1px 0px;
+ border-style : solid;
+ border-color : #88b0f0;
+ background : url("images/resize_horiz.png") top left;
+ cursor : move;
+ text-align : center;
}
#footer, #prefFooter {
color : black;
}
-#prefContent {
+#prefContentOuter {
clear : left;
position : absolute;
- bottom : 40px;
+ bottom : 41px;
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;
border-width : 1px 0px 0px 0px;
border-color : #88b0f0;
border-style : solid;
font-size : 12px;
}
+#prefContent {
+ z-index : 4;
+ background-image : url("images/prefs-content.png");
+ background-position : top left;
+ background-repeat : repeat-x;
+ position : absolute;
+ bottom : 0px;
+ top : 0px;
+ left : 0px;
+ right : 0px;
+ padding : 1em;
+ overflow : auto;
+
+}
+
#userSwitch {
position : absolute;
bottom : 2px;
margin-bottom : 0.5em;
}
-.catCtrHasUnread {
+.catCtrHasUnread, .feedCtrHasUnread {
font-weight : bold;
+ color : #707070;
}
-.catCtrNoUnread {
+.catCtrNoUnread, .feedCtrNoUnread {
display : none;
}
background-color : white;
}
-a[target="_new"], a[target="_blank"] {
+/*a[target="_new"], a[target="_blank"] {
border-width : 0px 0px 1px 0px;
border-color : #778899;
border-style : dotted;
-}
+}*/
div.autocomplete {
position : absolute;
border-color : #a0a0a0;
border-width : 0px 0px 1px 0px;
border-style : solid;
- padding : 5px;
+ padding : 5px 3px 5px 5px;
+ background : url("images/toolbar.png") bottom left;
+ background-repeat : repeat-x;
+}
+
+table.headlinesList tr, table.headlinesList td {
+ border-collapse : collapse;
+ margin : 0px;
}
table.headlinesList tr.feedTitle td {
/* text-align : right;
margin-top : 10px; */
- padding-left : 5px;
+ /*padding-left : 5px;*/
+
+ background : url("images/toolbar.png") bottom left;
+ background-repeat : repeat-x;
+
+ border-color : #c0c0c0;
+ border-width : 0px 0px 1px 0px;
+ border-style : solid;
+ padding : 5px 3px 5px 5px;
+
}
td.hlContent, td.hlContentL, td.hlContentH {
background-color : #88b0f0;
height : 10px;
}
+
+#content-insert {
+ background-color : white;
+ overflow : auto;
+ position : absolute;
+ left : 0px;
+ right : 0px;
+ bottom : 0px;
+ top : 6px;
+}
+
+div.dlgSec {
+ font-size : 14px;
+ color : gray;
+ font-weight : bold;
+ clear : both;
+ height : 20px;
+}
+
+div.dlgSecCont {
+ position : relative;
+ left : 150px;
+ top : -20px;
+ float : left;
+ font-size : 12px;
+ font-weight : medium;
+ line-height : 200%;
+}
+
+div.dlgButtons {
+ text-align : right;
+ clear : both;
+}
+
+textarea.labelSQL {
+ font-family : monospace;
+}
+
+div#label_test_result {
+ clear : both;
+}