-body {
- background : #f0f0f0;
+body#ttrssDigest {
+ background : #fafafa;
color : black;
font-family : sans-serif;
font-size : 12px;
+ margin : 0px;
}
a {
}
#header {
- font-weight : bold;
- font-size : 14px;
- font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
- margin-left : 1em;
- margin-right : 1em;
+ font-size : 13px;
+ font-family : "Segoe UI", Tahoma, sans-serif;
+ padding : 5px 5px 5px 1.5em;
color : gray;
+ position : absolute;
+ top : 0px;
+ height : 30px;
+ left : 0px;
+ right : 0px;
+ color : #a0a0a0;
+}
+
+#header span.title {
+ font-weight : bold;
+ font-style : italic;
}
#header div.links {
- float : right;
+ position : absolute;
+ right : 1.5em;
}
#search {
}
+#title {
+}
+
+#latest {
+ padding : 5px;
+}
+
#content {
- border : 1px solid #e0e0e0;
+ position : absolute;
+ left : 0px;
+ top : 30px;
+ right : 0px;
+ bottom : 0px;
+ -webkit-transition: left 0.2s linear, right 0.2s linear;
+ -moz-transition: left 0.2s linear, right 0.2s linear;
+ transition: left 0.2s linear, right 0.2s linear;
+}
+
+#article {
+ position : absolute;
+ overflow : auto;
+ right : 0px;
+ width : 60%;
+ bottom : 0px;
+ top : 30px;
background : white;
- padding : 0.8em;
- margin : 0.5em;
+ border-width : 0px 0px 0px 2px;
+ border-color : #e0e0e0;
+ border-style : solid;
+ z-index : -1;
+ opacity : 0;
+ -webkit-transition: opacity 0.2s linear;
+ -moz-transition: opacity 0.2s linear;
+ transition: opacity 0.2s linear;
}
-#footer {
- font-size : 12px;
- text-align : center;
- color : gray;
+#article.visible {
+ opacity : 1;
}
-/*#content h1 {
+#article #article-content h1 {
+ margin : 0px 0px 10px 0px;
+ padding : 0px 0px 5px 0px;
+ font-family : "Segoe UI", Tahoma, sans-serif;
+ font-size : 21px;
font-weight : bold;
- font-size : 25px;
- font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
- letter-spacing : -2;
- margin : 0px 0px 0.5em 0px;
- color : black;
+ border-width : 0px 0px 3px 0px;
+ border-style : solid;
+ border-color : #e0e0e0;
+ color : gray;
}
-#content h2 {
+#article #article-content #toolbar {
+ border-width : 0px 0px 1px 0px;
+ border-color : #e0e0e0;
+ border-style : solid;
+ background : #fafafa;
+ font-size : 14px;
font-weight : bold;
- font-size : 20px;
- font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
- letter-spacing : 2;
- margin : 0px 0px 0.5em 0px;
- color : #684C99;
+ padding : 5px 10px 5px 10px;
+ margin : 0px 0px 0px 0px;
}
-#content h3 {
- font-weight : bold;
+#article #article-content {
+ padding : 0px;
font-size : 16px;
- font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
- letter-spacing : 2;
- margin : 0px 0px 0.5em 0px;
- color : #659a4c;
-} */
-
-#content h1 {
- margin : 0px 0px 20px 0px;
- font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
- font-size : 18px;
- letter-spacing : 1px;
- color : #684C99;
}
-#title {
+#article #article-content #tags {
+ color : #a0a0a0;
}
-#latest {
- padding : 5px;
+#article #article-content #ops {
+ float : right;
}
-#feeds {
- float : right;
- width : 30%;
- min-width : 300px;
- padding : 5px;
- font-size : 14px;
+#article #article-content #ops img {
+ cursor : pointer;
+ margin-right : 0px;
+ margin-left : 10px;
+}
+
+#article #article-content #inner {
+ padding : 20px;
+}
+
+#article #article-content img {
+ max-width : 90%;
}
-#feeds h1 {
- text-align : right;
+#content.move {
+ left : -300px;
+ right : 60%
+}
+
+#feeds {
+ position : absolute;
+ left : 0px;
+ width : 300px;
+ top : 0px;
+ bottom : 0px;
+ font-size : 14px;
+ overflow : auto;
+ border-width : 0px 4px 0px 0px;
+ border-color : #e0e0e0;
+ border-style : solid;
}
#feeds ul#feeds-content img {
margin-right : 5px;
}
-#feeds ul#feeds-content div.unread-ctr img.dismiss {
- margin-right : 0px;
- cursor : pointer;
-}
-
#feeds ul#feeds-content div.unread-ctr {
- color : gray;
- float : right;
+ color : #d0d0d0;
+ padding-left : 10px;
+ display : inline;
}
#feeds ul#feeds-content li {
- margin : 0px 0px 2px 0px;
- padding : 2px;
+ padding : 10px;
clear : both;
+ cursor : pointer;
+ border-width : 1px 0px 1px 0px;
+ border-color : transparent;
+ border-style : solid;
+ color : gray;
+ white-space : nowrap;
}
#feeds ul#feeds-content li.selected {
- background : #f0f0f0;
-}
-
-#feeds ul#feeds-content li.selected a {
- color : #404040;
-}
-
-#feeds ul#feeds-content li.selected a:hover {
- color : #659a4c;
+ background : white;
+ border-color : #e0e0e0;
+ border-style : solid;
}
#feeds ul#feeds-content {
list-style-type : none;
font-weight : bold;
- color : #659a4c;
- margin : 0px;
+ margin : 10px 10px 10px 10px;
padding : 0px;
}
-#feeds ul#feeds-content li a {
- color : #659a4c;
-}
-
-#feeds ul#feeds-content li a:hover {
- color : gray;
-}
-
#headlines {
- padding : 5px;
font-size : 14px;
- max-width : 65%;
+ position : absolute;
+ left : 302px;
+ top : 0px;
+ bottom : 0px;
+ right : 0px;
+ overflow : auto;
}
#headlines h1 a {
color : #684C99;
}
-#headlines h1 a:hover {
- color : gray;
-}
-
-#headlines h1 #headlines-title {
- color : gray;
-}
-
-#headlines ul#headlines-content div.digest-check {
- float : right;
-}
-
-#headlines ul#headlines-content div.digest-check img {
- cursor : pointer;
- margin-right : 0px;
- margin-left : 3px;
+#headlines ul#headlines-content .cb {
+ vertical-align : middle;
+ margin-right : 5px;
+ float : left;
}
-
#headlines ul#headlines-content img.icon {
width : 16px;
height : 16px;
vertical-align : middle;
margin-right : 5px;
- float : left;
+ float : right;
}
#headlines ul#headlines-content {
}
#headlines ul#headlines-content li {
- margin : 0px 0px 10px 0px;
- color : #909090;
+ margin : 0px 0px 0px 2px;
+ padding : 10px;
+ color : gray;
clear : left;
+ background : #eeeeee;
+ border-width : 0px 0px 1px 0px;
+ border-style : solid;
+ border-color : #e0e0e0;
}
-#headlines ul#headlines-content li.fresh a.title {
+#headlines ul#headlines-content a.title {
+ font-size : 14px;
font-weight : bold;
- font-size : 16px;
display : block;
- padding-left : 21px;
+ margin-left : 21px;
+ position : relative;
+}
+
+#headlines ul#headlines-content li.fresh a.title {
color : #007FFF;
}
#headlines ul#headlines-content li.unread a.title {
- font-weight : bold;
- font-size : 16px;
- display : block;
- padding-left : 21px;
+ color : black;
+ /* color : #8DB1D6; */
}
#headlines ul#headlines-content li.read a.title {
- font-size : 16px;
- font-weight : bold;
- display : block;
- padding-left : 21px;
- color : #8DB1D6;
+ color : gray;
}
-#headlines ul#headlines-content li.read a.title:hover {
- color : gray;
+#headlines ul#headlines-content li.unread,
+#headlines ul#headlines-content li.fresh {
+ background-color : white;
+}
+
+#headlines ul#headlines-content li.selected {
+ background-color : #fff7d5;
+ border-color : white white #e0e0e0;
}
#headlines ul#headlines-content img#H-LOADING-IMG {
#headlines ul#headlines-content div.excerpt {
color : #404040;
cursor : pointer;
+ margin-top : 5px;
}
#headlines ul#headlines-content div.content {
color : gray;
}
-#headlines ul#headlines-content span.tags {
- font-size : 11px;
- margin-bottom : 2px;
-}
-
-#headlines ul#headlines-content span.tags a {
- color : #684C99;
-}
-
-#headlines ul#headlines-content div.info a:hover,
-#headlines ul#headlines-content span.tags a:hover {
- color : #659a4c;
-}
-
#overlay {
background : white;
left : 0;
#overlay img {
vertical-align : middle;
}
+
+div.fatalError button {
+ margin-top : 5px;
+}
+
+div.fatalError textarea {
+ width : 100%;
+ height : 100px;
+}
+
+div.insensitive {
+ color : gray;
+}
+
+