[tt-rss.git] / css / dijit.css

/* Tree */

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

.claro .dijitTreeLabel {
	outline : 0;
}

.claro .dijitTree .feedParam {
	color : #555;
	float : right;
	margin-right : 1em;
}

.claro .dijitTree .labelParam {
	float : right;
	margin-right : 1em;
}

.claro .dijitTree .dijitTreeLabel.Disabled, 
.claro .dijitTree .labelParam.Disabled {
	color : #555;
}

.claro .dijitTreeRow.Error {
	color : red;
}

.claro .dijitTreeRow.Hidden {
	display : none;
}

.claro .dijitTreeNode .loadingNode {
	margin-left : 3px;
	height : 9px;
}

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

.claro .dijitTreeNode .dijitCheckBox {
	margin-left : 4px;
}

.claro .dijitTreeIsRoot > .dijitTreeRow > .dijitTreeExpando {
	margin-left : 5px;
}

.claro .dijitTree .dijitTreeExpando {
	margin-top : 0px;
	opacity : 0.6;
}

.claro .dijitTree .dijitTreeNode {
	padding : 0px;
	border-width : 0px;
}

.claro .dijitTree .dijitTreeRow {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.claro .dijitTree .dijitTreeRowSelected {
	background : white;
}

.claro .dijitTree .dijitTreeRowHover {
	background : #f0f0f0;
	border-color : #ddd;
}

.claro .dijitTree .dijitTreeRowSelected {
	background : white;
	border-color : #ddd;
}

.claro .dijitTreeRowSelected .dijitTreeLabel {
	text-shadow : 1px 1px 2px #fff;
}

.claro .dijitTreeRow .dijitTreeExpando {
	background-image: url("../images/treeExpandImages.png");
	position : relative;
	top : -1px;
}

.claro .dijitTreeRow .dijitTreeExpandoLeaf {
	background : none;
} 

/* Toolbar */

.claro .dijitToolbar {
	background : #f5f5f5;
	border-color : #ddd;
	/* text-rendering: optimizelegibility;
	font-family : "Segoe WP Semibold", "Segoe UI Semibold", 
		"Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
		Helvetica, Arial, sans-serif; */
}

.claro .dijitToolbar {
	text-shadow : 1px 1px 2px #fff;
}

.claro .dijitDialog .dijitToolbar {
	border : 1px solid #ddd;
}

/* Dialog */

.claro .dijitDialog h2 {
	margin-top : 0px;
	margin-bottom : 4px;
	border-width : 0px;
}

.claro .dijitMenuItemLabel {
	font-size : 13px;
}

/* Checkbox */

.claro .dijitCheckBox {
	background-image : url("../images/untick.png");
	background-color : transparent;
	width : 16px;
	height : 16px;
	background-position : center center;	
	opacity : 0.4;
	-webkit-transition : opacity 0.25s;
	transition : opacity 0.25s;
	border : 1px solid #eee;
	border-radius : 2px;
	padding : 1px;
}

.claro .dijitCheckBox:hover {
	opacity : 1;
}

.claro .dijitCheckBox.dijitCheckBoxDisabled:hover {
	opacity : 0.6;
}

.claro .dijitCheckBox.dijitCheckBoxChecked {
	border-color : #ddffdd;
	background-image : url("../images/tick.png");
	opacity : 1;
}

/* Various buttons */

.claro .dijitButton .dijitButtonNode,
.claro .dijitComboButton .dijitButtonNode, 
.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode,
.claro .dijitToolbar .dijitComboButton,
.claro .dijitToolbar .dijitComboButton .dijitButtonNode {
	background : none;
	border-color : transparent;
	box-shadow : none;
}

button,
input[type="submit"] {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size : 14px;
}

button,
input[type="submit"],
.claro .dijitButton,
.claro .dijitComboButton {
  display: inline-block;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

button:hover,
button:focus,
button:active,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active,
.claro .dijitButton:hover,
.claro .dijitButton:focus,
.claro .dijitButton:active,
.claro .dijitComboButton:hover,
.claro .dijitComboButton:focus,
.claro .dijitComboButton:active,
.claro .dijitButton.dijitButtonDisabled {
  color: #333333;
  background-color: #e6e6e6;
}

button:active,
input[type="submit"]:active,
.claro .dijitButton:active,
.claro .dijitComboButton:active {
	background-color: #cccccc \9;
}

.claro .dijitToolbar .dijitButton,
.claro .dijitToolbar .dijitButton.dijitHover,
.claro .dijitToolbar .dijitComboButton,
.claro .dijitToolbar .dijitComboButton.dijitHover {
	background : none;
	border-color : transparent;
	box-shadow : none;
	padding : 0px;
	margin : 0px;
	line-height : auto;
}

.claro .dijitToolbar .dijitButton.dijitHover,
.claro .dijitToolbar .dijitDropDownButton.dijitHover .dijitButtonNode,
.claro .dijitToolbar .dijitComboButton.dijitHover {
	border-color : #ccc;
}

.claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode,
.claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode {
	background : none;
}

.claro .dijitToolbar .dijitButton .dijitButtonContents,
.claro .dijitToolbar .dijitDropDownButton .dijitButtonContents,
.claro .dijitToolbar .dijitComboButton .dijitButtonContents {
	font-size : 13px;
}

button:hover,
button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.claro .dijitButton:hover,
.claro .dijitToolbar .dijitButton:hover .dijitButtonNode,
.claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode,
.claro .dijitButton:focus,
.claro .dijitComboButton:hover,
.claro .dijitComboButton:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

button:focus,
input[type="submit"]:focus,
.claro .dijitButton:focus,
.claro .dijitComboButton:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

button:active,
input[type="submit"]:active,
.claro .dijitButton:active,
.claro .dijitComboButton:active,
.claro .dijitToolbar .dijitDropDownButton.dijitOpened,
.claro .dijitToolbar .dijitComboButton.dijitOpened,
.claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

input[type="submit"][disabled],
button[disabled],
.claro .dijitButton[disabled],
.claro .dijitButton.dijitButtonDisabled,
.claro .dijitComboButton.dijitButtonDisabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.claro .dijitButton .dijitButtonContents,
.claro .dijitComboButton .dijitButtonContents {
	font-size : 14px;
	font-weight : normal;
	line-height : 20px;
}

.claro .dijitMenu {
	border-color : #ccc;
}

.claro .dijitMenu .dijitMenuItem.dijitHover,
.claro .dijitMenu .dijitMenuItem.dijitFocused,
.claro .dijitMenuTable .dijitMenuItem.dijitHover .dijitMenuItemLabel,
.claro .dijitMenuTable .dijitMenuItem.dijitFocused .dijitMenuItemLabel {
	background : #eee;
	border-color : transparent;
}

.claro .dijitButton .dijitButtonNode,
.claro .dijitComboButton .dijitButtonNode {
	padding : 0px;
}

/* Other stuff */

/* .claro .dijitAccordionTitleFocus {
	text-shadow : 1px 1px 2px #fff;
} 

.claro .dijitAccordionTitle {
	text-rendering: optimizelegibility;
	font-family : "Segoe WP Semibold", "Segoe UI Semibold", 
		"Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
		Helvetica, Arial, sans-serif;
} */

.claro .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected {
	border-color : #ccc;
}

.claro .dijitAccordionContainer .dijitAccordionChildWrapper {
	border-color : #ddd;
}

/* Tabs */

.claro .dijitTabContent {
	background : #eee;
}

.claro .dijitTabContent.dijitTabChecked,
.claro .dijitTabContent.dijitTabHover,
.claro .dijitTabContent.dijitFocused {
	background : white;
}

.claro .dijitTabPaneWrapper, 
.claro .dijitTabContainerTop-tabs,
.claro .dijitTab,
.claro .dijitAccordionInnerContainer {
	border-color : #ddd;
}
Commit	Line	Data
196724d1 AD	1	/* Tree */
196724d1 AD	2
8b381f7f AD	3	.claro .dijitTreeRow .dijitCheckBox {
	4	position : relative;
	5	top : -2px;
	6	}
	7
196724d1 AD	8	.claro .dijitTreeLabel {
	9	outline : 0;
	10	}
	11
	12	.claro .dijitTree .feedParam {
	13	color : #555;
	14	float : right;
	15	margin-right : 1em;
	16	}
	17
	18	.claro .dijitTree .labelParam {
	19	float : right;
	20	margin-right : 1em;
	21	}
	22
	23	.claro .dijitTree .dijitTreeLabel.Disabled,
	24	.claro .dijitTree .labelParam.Disabled {
	25	color : #555;
	26	}
	27
	28	.claro .dijitTreeRow.Error {
	29	color : red;
	30	}
	31
	32	.claro .dijitTreeRow.Hidden {
	33	display : none;
	34	}
	35
	36	.claro .dijitTreeNode .loadingNode {
	37	margin-left : 3px;
	38	height : 9px;
	39	}
	40
	41	.claro .dijitFolderClosed,
	42	.claro .dijitFolderOpened {
	43	display : none;
	44	}
	45
	46	.claro .dijitTreeNode .dijitCheckBox {
	47	margin-left : 4px;
	48	}
	49
	50	.claro .dijitTreeIsRoot > .dijitTreeRow > .dijitTreeExpando {
	51	margin-left : 5px;
	52	}
	53
	54	.claro .dijitTree .dijitTreeExpando {
	55	margin-top : 0px;
	56	opacity : 0.6;
	57	}
	58
	59	.claro .dijitTree .dijitTreeNode {
	60	padding : 0px;
	61	border-width : 0px;
	62	}
	63
	64	.claro .dijitTree .dijitTreeRow {
	65	max-width: 100%;
	66	overflow: hidden;
	67	text-overflow: ellipsis;
	68	}
	69
	70	.claro .dijitTree .dijitTreeRowSelected {
	71	background : white;
72	}
73
74	.claro .dijitTree .dijitTreeRowHover {
75	background : #f0f0f0;
76	border-color : #ddd;
77	}
78
79	.claro .dijitTree .dijitTreeRowSelected {
80	background : white;
81	border-color : #ddd;
82	}
83
84	.claro .dijitTreeRowSelected .dijitTreeLabel {
85	text-shadow : 1px 1px 2px #fff;
86	}
87
88	.claro .dijitTreeRow .dijitTreeExpando {
89	background-image: url("../images/treeExpandImages.png");
90	position : relative;
91	top : -1px;
92	}
93
94	.claro .dijitTreeRow .dijitTreeExpandoLeaf {
95	background : none;
96	}
97
98	/* Toolbar */
99
8b381f7f AD	100	.claro .dijitToolbar {
	101	background : #f5f5f5;
	102	border-color : #ddd;
5470cfab AD	103	/* text-rendering: optimizelegibility;
	104	font-family : "Segoe WP Semibold", "Segoe UI Semibold",
	105	"Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
	106	Helvetica, Arial, sans-serif; */
8b381f7f AD	107	}
8b381f7f AD	108
196724d1 AD	109	.claro .dijitToolbar {
	110	text-shadow : 1px 1px 2px #fff;
	111	}
	112
196724d1	113	.claro .dijitDialog .dijitToolbar {
03700cb6	114	border : 1px solid #ddd;
196724d1 AD	115	}
196724d1 AD	116
03700cb6 AD	117	/* Dialog */
03700cb6 AD	118
196724d1 AD	119	.claro .dijitDialog h2 {
	120	margin-top : 0px;
	121	margin-bottom : 4px;
	122	border-width : 0px;
	123	}
	124
	125	.claro .dijitMenuItemLabel {
	126	font-size : 13px;
	127	}
	128
	129	/* Checkbox */
	130
	131	.claro .dijitCheckBox {
	132	background-image : url("../images/untick.png");
	133	background-color : transparent;
	134	width : 16px;
	135	height : 16px;
	136	background-position : center center;
	137	opacity : 0.4;
	138	-webkit-transition : opacity 0.25s;
	139	transition : opacity 0.25s;
	140	border : 1px solid #eee;
	141	border-radius : 2px;
	142	padding : 1px;
	143	}
	144
	145	.claro .dijitCheckBox:hover {
	146	opacity : 1;
	147	}
	148
	149	.claro .dijitCheckBox.dijitCheckBoxDisabled:hover {
	150	opacity : 0.6;
	151	}
	152
	153	.claro .dijitCheckBox.dijitCheckBoxChecked {
	154	border-color : #ddffdd;
	155	background-image : url("../images/tick.png");
	156	opacity : 1;
	157	}
	158
	159	/* Various buttons */
	160
	161	.claro .dijitButton .dijitButtonNode,
	162	.claro .dijitComboButton .dijitButtonNode,
	163	.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode,
	164	.claro .dijitToolbar .dijitComboButton,
	165	.claro .dijitToolbar .dijitComboButton .dijitButtonNode {
	166	background : none;
	167	border-color : transparent;
	168	box-shadow : none;
	169	}
	170
2204dca9 AD	171	button,
2204dca9 AD	172	input[type="submit"] {
196724d1 AD	173	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	174	font-size : 14px;
	175	}
	176
	177	button,
2204dca9	178	input[type="submit"],
196724d1 AD	179	.claro .dijitButton,
	180	.claro .dijitComboButton {
	181	display: inline-block;
	182	padding: 4px 12px;
	183	margin-bottom: 0;
	184	font-size: 14px;
	185	line-height: 20px;
	186	color: #333333;
	187	text-align: center;
	188	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	189	vertical-align: middle;
	190	cursor: pointer;
	191	background-color: #f5f5f5;
	192	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	193	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	194	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	195	background-repeat: repeat-x;
	196	border: 1px solid #cccccc;
	197	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	198	border-bottom-color: #b3b3b3;
	199	-webkit-border-radius: 4px;
	200	border-radius: 4px;
	201	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	202	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	203	}
	204
	205	button:hover,
	206	button:focus,
	207	button:active,
2204dca9 AD	208	input[type="submit"]:hover,
	209	input[type="submit"]:focus,
	210	input[type="submit"]:active,
196724d1 AD	211	.claro .dijitButton:hover,
	212	.claro .dijitButton:focus,
	213	.claro .dijitButton:active,
	214	.claro .dijitComboButton:hover,
	215	.claro .dijitComboButton:focus,
	216	.claro .dijitComboButton:active,
	217	.claro .dijitButton.dijitButtonDisabled {
	218	color: #333333;
	219	background-color: #e6e6e6;
	220	}
	221
	222	button:active,
2204dca9	223	input[type="submit"]:active,
196724d1 AD	224	.claro .dijitButton:active,
	225	.claro .dijitComboButton:active {
	226	background-color: #cccccc \9;
	227	}
	228
	229	.claro .dijitToolbar .dijitButton,
	230	.claro .dijitToolbar .dijitButton.dijitHover,
	231	.claro .dijitToolbar .dijitComboButton,
	232	.claro .dijitToolbar .dijitComboButton.dijitHover {
	233	background : none;
	234	border-color : transparent;
	235	box-shadow : none;
	236	padding : 0px;
	237	margin : 0px;
	238	line-height : auto;
	239	}
	240
	241	.claro .dijitToolbar .dijitButton.dijitHover,
	242	.claro .dijitToolbar .dijitDropDownButton.dijitHover .dijitButtonNode,
	243	.claro .dijitToolbar .dijitComboButton.dijitHover {
	244	border-color : #ccc;
	245	}
	246
	247	.claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode,
	248	.claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode {
	249	background : none;
	250	}
	251
	252	.claro .dijitToolbar .dijitButton .dijitButtonContents,
	253	.claro .dijitToolbar .dijitDropDownButton .dijitButtonContents,
	254	.claro .dijitToolbar .dijitComboButton .dijitButtonContents {
	255	font-size : 13px;
	256	}
	257
	258	button:hover,
	259	button:focus,
2204dca9 AD	260	input[type="submit"]:hover,
2204dca9 AD	261	input[type="submit"]:focus,
196724d1 AD	262	.claro .dijitButton:hover,
	263	.claro .dijitToolbar .dijitButton:hover .dijitButtonNode,
	264	.claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode,
	265	.claro .dijitButton:focus,
	266	.claro .dijitComboButton:hover,
	267	.claro .dijitComboButton:focus {
	268	color: #333333;
	269	text-decoration: none;
	270	background-position: 0 -15px;
	271	-webkit-transition: background-position 0.1s linear;
	272	transition: background-position 0.1s linear;
	273	}
	274
	275	button:focus,
2204dca9	276	input[type="submit"]:focus,
196724d1 AD	277	.claro .dijitButton:focus,
	278	.claro .dijitComboButton:focus {
	279	outline: thin dotted #333;
	280	outline: 5px auto -webkit-focus-ring-color;
	281	outline-offset: -2px;
	282	}
	283
	284	button:active,
2204dca9	285	input[type="submit"]:active,
196724d1 AD	286	.claro .dijitButton:active,
	287	.claro .dijitComboButton:active,
	288	.claro .dijitToolbar .dijitDropDownButton.dijitOpened,
	289	.claro .dijitToolbar .dijitComboButton.dijitOpened,
	290	.claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode {
	291	background-image: none;
	292	outline: 0;
	293	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	294	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	295	}
	296
2204dca9	297	input[type="submit"][disabled],
196724d1 AD	298	button[disabled],
	299	.claro .dijitButton[disabled],
	300	.claro .dijitButton.dijitButtonDisabled,
	301	.claro .dijitComboButton.dijitButtonDisabled {
	302	cursor: default;
	303	background-image: none;
	304	opacity: 0.65;
	305	filter: alpha(opacity=65);
	306	-webkit-box-shadow: none;
	307	box-shadow: none;
	308	}
	309
	310	.claro .dijitButton .dijitButtonContents,
	311	.claro .dijitComboButton .dijitButtonContents {
	312	font-size : 14px;
	313	font-weight : normal;
	314	line-height : 20px;
	315	}
	316
	317	.claro .dijitMenu {
	318	border-color : #ccc;
	319	}
	320
	321	.claro .dijitMenu .dijitMenuItem.dijitHover,
	322	.claro .dijitMenu .dijitMenuItem.dijitFocused,
	323	.claro .dijitMenuTable .dijitMenuItem.dijitHover .dijitMenuItemLabel,
	324	.claro .dijitMenuTable .dijitMenuItem.dijitFocused .dijitMenuItemLabel {
	325	background : #eee;
	326	border-color : transparent;
	327	}
	328
	329	.claro .dijitButton .dijitButtonNode,
	330	.claro .dijitComboButton .dijitButtonNode {
	331	padding : 0px;
	332	}
	333
	334	/* Other stuff */
	335
5470cfab	336	/* .claro .dijitAccordionTitleFocus {
196724d1	337	text-shadow : 1px 1px 2px #fff;
5470cfab AD	338	}
	339
	340	.claro .dijitAccordionTitle {
	341	text-rendering: optimizelegibility;
	342	font-family : "Segoe WP Semibold", "Segoe UI Semibold",
	343	"Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
	344	Helvetica, Arial, sans-serif;
	345	} */
196724d1	346
8b381f7f AD	347	.claro .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected {
	348	border-color : #ccc;
	349	}
	350
	351	.claro .dijitAccordionContainer .dijitAccordionChildWrapper {
	352	border-color : #ddd;
	353	}
	354
	355	/* Tabs */
	356
	357	.claro .dijitTabContent {
	358	background : #eee;
	359	}
	360
	361	.claro .dijitTabContent.dijitTabChecked,
	362	.claro .dijitTabContent.dijitTabHover,
	363	.claro .dijitTabContent.dijitFocused {
	364	background : white;
	365	}
	366
	367	.claro .dijitTabPaneWrapper,
	368	.claro .dijitTabContainerTop-tabs,
	369	.claro .dijitTab,
	370	.claro .dijitAccordionInnerContainer {
	371	border-color : #ddd;
	372	}
196724d1	373