ttrss/css/dijit_basic.less

.flat {

	li {
		padding: 2px;
	}

	.filterRules span {
		display: block;
		color: green;
	}

	#filterDlg_Matches span.filterRule {
		color: green;
	}

	.filterRules span.inverse,
	#filterDlg_Matches span.filterRule.inverse {
		color: red;
	}

	.dijitToolbar {
		font-size: 13px;
		padding: 0px;
	}

	.dijitAccordionContainer {
		box-shadow : 0px 0px 8px rgba(0,0,0,0.1);
	}

	.dijitCheckBox.dijitCheckBoxChecked {
		background-color : @color-checked;
		border-color : darken(@color-checked, 10%);
	}

	.dijitMenu .dijitMenuItem .dijitMenuItemLabel {
		padding: 4px 8px;
		font-size: 13px;
	}

	.dijitMenu .dijitMenuItem.dijitDisabled:not(.dijitMenuItemSelected) .dijitMenuItemLabel {
		color : lighten(@color-accent, 10%);
	}

	.dijitMenu .dijitMenuItem td {
		padding: 0px;
	}

	.dijitCheckBox {
		margin : 1px;
	}

	.dijitCheckBox:before {
		font-family: "flat-icon";
		content: "\f00c";
		color: white;
	}

	.dijitTab,
	.dijitAccordionInnerContainer:not(.dijitSelected) {
		i.material-icons {
			color: @color-accent;
		}
	}

	.dijitTree {
		.dijitFolderClosed,
		.dijitFolderOpened {
			display : none;
		}

		.dijitTreeRowSelected {
			.filterRules span {
				color : white;
			}

			.dijitTreeExpando {
				color : @color-accent;
			}
		}

		.dijitTreeNode .dijitTreeRow.dijitTreeRowSelected {
			color : white;
		}

		.dijitTreeRow .dijitTreeExpando {
			position : relative;
			top : -2px;
		}

		.labelParam {
			float: right;
			margin-right: 16px;
		}

		.dijitTreeRow.filterDisabled {
			opacity : 0.5;

			.filterRules {
				filter : saturate(0%);
			}
		}

		.feedParam {
			float: right;
		}

		.filterRules {
			display: block;
			color: #ccc;
			font-size: 12px;
			margin-left: 100px;
			line-height : normal;
		}


		.dijitTreeContainer {
			max-width : 100%;
		}

		.dijitTreeRow {
			overflow: hidden;
			text-overflow: ellipsis;
		}

	}

	label.dijitButton {
		border : 1px solid #ccc;
		padding : 6px;
		border-radius : 4px;
		cursor : pointer;
		position: relative;
		top : 1px;
	}

	label.dijitButton:hover {
		background-color : @color-panel-bg;
	}

	.dijitTree {
		.dijitTreeNode .dijitTreeRow {
			padding : 4px 0px 4px;
			border-width : 1px;
			color : @default-text;
		}
	}

}