1413 lines
22 KiB
CSS
1413 lines
22 KiB
CSS
body#ttrssMain, body#ttrssPrefs, body#ttrssLogin, body {
|
|
background : white;
|
|
color : black;
|
|
margin : 0px;
|
|
padding : 0px;
|
|
font-family : sans-serif;
|
|
font-size : 12px;
|
|
}
|
|
|
|
body#ttrssPrefs {
|
|
background-color : #ecf4ff;
|
|
}
|
|
|
|
body#ttrssPrefs #footer, body#ttrssPrefs #header {
|
|
background-color : #ecf4ff;
|
|
padding-left : 8px;
|
|
padding-right : 8px;
|
|
}
|
|
|
|
div.postReply {
|
|
padding : 0px;
|
|
}
|
|
|
|
div.postReply a {
|
|
color : #4684ff;
|
|
}
|
|
|
|
div.postReply a:hover {
|
|
color : black;
|
|
}
|
|
|
|
div.postReply div.postHeader {
|
|
border-width : 0px 0px 1px 0px;
|
|
border-style : solid;
|
|
border-color : #88b0f0;
|
|
background-color : white;
|
|
background : url("images/toolbar.png");
|
|
background-position : bottom left;
|
|
background-repeat : repeat-x;
|
|
padding : 5px;
|
|
color : #909090;
|
|
}
|
|
|
|
div.postReply div.postContent {
|
|
padding : 10px;
|
|
font-size : 12px;
|
|
}
|
|
|
|
div.postReply div.postContent img {
|
|
border-width : 0px;
|
|
max-width : 98%;
|
|
}
|
|
|
|
div.postReply div.postIcon {
|
|
float : right;
|
|
border : 0px;
|
|
margin : 5px;
|
|
}
|
|
|
|
div.postReply div.postIcon img {
|
|
max-width : 120px;
|
|
display : inline;
|
|
}
|
|
|
|
div.postReply div.postEnclosures {
|
|
margin-top : 1em;
|
|
color : gray;
|
|
}
|
|
|
|
div.postReply img.tagsPic {
|
|
width : 16px;
|
|
height : 16px;
|
|
margin-left : 4px;
|
|
vertical-align : middle;
|
|
}
|
|
|
|
div.articleNote {
|
|
background-color : #fff7d5;
|
|
padding : 5px;
|
|
border-style : none none dashed none;
|
|
border-color : #e7d796;
|
|
border-width : 1px;
|
|
background-color : #fff7d5;
|
|
color : #9a8c59;
|
|
}
|
|
|
|
div.articleNote div.noteEdit {
|
|
float : right;
|
|
cursor : pointer;
|
|
}
|
|
|
|
div.postReply span.author {
|
|
font-size : 12px;
|
|
}
|
|
|
|
h1 {
|
|
font-size : 18px;
|
|
}
|
|
|
|
h2 {
|
|
font-size : 16px;
|
|
font-weight : bold;
|
|
border-width : 0px 0px 1px 0px;
|
|
border-style : solid;
|
|
border-color : #ecf4ff;
|
|
}
|
|
|
|
h3 {
|
|
font-size : 12px;
|
|
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 {
|
|
z-index : 999;
|
|
position : absolute;
|
|
}
|
|
|
|
#notify {
|
|
border-width : 0px 1px 1px 1px;
|
|
border-style : solid;
|
|
top : 0px;
|
|
right : 35%;
|
|
min-width : 30%;
|
|
position : absolute;
|
|
display : none;
|
|
float : right;
|
|
font-size : 12px;
|
|
z-index : 99;
|
|
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;
|
|
color : black;
|
|
}
|
|
|
|
.notifyError {
|
|
background-color : #ffcccc;
|
|
border-color : #ff0000;
|
|
color : black;
|
|
}
|
|
|
|
.notifyError span:hover {
|
|
color : red;
|
|
cursor : pointer;
|
|
}
|
|
|
|
.Selected, .Selected td {
|
|
background-color : #fff7d5;
|
|
}
|
|
|
|
.even.Unread.Selected, .even.Unread.Selected td {
|
|
background-color : #fff7d5;
|
|
font-weight : bold;
|
|
border-width : 0px 0px 1px 0px;
|
|
border-style : solid;
|
|
border-color : #e7d796;
|
|
}
|
|
|
|
.odd.Unread.Selected, .odd.Unread.Selected td {
|
|
background-color : #fff7d5;
|
|
font-weight : bold;
|
|
border-width : 0px 0px 1px 0px;
|
|
border-style : solid;
|
|
border-color : #e7d796;
|
|
}
|
|
|
|
.even.Selected, .even.Selected td {
|
|
background-color : #fff7d5;
|
|
border-width : 0px 0px 1px 0px;
|
|
border-style : solid;
|
|
border-color : #e7d796;
|
|
border-collapse : collapse;
|
|
}
|
|
|
|
.odd.Selected, .odd.Selected td {
|
|
background-color : #fff7d5;
|
|
border-width : 0px 0px 1px 0px;
|
|
border-style : solid;
|
|
border-color : #e7d796;
|
|
border-collapse : collapse;
|
|
}
|
|
|
|
.even.Grayed, .even.Grayed td {
|
|
background-color : #f0f0f0;
|
|
color : #909090;
|
|
border-width : 0px 0px 1px 0px;
|
|
border-style : solid;
|
|
border-color : #c0c0c0;
|
|
border-collapse : collapse;
|
|
}
|
|
|
|
.odd.Grayed {
|
|
color : #909090;
|
|
}
|
|
|
|
.even, .even td {
|
|
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;
|
|
}
|
|
|
|
.even.Unread, .even.Unread td {
|
|
background-color : #f0f0f0;
|
|
font-weight : bold;
|
|
border-width : 0px 0px 1px 0px;
|
|
border-style : solid;
|
|
border-color : #c0c0c0;
|
|
border-collapse : collapse;
|
|
}
|
|
|
|
.odd.Unread, .odd.Unread td {
|
|
font-weight : bold;
|
|
border-width : 0px 0px 1px 0px;
|
|
border-style : solid;
|
|
border-color : #c0c0c0;
|
|
}
|
|
|
|
.invisible {
|
|
display : none;
|
|
}
|
|
|
|
/* preferences */
|
|
|
|
/* table.prefPrefsList tr:hover td.prefValue {
|
|
color : #88b0f0;
|
|
}
|
|
|
|
table.prefPrefsList tr:hover td.prefValue input {
|
|
color : #88b0f0;
|
|
} */
|
|
|
|
table.prefPrefsList h3 {
|
|
margin-top : 0px;
|
|
}
|
|
|
|
tr.title td {
|
|
border-width : 0px 0px 1px 0px;
|
|
border-color : #ecf4ff;
|
|
border-style : solid;
|
|
color : #4684ff;
|
|
}
|
|
|
|
tr.title td a {
|
|
color : #4684ff;
|
|
}
|
|
|
|
tr.title td a:hover {
|
|
color : black;
|
|
}
|
|
|
|
table.prefFeedList td.feedEditCat {
|
|
font-weight : bold;
|
|
border-width : 0px 0px 1px 0px;
|
|
border-style : solid;
|
|
border-color : #88b0f0;
|
|
padding-top : 0.5em;
|
|
}
|
|
|
|
table.prefFilterList td.filterEditCat {
|
|
font-weight : bold;
|
|
border-width : 0px 0px 1px 0px;
|
|
border-style : solid;
|
|
border-color : #88b0f0;
|
|
padding-top : 0.5em;
|
|
}
|
|
|
|
/* oh for the love of... */
|
|
|
|
table.prefFilterList tr.even,
|
|
table.prefFilterList tr.odd,
|
|
table.prefFilterList tr.evenSelected,
|
|
table.prefFilterList tr.oddSelected,
|
|
table.prefLabelList tr.even,
|
|
table.prefLabelList tr.odd,
|
|
table.prefLabelList tr.evenSelected,
|
|
table.prefLabelList tr.oddSelected,
|
|
table.prefUserList tr.even,
|
|
table.prefUserList tr.odd,
|
|
table.prefUserList tr.evenSelected,
|
|
table.prefUserList tr.oddSelected,
|
|
table.prefFeedList tr.even,
|
|
table.prefFeedList tr.odd,
|
|
table.prefFeedList tr.evenSelected,
|
|
table.prefFeedList tr.oddSelected,
|
|
table.prefInstanceList tr.even,
|
|
table.prefInstanceList tr.odd,
|
|
table.prefInstanceList tr.evenSelected,
|
|
table.prefInstanceList tr.oddSelected
|
|
{
|
|
cursor : pointer;
|
|
}
|
|
|
|
table.prefFilterList tr.even:hover td,
|
|
table.prefFilterList tr.odd:hover td,
|
|
table.prefFilterList tr.evenSelected:hover td,
|
|
table.prefFilterList tr.oddSelected:hover td
|
|
table.prefLabelList tr.even:hover td,
|
|
table.prefLabelList tr.odd:hover td,
|
|
table.prefLabelList tr.evenSelected:hover td,
|
|
table.prefLabelList tr.oddSelected:hover td,
|
|
table.prefUserList tr.even:hover td,
|
|
table.prefUserList tr.odd:hover td,
|
|
table.prefUserList tr.evenSelected:hover td,
|
|
table.prefUserList tr.oddSelected:hover td,
|
|
table.prefFeedList tr.even:hover td,
|
|
table.prefFeedList tr.odd:hover td,
|
|
table.prefFeedList tr.evenSelected:hover td,
|
|
table.prefFeedList tr.oddSelected:hover td,
|
|
table.prefInstanceList tr.even:hover td,
|
|
table.prefInstanceList tr.odd:hover td,
|
|
table.prefInstanceList tr.evenSelected:hover td,
|
|
table.prefInstanceList tr.oddSelected:hover td
|
|
{
|
|
color : #88b0f0;
|
|
}
|
|
|
|
table.prefFeedList td.feedIcon {
|
|
text-align : center;
|
|
}
|
|
|
|
table.prefFeedList td.feedSelect {
|
|
text-align : center;
|
|
}
|
|
|
|
div.prefFeedCatHolder, div.prefFeedOPMLHolder, div.inactiveFeedHolder {
|
|
height : 300px;
|
|
overflow : auto;
|
|
border-width : 0px 1px 1px 1px;
|
|
border-color : #c0c0c0;
|
|
border-style : solid;
|
|
margin : 0px 0px 5px 0px;
|
|
background-color : #ecf4ff;
|
|
}
|
|
|
|
div.prefFeedOPMLHolder, div.inactiveFeedHolder {
|
|
border-width : 1px 1px 1px 1px;
|
|
}
|
|
|
|
a.helpLink {
|
|
color : #808080;
|
|
}
|
|
|
|
a.helpLink:hover {
|
|
color : #4684ff;
|
|
}
|
|
|
|
#content-insert pre, #headlines-frame pre, .dijitContentPane pre {
|
|
margin : 0px 0px 0px 1em;
|
|
padding : 0px;
|
|
font-family : monospace;
|
|
font-size : 12px;
|
|
background : transparent;
|
|
border-width : 0px;
|
|
color : gray;
|
|
}
|
|
|
|
#content-insert blockquote, #headlines-frame blockquote, .dijitContentPane blockquote {
|
|
margin : 0px 0px 0px 1em;
|
|
border-width : 0px 0px 0px 2px;
|
|
border-color : #c0c0c0;
|
|
border-style : solid;
|
|
font-style : italic;
|
|
padding : 0px 0px 0px 1em;
|
|
font-size : 12px;
|
|
color : gray;
|
|
}
|
|
|
|
#content-insert code, #headlines-frame code, .dijitContentPane code {
|
|
background : transparent;
|
|
border : 0px solid transparent;
|
|
margin : 0px;
|
|
font-family : monospace;
|
|
padding : 0px;
|
|
font-size : 12px;
|
|
color : black;
|
|
}
|
|
|
|
div.notice {
|
|
background : #ffffff;
|
|
border : 1px solid #88b0f0;
|
|
width : 60%;
|
|
padding : 5px;
|
|
margin : 0px 0px 5px 0px;
|
|
font-size : 12px;
|
|
}
|
|
|
|
div.warning {
|
|
background : #fff7d5;
|
|
border : 1px solid #d7c47a;
|
|
font-size : 12px;
|
|
width : 60%;
|
|
padding : 5px;
|
|
margin : 0px 0px 5px 0px;
|
|
}
|
|
|
|
div.warning img, div.notice img, div.error img {
|
|
vertical-align : middle;
|
|
padding : 5px;
|
|
}
|
|
|
|
span.filterDateError {
|
|
color : #ff0000;
|
|
}
|
|
|
|
div.error {
|
|
border : 1px solid #ff0000;
|
|
background : #ffcccc;
|
|
padding : 5px;
|
|
margin : 0px 0px 5px 0px;
|
|
font-size : 12px;
|
|
}
|
|
|
|
ul.nomarks {
|
|
list-style-type : none;
|
|
margin : 0px;
|
|
padding : 10px;
|
|
}
|
|
|
|
div.prefHelp, td.prefHelp {
|
|
color : gray;
|
|
padding : 5px;
|
|
}
|
|
|
|
table.loginForm {
|
|
background-color : #ecf4ff;
|
|
}
|
|
|
|
span.feed_error {
|
|
color : red;
|
|
}
|
|
|
|
.insensitive {
|
|
color : gray;
|
|
}
|
|
|
|
.insensitive a {
|
|
color : #4684ff;
|
|
}
|
|
|
|
.insensitive a:hover {
|
|
color : black;
|
|
}
|
|
|
|
.small {
|
|
font-size : 11px;
|
|
}
|
|
|
|
table.innerFeedTable td {
|
|
margin : 0px;
|
|
padding : 0px;
|
|
}
|
|
|
|
td.selectPrompt {
|
|
font-size : 12px;
|
|
color : gray;
|
|
}
|
|
|
|
div#headlines-toolbar {
|
|
border-width : 0px 0px 1px 0px;
|
|
background-color : #f0f0f0;
|
|
border-color : #88b0f0 #88b0f0 #ecf4ff #88b0f0;
|
|
font-size : 11px;
|
|
font-family : "Segoe UI", Tahoma, sans-serif;
|
|
color : gray;
|
|
padding : 0px;
|
|
margin : 0px;
|
|
overflow : hidden;
|
|
height : 25px;
|
|
line-height : 25px;
|
|
padding-left : 4px;
|
|
}
|
|
|
|
div#headlines-toolbar .dijitSelect {
|
|
font-size : 11px;
|
|
position : relative;
|
|
top : -2px;
|
|
}
|
|
|
|
div#headlines-toolbar span.r {
|
|
float: right;
|
|
position: relative;
|
|
background : #ecf4ff;
|
|
border-left: 5px solid white;
|
|
padding : 0 4px 0px 4px;
|
|
text-align : right;
|
|
}
|
|
|
|
/* http://css-tricks.com/adobe-like-arrow-headers/ */
|
|
|
|
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
|
div#headlines-toolbar span.r:before,
|
|
div#headlines-toolbar span.r:after {
|
|
content: "";
|
|
position: absolute;
|
|
/* Pushed down half way, will get pulled back up half height of triangle
|
|
ensures centering if font-size or line-height changes */
|
|
top: 50%;
|
|
width: 0;
|
|
height: 0;
|
|
}
|
|
div#headlines-toolbar span.r:before {
|
|
left: -12px;
|
|
/* Triangle */
|
|
border-top: 8px solid transparent;
|
|
border-bottom: 8px solid transparent;
|
|
border-right: 8px solid white;
|
|
/* Pull-up */
|
|
margin-top: -8px;
|
|
}
|
|
div#headlines-toolbar span.r:after {
|
|
/* Smaller and different position triangle */
|
|
left: -5px;
|
|
border-top: 6px solid transparent;
|
|
border-bottom: 6px solid transparent;
|
|
border-right: 6px solid #ecf4ff;
|
|
margin-top: -6px;
|
|
}
|
|
}
|
|
|
|
div#headlines-toolbar span.r span.error {
|
|
color : red;
|
|
}
|
|
|
|
div#headlines-toolbar span.r a {
|
|
color : gray;
|
|
}
|
|
|
|
div#headlines-toolbar span.r a:hover {
|
|
color : black;
|
|
}
|
|
|
|
span.contentPreview {
|
|
color : gray;
|
|
font-weight : normal;
|
|
}
|
|
|
|
span.contentPreview:hover {
|
|
color : #4684ff;
|
|
}
|
|
|
|
span.hlLabelRef {
|
|
background-color : #fff7d5;
|
|
font-size : 8px;
|
|
color : #063064;
|
|
font-weight : normal;
|
|
margin : 0px 3px 0px 3px;
|
|
padding : 0px 4px 0px 4px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
td.hlSelectRow, td.hlUpdPic {
|
|
width : 25px;
|
|
text-align : center;
|
|
}
|
|
|
|
div.postHeader div.postDate {
|
|
text-align : right;
|
|
color : gray;
|
|
float : right;
|
|
}
|
|
|
|
div.postHeader div.postDateRTL {
|
|
text-align : left;
|
|
color : gray;
|
|
float : right;
|
|
}
|
|
|
|
div.postHeader div {
|
|
padding-bottom : 3px;
|
|
font-size : 12px;
|
|
}
|
|
|
|
#feedUpdateErrors {
|
|
display : none;
|
|
}
|
|
|
|
#allEntryTags {
|
|
font-size : 12px;
|
|
border-width : 0px 0px 1px 0px;
|
|
border-style : solid;
|
|
border-color : #c0c0c0;
|
|
padding-bottom : 5px;
|
|
display : none;
|
|
}
|
|
|
|
td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
|
|
height : 1em;
|
|
}
|
|
|
|
td.hlFeed {
|
|
text-align : right;
|
|
}
|
|
|
|
span.hlFeed, span.hlFeed a {
|
|
font-size : 12px;
|
|
color : gray;
|
|
}
|
|
|
|
span.hlFeed a:hover {
|
|
color : #4684ff;
|
|
}
|
|
|
|
img.markedPic {
|
|
cursor : pointer;
|
|
}
|
|
|
|
a.warning {
|
|
color : #f04040;
|
|
}
|
|
|
|
div.tagCloudContainer {
|
|
border : 1px solid #c0c0c0;
|
|
background-color : #ecf4ff;
|
|
margin : 5px 0px 5px 0px;
|
|
padding : 5px;
|
|
text-align : center;
|
|
}
|
|
|
|
div.errorExplained {
|
|
border : 1px solid #c0c0c0;
|
|
background-color : #ecf4ff;
|
|
margin : 5px 0px 5px 0px;
|
|
padding : 5px;
|
|
}
|
|
|
|
ul.feedErrorsList {
|
|
max-height : 300px;
|
|
overflow : auto;
|
|
list-style-type : none;
|
|
border : 1px solid #c0c0c0;
|
|
background-color : #ecf4ff;
|
|
margin : 0px 0px 5px 0px;
|
|
padding : 5px;
|
|
}
|
|
|
|
ul.feedErrorsList em {
|
|
color : gray;
|
|
}
|
|
|
|
ul.userFeedList {
|
|
height : 300px;
|
|
overflow : auto;
|
|
list-style-type : none;
|
|
border : 1px solid gray;
|
|
background-color : white;
|
|
margin : 0px 0px 5px 0px;
|
|
padding : 0px;
|
|
}
|
|
|
|
ul.browseFeedList {
|
|
height : 300px;
|
|
overflow : auto;
|
|
border-width : 0px 1px 1px 1px;
|
|
border-color : #c0c0c0;
|
|
border-style : solid;
|
|
margin : 0px 0px 5px 0px;
|
|
background-color : white;
|
|
list-style-type : none;
|
|
padding : 0px;
|
|
|
|
}
|
|
|
|
ul.browseFeedList li {
|
|
margin : 0px;
|
|
padding : 2px 4px 2px 4px;
|
|
}
|
|
|
|
span.subscribers {
|
|
color : #808080;
|
|
}
|
|
|
|
div.subscribers {
|
|
color : #808080;
|
|
font-size : 12px;
|
|
float : right;
|
|
}
|
|
|
|
div.browserDetails {
|
|
margin : 5px 5px 5px 5px;
|
|
padding : 5px;
|
|
}
|
|
|
|
ul.compact {
|
|
list-style-type : none;
|
|
margin : 0px;
|
|
padding : 0px;
|
|
}
|
|
|
|
ul.compact li {
|
|
margin : 0px;
|
|
padding : 0px;
|
|
}
|
|
|
|
.noborder {
|
|
border-width : 0px;
|
|
}
|
|
|
|
#overlay {
|
|
background : white;
|
|
left : 0;
|
|
top : 0;
|
|
height : 100%;
|
|
width : 100%;
|
|
z-index : 100;
|
|
position : absolute;
|
|
}
|
|
|
|
#overlay_inner {
|
|
font-weight : bold;
|
|
margin : 1em;
|
|
}
|
|
|
|
form {
|
|
margin : 0px;
|
|
padding : 0px;
|
|
}
|
|
|
|
#main_toolbar_form {
|
|
margin : 0px;
|
|
padding : 0px;
|
|
display : table-cell;
|
|
white-space : nowrap;
|
|
width : 100%;
|
|
}
|
|
|
|
table.loginForm2 {
|
|
padding : 1em;
|
|
width : 100%;
|
|
}
|
|
|
|
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 : 12px;
|
|
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;
|
|
}
|
|
|
|
div.loadingPrompt {
|
|
padding : 1em;
|
|
text-align : center;
|
|
font-weight : bold;
|
|
}
|
|
|
|
div.whiteBox {
|
|
margin-left : 1px;
|
|
text-align : center;
|
|
padding : 1em;
|
|
}
|
|
|
|
html, body#ttrssMain, #main {
|
|
width: 100%;
|
|
height: 100%;
|
|
border: 0;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
html, body#ttrssPrefs, #main {
|
|
width: 100%;
|
|
height: 100%;
|
|
border: 0;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
#toolbar div.actionChooser {
|
|
display : table-cell;
|
|
text-align : right;
|
|
padding-right : 3px;
|
|
}
|
|
|
|
/* preferences layout */
|
|
|
|
div.return {
|
|
float : right;
|
|
font-size : 12px;
|
|
margin-right : 10px;
|
|
}
|
|
|
|
div.return a {
|
|
color : #4684ff;
|
|
}
|
|
|
|
div.return a:hover {
|
|
color : black;
|
|
}
|
|
|
|
#header .logo {
|
|
float : right;
|
|
margin-left : 10px;
|
|
}
|
|
|
|
#header a {
|
|
color : #4684ff;
|
|
}
|
|
|
|
#header a:hover {
|
|
color : black;
|
|
}
|
|
|
|
#header img {
|
|
vertical-align : middle;
|
|
cursor : pointer;
|
|
}
|
|
|
|
a.helpLinkPic img {
|
|
border-width : 0px;
|
|
vertical-align : middle;
|
|
}
|
|
|
|
div.autocomplete {
|
|
position : absolute;
|
|
width : 250px;
|
|
background-color : white;
|
|
border :1px solid #778899;
|
|
margin : 0px;
|
|
padding : 0px;
|
|
}
|
|
|
|
div.autocomplete ul {
|
|
list-style-type : none;
|
|
margin : 0px;
|
|
padding : 0px;
|
|
}
|
|
|
|
div.autocomplete ul li.selected {
|
|
background-color : #fff7d5;
|
|
}
|
|
|
|
div.autocomplete ul li {
|
|
list-style-type : none;
|
|
display : block;
|
|
margin : 0;
|
|
padding : 2px;
|
|
height : 32px;
|
|
cursor : pointer;
|
|
}
|
|
|
|
#feedOpToolbar {
|
|
float : right;
|
|
}
|
|
|
|
#header a.feedback {
|
|
color : #009900;
|
|
}
|
|
|
|
a.visibleLink {
|
|
color : #4684ff;
|
|
}
|
|
|
|
a.visibleLinkB {
|
|
color : #4684ff;
|
|
border : 1px solid #4684ff;
|
|
padding : 2px;
|
|
}
|
|
|
|
a.visibleLinkB:hover {
|
|
background-color : #ecf4ff;
|
|
}
|
|
|
|
.hlContentH a, .hlContentH span {
|
|
color : #00cc00;
|
|
}
|
|
|
|
.hlContentL a, .hlContentL span {
|
|
color : #909090;
|
|
text-decoration : line-through;
|
|
}
|
|
|
|
span.titleWrapH, span.titleWrapH a {
|
|
color : #00cc00;
|
|
}
|
|
|
|
span.titleWrapL, span.titleWrapL a {
|
|
color : #909090;
|
|
text-decoration : line-through;
|
|
}
|
|
|
|
img.hlScorePic {
|
|
vertical-align : middle;
|
|
width : 16px;
|
|
height : 16px;
|
|
}
|
|
|
|
div#hotkey_help_overlay {
|
|
position : absolute;
|
|
left : 30px;
|
|
right : 30px;
|
|
top : 30px;
|
|
z-index : 999;
|
|
color : white;
|
|
font-size : 15px;
|
|
background : black;
|
|
border-radius : 30px;
|
|
padding : 10px;
|
|
}
|
|
|
|
div#hotkey_help_overlay h1 {
|
|
text-align : center;
|
|
}
|
|
|
|
div#hotkey_help_overlay ul {
|
|
list-style-type : none;
|
|
margin : 0px;
|
|
}
|
|
|
|
div#hotkey_help_overlay a {
|
|
color : #88b0f0;
|
|
}
|
|
|
|
div#hotkey_help_overlay a:hover {
|
|
color : white;
|
|
}
|
|
|
|
div#hotkey_help_overlay li {
|
|
margin : 0px;
|
|
}
|
|
|
|
div#hotkey_help_overlay p {
|
|
text-align : center;
|
|
}
|
|
|
|
div#hotkey_help_overlay td.n {
|
|
text-align : right;
|
|
font-weight : bold;
|
|
width : 6em;
|
|
color : #a0ffa0;
|
|
padding-right : 5px;
|
|
}
|
|
|
|
div#hotkey_help_overlay td {
|
|
vertical-align : top;
|
|
}
|
|
|
|
div#hotkey_help_overlay h1 {
|
|
margin : 0px;
|
|
}
|
|
|
|
div#hotkey_help_overlay h2 {
|
|
font-size : 16px;
|
|
border-width : 0px;
|
|
margin : 0.3em 0px 0.3em 0px;
|
|
text-align : center;
|
|
color : #88b0f0;
|
|
}
|
|
|
|
div#hotkey_help_overlay table.hho td.top,
|
|
div#hotkey_help_overlay table.hho td.bottom {
|
|
text-align : center;
|
|
font-size : 11px;
|
|
}
|
|
|
|
div.dlgSec {
|
|
font-size : 12px;
|
|
color : gray;
|
|
font-weight : bold;
|
|
clear : both;
|
|
height : 20px;
|
|
}
|
|
|
|
div.dlgSecCont {
|
|
position : relative;
|
|
left : 150px;
|
|
top : -20px;
|
|
float : left;
|
|
font-size : 12px;
|
|
font-weight : normal;
|
|
}
|
|
|
|
div.dlgSecCont hr {
|
|
height : 0px;
|
|
line-height : 0px;
|
|
border : 0px solid transparent;
|
|
margin : 2px;
|
|
}
|
|
|
|
div.dlgSecCont > * {
|
|
position : relative;
|
|
top : -2px;
|
|
}
|
|
|
|
div.dlgButtons {
|
|
text-align : right;
|
|
clear : both;
|
|
}
|
|
|
|
span.labelColorIndicator {
|
|
height : 14px;
|
|
width : 14px;
|
|
line-height : 14px;
|
|
font-size : 9px;
|
|
display : inline-block;
|
|
border : 1px solid black;
|
|
background-color : #fff7d5;
|
|
color : #063064;
|
|
text-align : center;
|
|
margin-right : 2px;
|
|
}
|
|
|
|
span.labelColorIndicator2 {
|
|
height : 14px;
|
|
width : 14px;
|
|
font-size : 9px;
|
|
display : inline-block;
|
|
border : 1px solid black;
|
|
background-color : #fff7d5;
|
|
color : #063064;
|
|
text-align : center;
|
|
margin-right : 2px;
|
|
vertical-align : bottom;
|
|
}
|
|
|
|
div#cmdline {
|
|
position : absolute;
|
|
left : 5px;
|
|
bottom : 5px;
|
|
font-size : 11px;
|
|
color : gray;
|
|
font-weight : bold;
|
|
background-color : white;
|
|
border : 1px solid #88b0f0;
|
|
padding : 3px 5px 3px 5px;
|
|
z-index : 5;
|
|
}
|
|
|
|
#feed_browser_spinner {
|
|
vertical-align : middle;
|
|
height : 18px;
|
|
width : 18px;
|
|
}
|
|
|
|
div#auxDlg {
|
|
position : absolute;
|
|
z-index : 3;
|
|
bottom : 5px;
|
|
right : 25px;
|
|
padding : 5px;
|
|
border-width : 1px;
|
|
border-style : solid;
|
|
border-color : #d7c47a;
|
|
background-color : #fff7d5;
|
|
color : black;
|
|
text-align : center;
|
|
font-size : 13px;
|
|
}
|
|
|
|
div#auxDlg a {
|
|
color : #4684ff;
|
|
}
|
|
|
|
div.hlTitle {
|
|
display : table-cell;
|
|
cursor : pointer;
|
|
width : 100%;
|
|
vertical-align : middle;
|
|
padding-top : 4px;
|
|
padding-bottom : 4px;
|
|
}
|
|
|
|
div.hlLeft {
|
|
display : table-cell;
|
|
vertical-align : middle;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
div.hlRight {
|
|
display : table-cell;
|
|
white-space: nowrap;
|
|
text-align : right;
|
|
vertical-align : middle;
|
|
}
|
|
|
|
div.hlRight img {
|
|
max-width : 16px;
|
|
max-height : 16px;
|
|
}
|
|
|
|
span.hlUpdated {
|
|
color : gray;
|
|
min-width : 100px;
|
|
display : table-cell;
|
|
width : 100%;
|
|
vertical-align : middle;
|
|
padding-top : 4px;
|
|
padding-bottom : 4px;
|
|
text-align : right;
|
|
}
|
|
|
|
div.hlLeft input {
|
|
margin-left : 4px;
|
|
margin-right : 4px;
|
|
}
|
|
|
|
div.hlLeft img, div.hlRight img {
|
|
margin : 0px 4px 0px 4px;
|
|
|
|
}
|
|
|
|
div.hlUpdPic {
|
|
display : table-cell;
|
|
padding-right : 4px;
|
|
padding-left : 4px;
|
|
text-align : center;
|
|
vertical-align : middle;
|
|
}
|
|
|
|
div.hlUpdPic img {
|
|
max-width : 16px;
|
|
}
|
|
|
|
div.fatalError {
|
|
margin-bottom : 10px;
|
|
}
|
|
|
|
div.fatalError button {
|
|
margin-top : 5px;
|
|
}
|
|
|
|
div.fatalError textarea {
|
|
width : 100%;
|
|
height : 100px;
|
|
}
|
|
|
|
#main {
|
|
border-width : 0px;
|
|
margin : 0px;
|
|
padding : 0px;
|
|
}
|
|
|
|
#header-wrap {
|
|
border-width : 0px;
|
|
margin : 0px;
|
|
padding : 0px;
|
|
}
|
|
|
|
#content-wrap {
|
|
padding : 0px;
|
|
border-width : 0px;
|
|
margin : 0px;
|
|
}
|
|
|
|
#feeds-holder {
|
|
padding : 0px;
|
|
border-color : #88b0f0;
|
|
border-left-width : 0px;
|
|
border-bottom-width : 0px;
|
|
border-top-width : 0px;
|
|
overflow : auto;
|
|
}
|
|
|
|
#headlines-wrap-inner {
|
|
padding : 0px;
|
|
margin : 0px;
|
|
border-width : 0px;
|
|
}
|
|
|
|
#headlines-frame {
|
|
padding : 0px;
|
|
border-color : #88b0f0;
|
|
border-left-width : 0px;
|
|
border-right-width : 0px;
|
|
margin-top : 0px;
|
|
border-top-width : 0px;
|
|
}
|
|
|
|
#headlines-toolbar_splitter, #toolbar_splitter {
|
|
display : none;
|
|
}
|
|
|
|
#content-tabs {
|
|
margin : 0px;
|
|
padding : 0px;
|
|
border-width : 0px;
|
|
}
|
|
|
|
#toolbar {
|
|
padding : 0px;
|
|
margin : 0px;
|
|
border-width : 0px;
|
|
white-space: nowrap;
|
|
font-size : 12px;
|
|
}
|
|
|
|
#header {
|
|
border-width : 0px;
|
|
text-align : right;
|
|
color : gray;
|
|
padding : 5px 5px 0px 0px;
|
|
margin : 0px;
|
|
position : absolute;
|
|
right : 0px;
|
|
top : 0px;
|
|
z-index : 5;
|
|
}
|
|
|
|
#footer {
|
|
text-align : center;
|
|
color : gray;
|
|
padding : 4px 4px 8px 4px;
|
|
border-width : 0px;
|
|
}
|
|
|
|
#content-insert {
|
|
padding : 0px;
|
|
border-color : #88b0f0;
|
|
border-bottom-width : 0px;
|
|
border-right-width : 0px;
|
|
border-left-width : 0px;
|
|
overflow : auto;
|
|
}
|
|
|
|
.dijitTreeLabel.Unread {
|
|
font-weight : bold;
|
|
}
|
|
|
|
.feedParam {
|
|
color : gray;
|
|
float : right;
|
|
margin-right : 1em;
|
|
}
|
|
|
|
.dijitTreeLabel.Disabled, .labelParam.Disabled {
|
|
color : gray;
|
|
}
|
|
|
|
.dijitTreeRow.Error {
|
|
color : red;
|
|
}
|
|
|
|
.dijitTreeRow.Hidden {
|
|
display : none;
|
|
}
|
|
|
|
img.feedIcon, img.tinyFeedIcon {
|
|
width : 16px;
|
|
height : 16px;
|
|
}
|
|
|
|
div#feedlistLoading, div#filterlistLoading, div#labellistLoading {
|
|
text-align : center;
|
|
padding : 5px;
|
|
color : gray;
|
|
}
|
|
|
|
div#feedlistLoading img, div#filterlistLoading img, div#labellistLoading {
|
|
margin-right : 5px;
|
|
}
|
|
|
|
div#pref-tabs .dijitContentPane {
|
|
font-size : 12px;
|
|
}
|
|
|
|
div#pref-tabs {
|
|
margin : 0px 5px 0px 5px;
|
|
}
|
|
|
|
div#pref-tabs .dijitContentPane h3 {
|
|
font-size : 14px;
|
|
font-weight : bold;
|
|
}
|
|
|
|
#pref-filter-wrap, #pref-filter-header, #pref-filter-content,
|
|
#pref-label-wrap, #pref-label-header, #pref-label-content,
|
|
#pref-user-wrap, #pref-user-header, #pref-user-content,
|
|
#pref-instance-wrap, #pref-instance-header, #pref-instance-content {
|
|
margin : 0px;
|
|
padding : 0px;
|
|
border-width : 0px;
|
|
}
|
|
|
|
#userConfigTab, #labelConfigTab, #filterConfigTab, #pref-feeds-feeds, #instanceConfigTab {
|
|
padding : 0px;
|
|
}
|
|
|
|
#errorButton {
|
|
color : red;
|
|
}
|
|
|
|
span.labelFixedLength {
|
|
display : inline-block;
|
|
width : 70%;
|
|
}
|
|
|
|
#filter_dlg_date_chk_box {
|
|
display : inline-block;
|
|
}
|
|
|
|
.dijitDialog .dijitToolbar {
|
|
border : 1px solid #c0c0c0;
|
|
}
|
|
|
|
a.bookmarklet {
|
|
color : #4684ff;
|
|
border : 1px solid #ecf4ff;
|
|
padding : 2px;
|
|
}
|
|
|
|
#newVersionIcon {
|
|
margin-left : 5px;
|
|
vertical-align : middle;
|
|
position : relative;
|
|
top : -1px;
|
|
}
|
|
|
|
.player {
|
|
display : inline-block;
|
|
color : gray;
|
|
font-size : 11px;
|
|
font-family : sans-serif;
|
|
border : 1px solid gray;
|
|
padding : 0px 4px 0px 4px;
|
|
margin : 0px 2px 0px 2px;
|
|
width : 50px;
|
|
text-align : center;
|
|
background : white;
|
|
}
|
|
.player.playing {
|
|
color : #00c000;
|
|
border-color : #00c000;
|
|
}
|
|
|
|
.player:hover {
|
|
background : #f0f0f0;
|
|
cursor : pointer;
|
|
}
|
|
|
|
#headlines-spacer {
|
|
height : 100%;
|
|
margin-left : 1px;
|
|
text-align : center;
|
|
padding : 1em;
|
|
color : gray;
|
|
}
|
|
|
|
td.error {
|
|
color : red;
|
|
}
|