1// $Id$
2
3.adminanchors {
4	font-size: 1.6rem;
5		.navbar-nav {
6		flex-direction: row;
7	}
8	.nav li {
9		display: flex;
10	}
11}
12
13a.admbox,
14a.admbox:visited {
15	display: flex;
16	flex-direction: column;
17	justify-content: center;
18	width: 120px;
19	text-align: center;
20	vertical-align: middle;
21	overflow: hidden;
22	margin: .4em;
23	background-repeat: no-repeat;
24	background-position: center;
25	padding: 15px 6px;
26	text-decoration: none;
27}
28
29a.admbox .icon {
30	font-size: 2rem;
31	margin-bottom: 6px;
32}
33
34a.admbox span.title {
35	display: block;
36	font-size: 1.1rem;
37	text-align: center;
38	margin: .1em;
39	white-space: normal;
40	word-wrap: break-word;
41}
42
43// Make disabled feature icons clickable for navigation to feature activation page.
44a.admbox.btn.btn-primary.disabled.disabled-clickable {
45	pointer-events: inherit;
46	cursor: pointer;
47}
48
49// Font icons are vertically centered ok, but the .pngs were too high.
50.admbox .icon img {
51	margin-top: 18px;
52}
53
54// Metadata dialog box
55.meta-col1 {
56	text-align: right;
57	font-weight: bold;
58	font-size: 14px;
59	width: 225px;
60	margin-right: 5px;
61}
62
63.meta-col2 {
64	font-size: 14px;
65	width: 375px;
66}
67
68// Metadata page tabs
69.meta-tabs-col1 {
70	text-align: right;
71	font-weight: bold;
72	font-size: inherit;
73	width: 225px;
74	margin-right: 5px;
75}
76
77.meta-tabs-col2 {
78	font-size: inherit;
79	width: 375px;
80}
81
82// Wizards
83.margin-left-9em {
84	margin-left: .9em;
85}
86
87.margin-right-18em {
88	margin-right: 1.8em;
89}
90
91// User Wizard
92
93.userWizardIconleft {
94	float: left;
95	margin-right: 10px;
96}
97
98.userWizardIconright {
99	float: right;
100	margin-left: 10px;
101}
102
103.userWizardContent {
104	margin-top: 1em;
105}
106
107.userWizardContent legend {
108	margin-bottom: 1em;
109	font-weight: bold;
110}
111
112.userWizardContent fieldset {
113	margin: 1em 0;
114}
115
116// Conditions and Terms validation
117.age-validation .form-control {
118	width: auto;
119	display: inline;
120	margin: 0 1em;
121}
122
123.adminoptionboxchild {
124	padding-left: 4em;
125	margin-bottom: 2em;
126	legend {
127		margin-bottom: 0;
128	}
129}
130
131.tiki-admin fieldset {
132	width: 100%;
133}
134
135// Admin navbar switch
136
137input[type="checkbox"].preffilter-toggle {
138	position: absolute;
139	margin-left: -9999px;
140	visibility: hidden;
141}
142
143input[type="checkbox"].preffilter-toggle + label {
144	display: block;
145	position: relative;
146	cursor: pointer;
147	outline: none;
148	-webkit-user-select: none;
149	-moz-user-select: none;
150	-ms-user-select: none;
151	user-select: none;
152}
153
154input[type="checkbox"].preffilter-toggle-round + label {
155	width: 100px;
156	height: 30px;
157	background-color: #dddddd;
158	border-radius: 20px;
159	float: left;
160	margin: 7px 0 0 5px;
161}
162
163input[type="checkbox"].preffilter-toggle-round + label:before,
164input[type="checkbox"].preffilter-toggle-round + label:after {
165	display: block;
166	position: absolute;
167	top: 1px;
168	left: 1px;
169	bottom: 1px;
170	content: "";
171}
172
173input[type="checkbox"].preffilter-toggle-round + label:before {
174	right: 1px;
175	background-color: #f1f1f1;
176	border-radius: 20px;
177	-webkit-transition: background 0.4s;
178	-moz-transition: background 0.4s;
179	-o-transition: background 0.4s;
180	transition: background 0.4s;
181	content: "Basic";
182	font-size: 0.8rem;
183	font-weight: normal;
184	padding-left: 40px;
185	padding-top: 0.2rem;
186}
187
188input[type="checkbox"].preffilter-toggle-round + label:after {
189	width: 28px;
190	background-color: #fff;
191	border-radius: 100%;
192	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
193	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
194	-webkit-transition: margin 0.4s;
195	-moz-transition:margin 0.4s;
196	-o-transition:margin 0.4s;
197	transition: margin 0.4s;
198}
199
200input[type="checkbox"].preffilter-toggle-round:checked + label:before {
201	background-color: #8ce196;
202	content: "Advanced";
203	font-size: 0.8rem;
204	font-weight: normal;
205	padding-left: 10px;
206	padding-top: 0.2rem;
207}
208
209input[type="checkbox"].preffilter-toggle-round:checked + label:after {
210	margin-left: 70px;
211}
212
213.filter-menu.navbar-nav > li > a {
214		padding-top: 12px;
215		padding-bottom: 12px;
216}
217
218.filter-menu.navbar-nav .dropdown-menu {
219	padding-left: 5px;
220	padding-right: 5px;
221}
222
223table.treetable.objectperms .checkBoxHeader,
224table.objectperms > tbody > tr.subHeader {
225	height: 140px;
226	white-space: nowrap !important;
227}
228
229table.treetable.objectperms .checkBoxHeader {
230	position: relative;
231	vertical-align: bottom;
232	width: 30px;
233}
234
235table.objectperms th:not(.checkBoxHeader),
236table.objectperms .subHeader td:not(.checkBoxHeader) { text-align: center; }
237
238tr.odd.leaf.collapsed > td:last-of-type,
239tr.even.leaf.collapsed > td:last-of-type { text-indent: 15px; }
240
241table.treetable .checkBoxHeader > td,
242.table > tbody > tr.subHeader > td { vertical-align: bottom; }
243
244table.objectperms .checkBoxHeader > div,
245table.objectperms > tbody .checkBoxLabel {
246	-webkit-transform: rotate(305deg);
247	transform: rotate(305deg);
248	width: 140px;
249	display: block;
250	position: absolute;
251	left: -20px;
252	bottom: 40px;
253	overflow: hidden;
254	text-overflow: ellipsis;
255	line-height: 2;
256	text-indent: 1.7em;
257}
258// Added 9/6/2017 to position top labels
259.objectperms .checkBoxHeader > div > label {
260	width: 140px;
261	position: absolute;
262	top: -25px;
263	padding-top: 25px;
264	padding-bottom: 5px;
265}
266
267
268//// Target Firefox to fix checkbox label text not displaying
269//@-moz-document url-prefix() {
270//	table.objectperms .checkBoxHeader > div,
271//	table.objectperms > tbody .checkBoxLabel {
272//		width: auto;
273//	}
274//}
275
276//// Target MS Edge to fix checkbox label text not displaying
277//@supports (-ms-ime-align:auto) {
278//	table.objectperms .checkBoxHeader > div,
279//	table.objectperms > tbody .checkBoxLabel {
280//		width: auto;
281//	}
282//}
283
284// Target MS IE to fix checkbox label text not displaying
285@media all and (-ms-high-contrast:none) {
286//	table.objectperms .checkBoxHeader > div,
287//	table.objectperms > tbody .checkBoxLabel { width: auto; } /* IE10 */
288//	*::-ms-backdrop, table.objectperms .checkBoxHeader > div { width: auto; } /* IE11 */
289	.objectperms .checkBoxHeader > div > label {
290		width: auto;
291		position: absolute;
292		top: -25px;
293		padding-top: 0;
294		padding-bottom: 5px;
295	}
296}
297
298//table.objectperms .checkBoxHeader > div,
299//table.objectperms > tbody .checkBoxLabel {
300//line-height: 2;
301//text-indent: .6em; }
302
303.objectperms .checkBoxHeader > div > label { width: 140px; }
304
305.objectperms .checkBoxHeader > div > input { transform: rotate(-305deg); }
306
307table.treetable.objectperms span.indenter,
308.subHeader .checkBoxHeader .indenter { padding-left: 0 !important; }
309
310table.objectperms > tbody .checkBoxCell {
311//	width: 30px !important; Not doing anything
312	padding-left: 10px;
313	padding-right: 5px;
314}
315// Make global permission checkboxes not display
316table.objectperms thead th { display: none; }
317
318.adminanchors {
319	.navbar-nav .nav-link {
320		min-width: 50px;
321		padding-left: 0.5rem;
322		padding-right: 0.5rem;
323		text-align: center;
324	}
325}
326
327@media (max-width: breakpoint-max(sm)) {
328	.admin-navbar {
329		.filter-menu { margin: 0; text-align: center; }
330		.form-inline .form-check { width: auto; }
331		.navbar-nav { padding: 0 15px; }
332		.form-inline { min-width: 100%; }
333		input[type="checkbox"].preffilter-toggle-round + label { margin-left: 10px; }
334	}
335
336	.adminanchors {
337		.navbar-nav { margin: 0; padding: 0; }
338	}
339
340	.meta-tabs-col1 { width: auto; }
341	.meta-tabs-col2 { width: auto; }
342}
343