network_topology/templates/default.css

/* BODY */

BODY, TH, TD, INPUT, TEXTAREA, SELECT {
        font-family: Verdana, sans-serif;
        font-size: 8pt;
}

BODY {
        background: #ffffff;
        margin: 0px;
        padding: 0px;
        /* font-family: Georgia, serif ; */
        font-size: 100%;
}

a, A:link, a:visited {
        color: #000088;
        text-decoration: none;
}

a:hover, A:link:hover {
        color: #000088;
        background-color: #eeeeee;
        text-decoration: underline;
}

/* Gedafe */

.error {
        clear: both;
        margin: 2em;
        padding: 1em;
        border: 1px dashed #ff0000;
        background-color: #ffe0e0;
}

.warning {
        clear: both;
        margin: 2em;
        padding: 1em;
        border: 1px dashed #ffff00;
        background-color: #ffffe0;
}

/* toolbar markup */

#lefttoolbar {
        float: left;
        display: inline;
}

.dbname {
        margin-top: 0.5em;
        margin-left: 0.5em;
        font-size: 150%;
        font-weight: bold;
        color: #000000;
}

.dbuser {
        padding-top: 1em;
        margin-left: 1em;
        color: #c0c0c0;
}

.dbuser em {
        font-weight: bold;
        font-style: normal;
}

#righttoolbar {
        float: right;
        display: inline;
}

.button, .button:link, .button:visited, .button a, .button a:link, .button a:visited {
        /* font-family: Vedrana, sans-serif; */
        margin: 0px;
        padding: 2px;
        white-space: nowrap;
        background-color: #c0c0c0;
        color: #ffffff;
        font-size: 80%;
        border-top: 2px solid #e0e0e0;
        border-left: 2px solid #e0e0e0;
        border-right: 2px solid #a0a0a0;
        border-bottom: 2px solid #a0a0a0;
        margin-left: 0.1em;
        margin-right: 0.1em;
        height: 4ex;
}

.edit-button {
        clear: both;
        display: block;
        text-align: center;
}

.entry {
        clear: both;
        margin-left: 1em;
}

/* table bar markup */

#tabletabs {
        clear: both;
        padding-top: 1em;
}

#tables {
        margin: 0;
        padding: 0 0 20px 10px;
        border-bottom: 1px solid #000;
        font-size: 80%;
}

#tables ul, #tables li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}

#tables a:link, #tables a:visited {
        float: left;
        line-height: 14px;
        font-weight: bold;
        margin: 0 10px 4px 10px;
        text-decoration: none;
        color: #999;
}

#tables a:link#current, #tables a:visited#current, #tables a:hover {
        border-bottom: 4px solid #000;
        padding-bottom: 2px;
        margin-bottom: -4px;
        background: transparent;
        color: #000;
}

#tables a:hover { color: #000; }

/* page title -- table name or "New/Edit table name" */

h1 {
        clear: left;
        margin: 0.5em;
        margin-left: 1em;
        font-size: 120%;
        color: #000000;
        display: inline;
        float: left;
}

/* search */
.search {
        clear: right;
        float: right;
}

/* export */
.export {
        clear: right;
        float: right;

}

/* table for < << add >> > buttons */
.table-nav {
        clear: both;
        display: block;
        width: 100%;
        margin: 0px;
        padding: 0.5em;
        text-align: center;
}

.list-buttons {
        clear: both;
        display: block;
        text-align: center;
        color: #c0c0c0;
        font-size: 80%;
}

.table {
        clear: both;
        padding: 0.5em;
        padding-left: 1em;
        padding-right: 1em;
        margin: 0px;
        width: 100%;
}

.tr {
        padding: 0px;
        margin: 0px;
}

.th {
        background-color: #e0e0e0;
}

.td-odd {
        background-color: #e0ffe0;
}

.td-even {
        background-color: #ffffff;
}

.td {
        padding: 0px;
        margin: 0px;
}

.td-icons {
        width: 1em;
}

.edit-label {
        background-color: #e0e0e0;
        text-align: left;
        font-size: 70%;
        width: 0;
}

.edit-input {
        background-color: #e0ffe0;
        text-align: left;
}

.footer {
        clear: both;
        border-top: 1px solid #000000;
        margin-top: 1em;
        padding-top: 1em;
}

.logo {
        float: right;
}
1	dpavlin	5	/* BODY */
2
3	dpavlin	6	BODY, TH, TD, INPUT, TEXTAREA, SELECT {
4			font-family: Verdana, sans-serif;
5			font-size: 8pt;
6			}
7
8	dpavlin	5	BODY {
9	dpavlin	6	background: #ffffff;
10	dpavlin	5	margin: 0px;
11			padding: 0px;
12	dpavlin	6	/* font-family: Georgia, serif ; */
13			font-size: 100%;
14	dpavlin	5	}
15
16	dpavlin	6	a, A:link, a:visited {
17	dpavlin	5	color: #000088;
18			text-decoration: none;
19			}
20
21	dpavlin	6	a:hover, A:link:hover {
22	dpavlin	5	color: #000088;
23			background-color: #eeeeee;
24			text-decoration: underline;
25			}
26
27	dpavlin	6	/* Gedafe */
28	dpavlin	5
29	dpavlin	6	.error {
30			clear: both;
31			margin: 2em;
32			padding: 1em;
33			border: 1px dashed #ff0000;
34			background-color: #ffe0e0;
35	dpavlin	5	}
36
37	dpavlin	6	.warning {
38			clear: both;
39			margin: 2em;
40			padding: 1em;
41			border: 1px dashed #ffff00;
42			background-color: #ffffe0;
43	dpavlin	5	}
44
45	dpavlin	6	/* toolbar markup */
46	dpavlin	5
47	dpavlin	6	#lefttoolbar {
48			float: left;
49			display: inline;
50	dpavlin	5	}
51
52	dpavlin	6	.dbname {
53			margin-top: 0.5em;
54			margin-left: 0.5em;
55			font-size: 150%;
56			font-weight: bold;
57	dpavlin	5	color: #000000;
58			}
59
60	dpavlin	6	.dbuser {
61			padding-top: 1em;
62			margin-left: 1em;
63			color: #c0c0c0;
64	dpavlin	5	}
65
66	dpavlin	6	.dbuser em {
67			font-weight: bold;
68	dpavlin	5	font-style: normal;
69			}
70
71	dpavlin	6	#righttoolbar {
72			float: right;
73			display: inline;
74	dpavlin	5	}
75
76	dpavlin	6	.button, .button:link, .button:visited, .button a, .button a:link, .button a:visited {
77			/* font-family: Vedrana, sans-serif; */
78			margin: 0px;
79			padding: 2px;
80			white-space: nowrap;
81			background-color: #c0c0c0;
82			color: #ffffff;
83			font-size: 80%;
84			border-top: 2px solid #e0e0e0;
85			border-left: 2px solid #e0e0e0;
86			border-right: 2px solid #a0a0a0;
87			border-bottom: 2px solid #a0a0a0;
88			margin-left: 0.1em;
89			margin-right: 0.1em;
90			height: 4ex;
91	dpavlin	5	}
92
93	dpavlin	6	.edit-button {
94			clear: both;
95			display: block;
96	dpavlin	5	text-align: center;
97			}
98
99	dpavlin	6	.entry {
100			clear: both;
101			margin-left: 1em;
102	dpavlin	5	}
103
104	dpavlin	6	/* table bar markup */
105	dpavlin	5
106	dpavlin	6	#tabletabs {
107			clear: both;
108			padding-top: 1em;
109	dpavlin	5	}
110
111	dpavlin	6	#tables {
112	dpavlin	5	margin: 0;
113	dpavlin	6	padding: 0 0 20px 10px;
114			border-bottom: 1px solid #000;
115			font-size: 80%;
116	dpavlin	5	}
117
118	dpavlin	6	#tables ul, #tables li {
119	dpavlin	5	margin: 0;
120			padding: 0;
121	dpavlin	6	display: inline;
122			list-style-type: none;
123	dpavlin	5	}
124
125	dpavlin	6	#tables a:link, #tables a:visited {
126			float: left;
127			line-height: 14px;
128			font-weight: bold;
129			margin: 0 10px 4px 10px;
130			text-decoration: none;
131			color: #999;
132	dpavlin	5	}
133
134	dpavlin	6	#tables a:link#current, #tables a:visited#current, #tables a:hover {
135			border-bottom: 4px solid #000;
136			padding-bottom: 2px;
137			margin-bottom: -4px;
138			background: transparent;
139			color: #000;
140	dpavlin	5	}
141
142	dpavlin	6	#tables a:hover { color: #000; }
143	dpavlin	5
144	dpavlin	6	/* page title -- table name or "New/Edit table name" */
145	dpavlin	5
146	dpavlin	6	h1 {
147			clear: left;
148			margin: 0.5em;
149	dpavlin	5	margin-left: 1em;
150	dpavlin	6	font-size: 120%;
151			color: #000000;
152			display: inline;
153			float: left;
154	dpavlin	5	}
155
156	dpavlin	6	/* search */
157			.search {
158			clear: right;
159			float: right;
160	dpavlin	5	}
161
162	dpavlin	6	/* export */
163			.export {
164			clear: right;
165			float: right;
166	dpavlin	5
167			}
168
169	dpavlin	6	/* table for < << add >> > buttons */
170			.table-nav {
171			clear: both;
172	dpavlin	5	display: block;
173	dpavlin	6	width: 100%;
174			margin: 0px;
175			padding: 0.5em;
176	dpavlin	5	text-align: center;
177			}
178
179	dpavlin	6	.list-buttons {
180			clear: both;
181	dpavlin	5	display: block;
182			text-align: center;
183	dpavlin	6	color: #c0c0c0;
184			font-size: 80%;
185	dpavlin	5	}
186
187	dpavlin	6	.table {
188			clear: both;
189			padding: 0.5em;
190			padding-left: 1em;
191			padding-right: 1em;
192			margin: 0px;
193			width: 100%;
194	dpavlin	5	}
195
196	dpavlin	6	.tr {
197			padding: 0px;
198			margin: 0px;
199	dpavlin	5	}
200
201	dpavlin	6	.th {
202			background-color: #e0e0e0;
203	dpavlin	5	}
204
205	dpavlin	6	.td-odd {
206			background-color: #e0ffe0;
207	dpavlin	5	}
208
209	dpavlin	6	.td-even {
210			background-color: #ffffff;
211	dpavlin	5	}
212
213	dpavlin	6	.td {
214			padding: 0px;
215			margin: 0px;
216	dpavlin	5	}
217
218	dpavlin	6	.td-icons {
219			width: 1em;
220	dpavlin	5	}
221
222	dpavlin	6	.edit-label {
223			background-color: #e0e0e0;
224			text-align: left;
225			font-size: 70%;
226			width: 0;
227	dpavlin	5	}
228
229	dpavlin	6	.edit-input {
230			background-color: #e0ffe0;
231			text-align: left;
232	dpavlin	5	}
233
234	dpavlin	6	.footer {
235			clear: both;
236			border-top: 1px solid #000000;
237			margin-top: 1em;
238	dpavlin	5	padding-top: 1em;
239			}
240
241	dpavlin	6	.logo {
242			float: right;
243	dpavlin	5	}