font-family : sans-serif;
}
-/* common styles */
-
-table.main td.headerBox {
-/* background-image : url("images/vgrad_light_rev2.png");
- background-position : top left;
- background-repeat : repeat-x; */
- background-color : white;
-}
-
-table.main td.header {
- padding : 10px 10px 10px 10px;
- height : 50px;
-}
-
-table.main td.mainToolbar {
- border-width : 0px 0px 0px 0px;
- border-style : solid;
- border-color : #c0c0c0;
- padding : 3px 25px 3px 10px;
-}
-
-table.main td.prefsToolbar {
- padding : 0px 5px 5px 0px;
-}
-
-table.main td.feeds {
- width : 290px;
- height : 100%;
- border-width : 1px 0px 0px 0px;
- border-style : solid;
- border-color : #88b0f0;
- padding : 0px;
-}
-
-table.main td.headlinesToolbarBox {
- padding : 10px;
- border-width : 0px 0px 1px 1px;
- border-style : solid;
- border-color : #88b0f0;
- background-image : url("images/toolbar.png");
- background-position : bottom left;
- background-repeat : repeat-x;
- background-color : white;
-}
-
-table.main td.footer {
- border-width : 1px 0px 0px 0px;
- border-style : solid;
- border-color : #88b0f0;
- padding : 10px;
- text-align : center;
- font-size : x-small;
- background-image : url("images/footer.png");
- background-position : top left;
- background-repeat : repeat-x;
- background-color : white;
- color : gray;
-}
-
-table.main td.footer a {
- color : gray;
-}
-
-table.main td.footer a:hover {
- color : #4684ff;
-}
-
-table.main td.headlines {
- height : 25%;
- border-width : 0px 0px 1px 1px;
- border-style : solid;
- border-color : #88b0f0;
-}
-
-table.main td.headlines2 {
- height : 100%;
- border-width : 0px 0px 0px 1px;
- border-style : solid;
- border-color : #c0c0c0;
-}
-
-table.main td.content {
- height : 100%;
- border-width : 0px 0px 0px 1px;
- border-style : solid;
- border-color : #88b0f0;
-}
-
-table.main td.prefContent {
- height : 100%;
- background-image : url("images/prefs-content.png");
- background-position : top left;
- background-repeat : repeat-x;
- border-width : 1px 0px 0px 0px;
+blockquote {
+ margin : 5px;
+ border-width : 0px 0px 0px 4px;
+ border-color : #f0f0f0;
border-style : solid;
- border-color : #88b0f0;
- padding : 20px;
- background-color : white;
+ padding : 2px 0px 2px 5px;
}
div.postReply {
- height : 100%;
padding : 10px;
+ font-size : medium;
}
div.postReply a {
ul.feedList {
list-style-type : none;
margin : 5px;
- padding : 0px 0px 0px 10px;
- font-size : x-small;
+ 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 : x-small;
+ font-size : small;
}
ul.feedList li.feedCat a {
ul.feedCatList {
list-style-type : none;
- margin : 0px 0px 0px 20px;
+ margin : 0px 0px 0px 15px;
padding : 0px;
}
ul.feedList li {
margin : 0px;
+ font-size : small;
}
li.feedUnread,
padding-left : 2px;
}
-td.notifyBox {
- font-size : 10pt;
- text-align : right;
-}
-
-.notify_sm {
- background : #fff7d5;
- border : 1px solid #d7c47a;
- padding : 3px;
- -moz-border-radius : 3px;
- font-size : x-small;
- font-weight : bold;
- text-align : left;
- padding : 3px 20px 3px 20px;
- text-align : center;
- float : left;
- min-width : 20%;
- position : absolute;
- left : 2px;
- top : 2px;
- display : none;
-}
-
-.notify {
- background : #fff7d5;
- border : 1px solid #d7c47a;
- padding : 3px;
+#notify {
+ border-width : 1px;
+ border-style : solid;
top : 10px;
right : 35%;
min-width : 30%;
position : absolute;
- font-size : x-small;
- font-weight : bold;
- text-align : center;
display : none;
float : right;
- padding : 3px 20px 3px 20px;
+ font-size : small;
+ text-align : center;
z-index : 999;
- -moz-border-radius : 3px;
+ -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 {
- padding : 5px 5px 5px 0px;
font-size : x-small;
text-align : right;
+ float : right;
+ margin : 5px 5px 0px 0px;
}
#dispSwitch a {
background-color : #fff7d5;
}
-/*
-.feedUnreadSelected, .feedSelectedUnread,
-.virtUnreadSelected, .virtSelectedUnread,
-.labelUnreadSelected, .labelSelectedUnread {
- background-color : #e0e0ff;
- font-weight : bold;
-} */
-
-
.evenGrayed, .evenGrayed td {
background-color : #f0f0f0;
color : #909090;
display : none;
}
-/*
-td > input, div > input {
- border : 1px solid #a0a0a0;
-} */
-
/* preferences */
tr.title td {
border-width : 0px 0px 1px 0px;
border-color : #ecf4ff;
border-style : solid;
- font-size : x-small;
- color : black;
+ font-size : small;
+ color : #4684ff;
}
tr.title td a {
- color : black;
+ color : #4684ff;
}
tr.title td a:hover {
- color : #4684ff;
+ color : black;
+}
+
+div.feedEditSearch {
+ float : right;
}
table.prefFeedList td.feedEditCat {
- font-size : large;
font-weight : bold;
- padding : 5px 0px 5px 0px;
+ border-width : 0px 0px 1px 0px;
+ border-style : solid;
+ border-color : #88b0f0;
+ padding-top : 0.5em;
}
table.prefFeedList td.feedIcon {
border : 1px solid #f0f0f0;
}
-#userDlgShadow {
- z-index : 3;
- position : absolute;
- left : 30%;
- top : 30%;
- display : none;
- background-image : url("images/shadow.png");
-}
-
-#userDlg {
- padding : 15px;
- border : 1px solid #88b0f0;
- font-size : small;
- position : relative;
- bottom : 2px;
- right : 2px;
- background-color : #ecf4ff;
-}
-
#infoBoxTitle {
border-width : 1px 1px 1px 1px;
border-style : solid;
font-size : 12pt;
}
-/* pre {
- border : 1px solid #c0c0c0;
- padding : 5px;
- background : #f0f0f0;
- margin : 5px 10px 5px 10px;
-} */
-
pre {
margin : 5px;
}
width : 100%;
}
-table.main td.prefsTabs {
- padding-left : 5px;
-/* background-image : url("images/toolbar.png");
- background-position : bottom left;
- background-repeat : repeat-x; */
+div.firstTab {
+ width : 10px;
+ float : left;
}
-input.prefsTab {
- background-image : url("images/prefs_tab.png");
- background-position : top left;
- background-repeat : repeat-x;
- border : 0px solid black;
- padding : 2px 7px 2px 7px;
- margin : 0px 1px 0px 0px;
- width : 130px;
- font-size : x-small;
- background-color : white;
+div.prefsTab:hover {
+ cursor : pointer;
}
-input.prefsTabSelected {
-
- background-image : url("images/active_tab.png");
- background-position : top left;
- background-repeat : repeat-x;
- border : 0px solid black;
- padding : 2px 7px 2px 7px;
- margin : 0px 1px 0px 0px;
- width : 130px;
- font-weight : bold;
- background-position : top left;
- background-repeat : repeat-x;
- font-size : x-small;
+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;
+ bottom : -1px;
+ border-collapse : collapse;
+ -moz-border-radius : 3px;
+ min-width : 100px;
+ text-align : center;
+}
-/*input.prefsTab:hover {
- background : white;
-}*/
+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;
+ bottom : -1px;
+ 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 : 3px;
- margin : 5px;
- font-size : x-small;
+ padding : 5px;
+ margin : 0px 0px 5px 0px;
+ font-size : small;
}
div.notice {
background : #ffffff;
border : 1px solid #88b0f0;
padding : 5px;
- margin : 5px;
- font-size : x-small;
+ margin : 0px 0px 5px 0px;
+ font-size : small;
}
ul.nomarks {
}
div.prefHelp, td.prefHelp {
- font-size : x-small;
- color : gray;
- padding : 5px;
-}
-
-td.welcomePrompt {
- font-size : x-small;
- color : #4684ff;
- text-align : right;
- padding-right : 10px;
- padding-top : 5px;
-}
-
-td.httpWelcomePrompt {
font-size : small;
color : gray;
- text-align : right;
+ padding : 5px;
}
table.loginForm {
}
.prefGenericAddBox {
- margin : 5px;
- font-size : small;
-}
-
-.prefGenericAddBox td {
font-size : small;
}
}
.small {
- font-size : x-small;
+ font-size : small;
}
table.innerFeedTable td {
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;
+ padding : 0px 5px 0px 5px;
}
table.headlinesSubToolbar td.headlineActionsRTL {
font-size : x-small;
color : gray;
- padding : 5px 5px 5px 0px;
+ padding : 0px 5px 0px 5px;
}
table.headlinesSubToolbar td.headlineTitle {
font-size : x-small;
color : gray;
- padding : 5px 5px 5px 0px;
+ padding : 0px 5px 0px 5px;
text-align : right;
}
table.headlinesSubToolbar td.headlineTitleRTL {
font-size : x-small;
color : gray;
- padding : 5px 0px 5px 5px;
+ padding : 0px 5px 0px 5px;
text-align : left;
}
height : 1em;
}
+td.hlFeed {
+ text-align : right;
+}
+
div.cdmArticle {
- border : 1px solid #f0f0f0;
+ border-color : #c0c0c0;
+ border-width : 0px 0px 1px 0px;
+ border-style : solid;
background-color : #fafafa;
- -moz-border-radius : 5px;
- margin : 10px 10px 0px 10px;
+ margin : 0px;
padding : 10px;
}
div.cdmArticleUnread {
- border : 1px solid #d5f1f4;
+ border-color : #c0c0c0;
+ border-width : 0px 0px 1px 0px;
+ border-style : solid;
background-color : #fafeff;
- -moz-border-radius : 5px;
- margin : 10px 10px 0px 10px;
+ margin : 0px;
padding : 10px;
}
div.cdmArticleSelected, div.cdmArticleUnreadSelected {
- -moz-border-radius : 5px;
- margin : 10px 10px 0px 10px;
+ margin : 0px;
padding : 10px;
background-color : #fff7d5;
- border : 1px solid #e7d796;
+ border-color : #e7d796;
+ border-width : 0px 0px 1px 0px;
+ border-style : solid;
}
div.cdmArticleUnread div.cdmHeader a.title,
background-color : white;
margin-left : 1px;
text-align : center;
+ padding : 1em;
}
/* layout */
right : 5px;
height : 40px;
color : #4684ff;
- font-size : x-small;
+ font-size : small;
}
#feeds-holder {
position : absolute;
width : 260px;
overflow : auto;
- bottom : 50px;
+ bottom : 40px;
+ border-collapse : collapse;
+ height: expression((parseInt(document.documentElement.clientHeight)-40-20-30)+'px');
}
#toolbar {
background-image : url("images/toolbar.png");
background-position : bottom left;
background-repeat : repeat-x;
- font-size : small;
}
div.headlines_normal {
border-style : solid;
border-color : #88b0f0;
left : 260px;
- height : 300px;
+ height : 305px;
top : 85px;
right : 0px;
- overflow : auto;
+ overflow : hidden;
font-size : small;
+ border-collapse : collapse;
+ /* css hack for IE */
+ width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
}
div.headlines_cdm {
border-style : solid;
border-color : #88b0f0;
left : 260px;
- bottom : 50px;
+ bottom : 40px;
top : 85px;
right : 0px;
- overflow : auto;
+ overflow : hidden;
font-size : small;
+ border-collapse : collapse;
+ width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
}
#content-frame {
overflow : auto;
top : 390px;
left : 260px;
- bottom : 50px;
+ 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 {
+#footer, #prefFooter {
position : absolute;
bottom : 0px;
- height : 30px;
+ height : 20px;
text-align : center;
color : gray;
font-size : x-small;
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;
+ height: expression((parseInt(document.documentElement.clientHeight)-75-40)+'px');
+ width: expression((parseInt(document.documentElement.clientWidth)-25)+'px');
+
+
+}
+
+#userSwitch {
+ position : absolute;
+ bottom : 2px;
+ right : 2px;
+}