1 body#ttrssMain
, body#ttrssPrefs
, body#ttrssLogin
, body
{
6 font-family: "Helvetica Neue", Helvetica
, Arial
, sans-serif
;
11 background-color : #ecf4ff;
14 body#ttrssPrefs #footer
, body#ttrssPrefs #header
{
15 background-color : #ecf4ff;
24 div
.postReply div
.postHeader
{
34 div
.postReply div
.postTitle
{
36 text-overflow: ellipsis
;
40 div
.postReply div
.postDate
{
44 div
.postReply div
.postContent
{
48 div
.postReply div
.postContent img
{
54 div
.postReply div
.postEnclosures
{
59 div
.postReply img
.tagsPic
{
63 vertical-align : middle
;
67 background-color : #fff7d5;
71 border-color : #e7d796;
73 background-color : #fff7d5;
77 div
.articleNote div
.noteEdit
{
82 div
.postReply span
.author
{
93 border-width : 0px 0px 1px 0px;
95 border-color : #ecf4ff;
101 border-width : 0px 0px 1px 0px;
102 border-style : solid
;
103 border-color : #ecf4ff;
107 border-width : 0px 0px 1px 0px;
108 border-style : solid
;
114 text-decoration : none
;
130 border-style : solid
;
141 vertical-align : middle
;
154 display : table-cell
;
155 vertical-align : middle
;
160 border-color : #d7c47a;
161 background-color : #fff7d5;
165 border-color : #d7c47a;
166 background-color : #fff7d5;
170 border-color : #88b0f0;
171 background-color : #ecf4ff;
175 background-color : #ffcccc;
176 border-color : #ff0000;
184 .hl.Unread div.hlTitle a {
188 .hl.active div.hlTitle a {
190 text-shadow : 1px 1px 2px #fff;
194 background : #f9fbff;
202 border-width : 0px 0px 1px 0px;
203 border-style : solid
;
208 background : #ecf4ff ! important
;
211 div
.filterTestHolder
{
215 border-style : solid
;
216 margin : 0px 0px 5px 0px;
217 background-color : #f5f5f5;
222 #content-insert blockquote
, #headlines-frame blockquote
, .dijitContentPane blockquote
{
223 margin : 5px 0px 5px 0px;
226 border-width : 0px 0px 0px 4px;
228 border-style : solid
;
231 #content-insert code
, #headlines-frame code
, .dijitContentPane code
{
233 font-family : monospace
;
237 #content-insert pre
, #headlines-frame pre
, .dijitContentPane pre
{
238 margin : 5px 0px 5px 0px;
241 font-family : monospace
;
245 border-style : solid
;
246 background : #f5f5f5;
252 div
.notice
, div
.warning
, div
.error
{
253 padding : 4px 10px 4px 4px;
254 display : inline-block
;
255 margin : 2px 0px 4px 0px;
257 border-style : solid
;
262 div
.notice div
.inner
, div
.warning div
.inner
, div
.error div
.inner
{
263 vertical-align : middle
;
267 background : #ecf4ff;
268 border-color : #88b0f0;
272 background : #fff7d5;
273 border-color : #e7d796;;
277 background : #ffcccc;
278 border-color : #ff0000;
281 div
.warning img
, div
.notice img
, div
.error img
{
283 vertical-align : middle
;
286 div
.warning span
, div
.notice span
, div
.error span
{
287 display : table-cell
;
288 vertical-align : middle
;
293 list-style-type : none
;
308 white-space : nowrap
;
309 display : table-cell
;
311 font-family : "Segoe UI", Tahoma
, sans-serif
;
315 #main-toolbar #headlines-toolbar
{
320 #main-toolbar #headlines-toolbar span
.holder
{
325 #main-toolbar #headlines-toolbar span
.holder
> * {
326 display : table-cell
;
329 #main-toolbar #headlines-toolbar
.main
{
333 #headlines-toolbar span
.r img
{
339 #headlines-toolbar span
.r
.error a
{
343 #main-toolbar #selected_prompt
{
349 span
.contentPreview
{
351 font-weight : normal
;
352 text-shadow : 1px 1px 2px #fff;
357 background-color : #fff7d5;
360 font-weight : normal
;
362 padding : 1px 4px 1px 4px;
363 display : inline-block
;
364 vertical-align : middle
;
369 div
.postHeader div
.postDate
{
376 padding-bottom : 3px;
384 border-width : 0px 0px 1px 0px;
385 border-style : solid
;
387 padding-bottom : 5px;
393 white-space : nowrap
;
396 font-weight : normal
;
397 display : inline-block
;
398 padding : 1px 2px 1px 2px;
408 img
.markedPic
, img
.pubPic
{
410 vertical-align : middle
;
412 -webkit-transition : opacity
0.25s;
413 transition : opacity
0.25s;
416 img
.markedPic:hover
, img
.pubPic:hover
{
420 img
[src
*='pub_set.png'], img
[src
*='mark_set.png'] {
424 div
.tagCloudContainer
{
425 border : 1px solid
#eee;
426 background-color : #f5f5f5;
427 margin : 5px 0px 5px 0px;
433 border : 1px solid
#eee;
434 background-color : #f5f5f5;
435 margin : 5px 0px 5px 0px;
442 list-style-type : none
;
443 border : 1px solid
#eee;
444 background-color : #f5f5f5;
445 margin : 0px 0px 5px 0px;
449 ul
.feedErrorsList em
{
456 border-width : 0px 1px 1px 1px;
458 border-style : solid
;
459 margin : 0px 0px 5px 0px;
460 background-color : white
;
461 list-style-type : none
;
466 ul
.browseFeedList li
{
468 padding : 2px 4px 2px 4px;
482 margin : 5px 5px 5px 5px;
487 list-style-type : none
;
536 background-color : white
;
537 border :1px solid
#778899;
542 div
.autocomplete ul
{
543 list-style-type : none
;
548 div
.autocomplete ul li
.selected
{
549 background-color : #fff7d5;
552 div
.autocomplete ul li
{
553 list-style-type : none
;
563 white-space : nowrap
;
565 text-overflow : ellipsis
;
568 div#headlines-frame
.wide
.hlTitle
{
571 white-space : normal
;
574 .hl a.title.high, span.hlContent.high .contentPreview {
577 .hl.Unread a.title.high, .hl.Unread span.hlContent.high .contentPreview {
581 .hl a
.title
.low
, span
.hlContent
.low
.contentPreview
,
582 .hl.Unread a.title.low, .hl.Unread span.hlContent.low .contentPreview {
584 text-decoration : line-through
;
588 vertical-align : middle
;
607 font-weight : normal
;
613 border : 0px solid transparent
;
627 span
.labelColorIndicator
{
632 vertical-align : middle
;
634 display : inline-block
;
635 border : 1px solid
#ccc;
636 background-color : #fff7d5;
648 background-color : white
;
649 border : 1px solid
#88b0f0;
650 padding : 3px 5px 3px 5px;
654 #feed_browser_spinner {
655 vertical-align : middle
;
661 display : table-cell
;
664 vertical-align : middle
;
666 padding-bottom : 4px;
670 display : table-cell
;
671 vertical-align : middle
;
676 display : table-cell
;
679 vertical-align : middle
;
690 display : table-cell
;
692 vertical-align : middle
;
706 div
.hlLeft img
, div
.hlRight img
{
716 margin-bottom : 10px;
719 div
.fatalError button
{
723 div
.fatalError textarea
{
743 border-style : solid
;
750 border-width : 0px 1px 0px 0px;
751 border-style : solid
;
754 background : #f5f5f5;
757 #headlines-wrap-inner {
766 border-style : solid
;
771 #headlines-toolbar_splitter, #toolbar_splitter
{
785 border-width : 0px 0px 1px 0px;
787 border-style : solid
;
797 padding : 5px 5px 0px 0px;
808 padding : 4px 4px 8px 4px;
820 #feedTree .dijitTreeRow
.dijitTreeLabel
.Unread
{
824 #feedTree .dijitTreeRow
.Error
.dijitTreeLabel
{
828 .claro .dijitTreeLabel {
843 .dijitTreeLabel.Disabled, .labelParam.Disabled {
847 .dijitTreeRow.Error {
851 .dijitTreeRow.Hidden {
855 img
.feedIcon
, img
.tinyFeedIcon
{
859 vertical-align : middle
;
860 display : inline-block
;
864 text-shadow : 1px 1px 2px #fff;
867 .dijitAccordionTitleFocus {
868 text-shadow : 1px 1px 2px #fff;
871 .claro .dijitDialog .dijitToolbar {
872 border : 1px solid
#eee;
882 display : inline-block
;
885 font-family : sans-serif
;
886 border : 1px solid
#555;
887 padding : 0px 4px 0px 4px;
888 margin : 0px 2px 0px 2px;
896 border-color : #00c000;
900 background : #f0f0f0;
913 ul#filterDlg_Matches
, ul#filterDlg_Actions
{
916 list-style-type : none
;
917 border-style : solid
;
919 border-width : 0px 1px 1px 1px;
920 background-color : white
;
921 margin : 0px 0px 5px 0px;
925 ul#filterDlg_Matches li
, ul#filterDlg_Actions li
{
927 padding : 0px 0px 0px 5px;
930 ul#filterDlg_Matches li div
.dijitCheckBox
, ul#filterDlg_Actions li div
.dijitCheckBox
{
937 list-style-type : none
;
938 border : 1px solid
#eee;
939 background-color : #f5f5f5;
940 margin : 0px 0px 5px 0px;
944 ul
.helpKbList span
.hksequence
{
949 display : inline-block
;
956 .dijitTreeNode .loadingNode {
967 -webkit-hyphens: auto
;
972 div
.postContent iframe
{
976 div
.postHeader span
.author
{
979 font-weight : normal
;
992 #feedTree img
.feedIcon
{
997 body#ttrssMain
#feedTree
.dijitTreeRow
{
998 padding : 2px 0px 2px;
1004 .claro .dijitTreeRow {
1005 border-color : transparent
;
1008 .claro
.dijitFolderClosed
,
1009 .claro .dijitFolderOpened {
1013 .claro .dijitTreeNode .dijitCheckBox {
1017 .claro .dijitTreeIsRoot > .dijitTreeRow > .dijitTreeExpando {
1021 .claro .dijitTree .dijitTreeExpando {
1026 .claro .dijitTreeNode {
1031 body#ttrssMain
#feedTree
{
1033 overflow-x : hidden
;
1034 font-family : "Segoe UI", Tahoma
, sans-serif
;
1037 body#ttrssMain
#feedTree
.counterNode
.aux
{
1038 background : #f0f0f0;
1040 border-color : #f0f0f0;
1043 body#ttrssMain
#feedTree
.counterNode
{
1045 display : inline-block
;
1047 text-align : center
;
1048 border : 1px solid
#88b0f0;
1050 background : #88b0f0;
1051 border-radius : 4px;
1052 vertical-align : middle
;
1054 position : relative
;
1062 .claro .dijitTree .dijitTreeRow {
1065 text-overflow: ellipsis
;
1068 body#ttrssPrefs hr
{
1069 border-color : #ecf4ff;
1073 .claro .dijitMenuItemLabel {
1077 .claro .dijitTree .dijitTreeRowSelected {
1081 .claro .dijitTree .dijitTreeRowHover {
1082 background : #ecf4ff;
1085 .claro .dijitTree .dijitTreeRowActive {
1086 background-color : transparent
;
1087 background-image : none
;
1088 border-color : transparent
;
1091 .claro .dijitTreeRowSelected .dijitTreeLabel {
1092 text-shadow : 1px 1px 2px #fff;
1095 #feedTree img
[src
*='indicator_white.gif'] {
1096 position : relative
;
1101 background-color : #ffff00;
1105 .claro .dijitTreeRow .dijitTreeExpando {
1106 background-image: url
("../images/treeExpandImages.png");
1107 position : relative
;
1111 .claro .dijitTreeRow .dijitTreeExpandoLeaf {
1115 /* body#ttrssMain #feedTree .dijitTreeRow .dijitTreeExpandoLeaf {
1119 div
.enclosure_title
{
1123 body#ttrssMain #headlines-frame
.dijitCheckBox
{
1127 .claro .dijitCheckBox {
1128 background-image : url
("../images/untick.png");
1129 background-color : transparent
;
1132 background-position : center center
;
1134 -webkit-transition : opacity
0.25s;
1135 transition : opacity
0.25s;
1136 border : 1px solid
#eee;
1137 border-radius : 2px;
1140 .claro .dijitCheckBox:hover {
1144 .claro .dijitCheckBox.dijitCheckBoxDisabled:hover {
1148 .claro .dijitCheckBox.dijitCheckBoxChecked {
1149 border-color : #ddffdd;
1150 background-image : url
("../images/tick.png");
1154 .claro
.dijitButton
.dijitButtonNode
,
1155 .claro
.dijitComboButton
.dijitButtonNode
,
1156 .claro
.dijitToolbar
.dijitDropDownButton
.dijitButtonNode
,
1157 .claro
.dijitToolbar
.dijitComboButton
,
1158 .claro .dijitToolbar .dijitComboButton .dijitButtonNode {
1160 border-color : transparent
;
1164 .claro
.dijitButton
,
1165 .claro .dijitComboButton {
1166 display: inline-block
;
1173 text-shadow: 0 1px 1px rgba
(255, 255, 255, 0.75);
1174 vertical-align: middle
;
1176 background-color: #f5f5f5;
1177 background-image: -moz-linear-gradient
(top
, #ffffff, #e6e6e6);
1178 background-image: -webkit-linear-gradient
(top
, #ffffff, #e6e6e6);
1179 background-image: linear-gradient
(to bottom
, #ffffff, #e6e6e6);
1180 background-repeat: repeat-x
;
1181 border: 1px solid
#cccccc;
1182 border-color: rgba
(0, 0, 0, 0.1) rgba
(0, 0, 0, 0.1) rgba
(0, 0, 0, 0.25);
1183 border-bottom-color: #b3b3b3;
1184 -webkit-border-radius: 4px;
1186 -webkit-box-shadow: inset
0 1px 0 rgba
(255, 255, 255, 0.2), 0 1px 2px rgba
(0, 0, 0, 0.05);
1187 box-shadow: inset
0 1px 0 rgba
(255, 255, 255, 0.2), 0 1px 2px rgba
(0, 0, 0, 0.05);
1190 .claro
.dijitButton:hover
,
1191 .claro
.dijitButton:focus
,
1192 .claro
.dijitButton:active
,
1193 .claro
.dijitComboButton:hover
,
1194 .claro
.dijitComboButton:focus
,
1195 .claro
.dijitComboButton:active
,
1196 .claro .dijitButton.dijitButtonDisabled {
1198 background-color: #e6e6e6;
1201 .claro
.dijitButton:active
,
1202 .claro .dijitComboButton:active {
1203 background-color: #cccccc \
9;
1206 .claro
.dijitToolbar
.dijitButton
,
1207 .claro
.dijitToolbar
.dijitButton
.dijitHover
,
1208 .claro
.dijitToolbar
.dijitComboButton
,
1209 .claro .dijitToolbar .dijitComboButton.dijitHover {
1211 border-color : transparent
;
1218 .claro
.dijitToolbar
.dijitButton
.dijitHover
,
1219 .claro
.dijitToolbar
.dijitDropDownButton
.dijitHover
.dijitButtonNode
,
1220 .claro .dijitToolbar .dijitComboButton.dijitHover {
1221 border-color : #ccc;
1224 .claro
.dijitToolbar
.dijitButton
.dijitHover
.dijitButtonNode
,
1225 .claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode {
1229 .claro
.dijitToolbar
.dijitButton
.dijitButtonContents
,
1230 .claro
.dijitToolbar
.dijitDropDownButton
.dijitButtonContents
,
1231 .claro .dijitToolbar .dijitComboButton .dijitButtonContents {
1235 .claro
.dijitButton:hover
,
1236 .claro
.dijitToolbar
.dijitButton:hover
.dijitButtonNode
,
1237 .claro
.dijitToolbar
.dijitButton
.dijitHover
.dijitButtonNode
,
1238 .claro
.dijitButton:focus
,
1239 .claro
.dijitComboButton:hover
,
1240 .claro .dijitComboButton:focus {
1242 text-decoration: none
;
1243 background-position: 0 -15px;
1244 -webkit-transition: background-position
0.1s linear
;
1245 transition: background-position
0.1s linear
;
1248 .claro
.dijitButton:focus
,
1249 .claro .dijitComboButton:focus {
1250 outline: thin dotted
#333;
1251 outline: 5px auto
-webkit-focus-ring-color
;
1252 outline-offset: -2px;
1255 .claro
.dijitButton:active
,
1256 .claro
.dijitComboButton:active
,
1257 .claro
.dijitToolbar
.dijitDropDownButton
.dijitOpened
,
1258 .claro
.dijitToolbar
.dijitComboButton
.dijitOpened
,
1259 .claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode {
1260 background-image: none
;
1262 -webkit-box-shadow: inset
0 2px 4px rgba
(0, 0, 0, 0.15), 0 1px 2px rgba
(0, 0, 0, 0.05);
1263 box-shadow: inset
0 2px 4px rgba
(0, 0, 0, 0.15), 0 1px 2px rgba
(0, 0, 0, 0.05);
1266 .claro
.dijitButton
[disabled
],
1267 .claro
.dijitButton
.dijitButtonDisabled
,
1268 .claro .dijitComboButton.dijitButtonDisabled {
1270 background-image: none
;
1272 filter: alpha
(opacity
=65);
1273 -webkit-box-shadow: none
;
1277 .claro
.dijitButton
.dijitButtonContents
,
1278 .claro .dijitComboButton .dijitButtonContents {
1280 font-weight : normal
;
1285 border-color : #ccc;
1288 .claro
.dijitMenu
.dijitMenuItem
.dijitHover
,
1289 .claro
.dijitMenu
.dijitMenuItem
.dijitFocused
,
1290 .claro
.dijitMenuTable
.dijitMenuItem
.dijitHover
.dijitMenuItemLabel
,
1291 .claro .dijitMenuTable .dijitMenuItem.dijitFocused .dijitMenuItemLabel {
1293 border-color : transparent
;
1296 .claro
.dijitButton
.dijitButtonNode
,
1297 .claro .dijitComboButton .dijitButtonNode {