static/css/app.css

/* fix navigation width */

div#navigation {
        width: 100% !important;
}
div#navigation ul {
        width: 100% !important;
}

tt.email {
        color: #888;
}


/* similar to messages and errrors boxes in Jifty
 * class is 'note message'
 * class is 'note error'
 */

.note {
        background-color: #F0EAB7 !important;
        border: 1px solid #E6E0AD;
        padding: 3px;
        margin-top: 3px;
        margin-bottom: 3px;
}

table.list th {
        background-color: #eee;
}

input.text {
        max-width: 80em;
}

/* navigation menu */

ul.menu li ul.submenu {
        display: none;
}

ul.menu li.active ul.submenu {
        display: block;
}

ul.menu li.active ul.submenu li.active a {
        color: #ff0 !important;
}

/* strix */

#region-selected-instances {
        position: absolute;
        right: 1em;
        top: 1em;
        border: 1px solid #888;
        background: #fff;
}

/* strix/sitemap */

.layout {
        color: #aaa;
}

/* strix/layout */

ul.navigation {
        float: left;
        width: 25%;
        overflow: hidden;
}

#region-strix-site-layout {
        float: right;
        width: 70%;
        background-color: #eee;
}

/* ldap/search */

/* key */
li > tt {
        color: #888;
}

/* values delimiter */
li > span > b {
        margin-left: 0.5em;
        margin-right: 0.5em;
        color: #ddd;
}

/* table alignment */

td.center {
        text-align: center;
}
td.right {
        text-align: right;
}
1	/* fix navigation width */
2
3	div#navigation {
4	width: 100% !important;
5	}
6	div#navigation ul {
7	width: 100% !important;
8	}
9
10	tt.email {
11	color: #888;
12	}
13
14
15	/* similar to messages and errrors boxes in Jifty
16	* class is 'note message'
17	* class is 'note error'
18	*/
19
20	.note {
21	background-color: #F0EAB7 !important;
22	border: 1px solid #E6E0AD;
23	padding: 3px;
24	margin-top: 3px;
25	margin-bottom: 3px;
26	}
27
28	table.list th {
29	background-color: #eee;
30	}
31
32	input.text {
33	max-width: 80em;
34	}
35
36	/* navigation menu */
37
38	ul.menu li ul.submenu {
39	display: none;
40	}
41
42	ul.menu li.active ul.submenu {
43	display: block;
44	}
45
46	ul.menu li.active ul.submenu li.active a {
47	color: #ff0 !important;
48	}
49
50	/* strix */
51
52	#region-selected-instances {
53	position: absolute;
54	right: 1em;
55	top: 1em;
56	border: 1px solid #888;
57	background: #fff;
58	}
59
60	/* strix/sitemap */
61
62	.layout {
63	color: #aaa;
64	}
65
66	/* strix/layout */
67
68	ul.navigation {
69	float: left;
70	width: 25%;
71	overflow: hidden;
72	}
73
74	#region-strix-site-layout {
75	float: right;
76	width: 70%;
77	background-color: #eee;
78	}
79
80	/* ldap/search */
81
82	/* key */
83	li > tt {
84	color: #888;
85	}
86
87	/* values delimiter */
88	li > span > b {
89	margin-left: 0.5em;
90	margin-right: 0.5em;
91	color: #ddd;
92	}
93
94	/* table alignment */
95
96	td.center {
97	text-align: center;
98	}
99	td.right {
100	text-align: right;
101	}