1: <!--
  2: /* -------------------------------------------------------------
  3: This file is part of FreeNATS
  4: 
  5: FreeNATS is (C) Copyright 2008 PurplePixie Systems
  6: 
  7: FreeNATS is free software: you can redistribute it and/or modify
  8: it under the terms of the GNU General Public License as published by
  9: the Free Software Foundation, either version 3 of the License, or
 10: (at your option) any later version.
 11: 
 12: FreeNATS is distributed in the hope that it will be useful,
 13: but WITHOUT ANY WARRANTY; without even the implied warranty of
 14: MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 15: GNU General Public License for more details.
 16: 
 17: You should have received a copy of the GNU General Public License
 18: along with FreeNATS.  If not, see www.gnu.org/licenses
 19: 
 20: For more information see www.purplepixie.org/freenats
 21: -------------------------------------------------------------- */
 22: 
 23: body {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 10pt}
 24: td {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 10pt}
 25: tr {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 10pt}
 26: 
 27: a {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #003366; text-decoration: underline; }
 28: 
 29: a:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #663300; }
 30: 
 31: table.maintitle
 32: 	{
 33: 	background-color: #e0e0ff;
 34: 	border: dashed 1px #a0a0e0;
 35: 	}
 36: 
 37: b.maintitle { font-size: 14pt; }
 38: 
 39: b.subtitle { font-size: 13pt; }
 40: 
 41: b.sectitle { font-size: 12pt; }
 42: 
 43: td.titlelink
 44: 	{
 45: 	text-align: right;
 46: 	font-size: 10pt;
 47: 	}
 48: 
 49: 
 50: b.configheading { font-size: 12pt; text-decoration: underline; }
 51: b.minortitle { 
 52: 	font-size: 13pt; 
 53: 	text-decoration: underline;
 54: 	}
 55: 
 56: div.alertpane
 57: 	{
 58: 	margin: 10px 0 0 0;
 59: 	padding: 5px 5px 5px 5px;
 60: 	float:	right;
 61: 	background-color: #ffe0e0;
 62: 	width: 200px;
 63: 	border: dashed 1px #e0a0a0;
 64: 	}
 65: 	
 66: div.monitorviews
 67: 	{
 68: 	margin: 0px 5px 10px 10px;
 69: 	padding: 5px;
 70: 	position: relative;
 71: 	float: right;
 72: 	text-align: center;
 73: 	width: 70;
 74: 	border: dotted 1px #a0a0ff;
 75: 	background-color: #f0f0ff;
 76: 	font-size: 8pt;
 77: 	z-index: 2;
 78: 	}
 79: 	
 80: table.nfooter
 81: 	{
 82: 	vertical-align: bottom;
 83: 	border: dashed 1px #a0a0e0;
 84: 	background-color: #e0e0ff;
 85: 	}
 86: 	
 87: div.nfooter
 88: 	{
 89: 	vertical-align: bottom;
 90: 	position: relative;
 91: 	border: dashed 1px #a0a0e0;
 92: 	background-color: #e0e0ff;
 93: 	padding: 2px;
 94: 	margin: 2px;
 95: 	z-index: 1;
 96: 	}
 97: 	
 98: div.nfootleft
 99: 	{
100: 	display: inline;
101: 	}
102: 	
103: div.nfootright
104: 	{
105: 	display: inline;
106: 	text-align: right;
107: 	position: absolute;
108: 	/*background-color: #f0f0f0;*/
109: 	right: 5px;
110: 	}
111: 	
112: .al-1 { color: black; }
113: .al0 { color: green; }
114: .al1 { color: orange; }
115: .al2 { color: red; }
116: 
117: table.nicetable
118: 	{
119: 	border: dotted 1px #e0e0e0;
120: 	}
121: 	
122: table.nicetable td
123: 	{
124: 	border-bottom: dotted 1px #e0e0e0;
125: 	}
126: 	
127: table.hidenicetable
128: 	{
129: 	border: dotted 1px #e0e0e0;
130: 	visibility: hidden;
131: 	}
132: 	
133: table.hidenicetable td
134: 	{
135: 	border-bottom: dotted 1px #e0e0e0;
136: 	}
137: 	
138: table.nicetablehov
139: 	{
140: 	border: dotted 1px #e0e0e0;
141: 	}
142: /*
143: table.nicetablehov tr:hover
144: 	{
145: 	background-color: #a0a0ff;
146: 	}
147: */
148: 
149: table.nicetablehov td
150: 	{
151: 	border-bottom: dotted 1px #e0e0e0;
152: 	/* border-spacing: 0px; */
153: 	/*margin: 5px 5px 5px 5px; */
154: 	/*padding: 5px 5px 5px 5px;*/
155: 	
156: 	/* margin: 50px; */
157: 	}
158: 
159: tr.nicetablehov:hover
160: 	{
161: 	background-color: #f6f6ff;
162: 	}
163: 	
164: table.viewtable:hover
165: 	{
166: 	background-color: #f9f9ff;
167: 	}
168: 	
169: table.viewtable
170: 	{
171: 	/*background-color: #f9f9ff;*/
172: 	margin-top: 5px;
173: 	}
174: 	
175: hr.viewtable
176: 	{
177: 	border: solid 0px #f0f0f0;
178: 	background-color: #f0f0f0;
179: 	text-align: left;
180: 	width: 80%;
181: 	height: 1px;
182: 	}
183: /*	
184: table.nicetablehov td:hover
185: 	{
186: 	background-color: #000000;
187: 	}
188: */	
189: /*
190: td#nicetablehov:hover
191: 	{
192: 	background-color: #000000;
193: 	}
194: */
195: table.nptiny-al-1
196: 	{
197: 	width: 100px;
198: 	height: 100px;
199: 	border: dotted 1px #a0a0a0;
200: 	padding: 10px 10px 10px 10px;
201: 	margin: 10px 10px 10px 10px;
202: 	}
203: 	
204: table.nptiny-al0
205: 	{
206: 	width: 100px;
207: 	height: 100px;
208: 	border: dotted 1px green;
209: 	padding: 10px 10px 10px 10px;
210: 	margin: 10px 10px 10px 10px;
211: 	}
212: 	
213: table.nptiny-al1
214: 	{
215: 	width: 100px;
216: 	height: 100px;
217: 	border: dotted 1px orange;
218: 	padding: 10px 10px 10px 10px;
219: 	margin: 10px 10px 10px 10px;
220: 	}
221: 	
222: table.nptiny-al2
223: 	{
224: 	width: 100px;
225: 	height: 100px;
226: 	border: dotted 1px red;
227: 	padding: 10px 10px 10px 10px;
228: 	margin: 10px 10px 10px 10px;
229: 	}
230: 	
231: table.npbig-al-1
232: 	{
233: 	border: dotted 1px #e0e0e0;
234: 	margin: 10px 10px 10px 10px;
235: 	}
236: 
237: table.npbig-al0
238: 	{
239: 	border: dotted 1px green;
240: 	margin: 10px 10px 10px 10px;
241: 	}
242: 
243: table.npbig-al1
244: 	{
245: 	border: dotted 1px orange;
246: 	margin: 10px 10px 10px 10px;
247: 	}
248: 	
249: table.npbig-al2
250: 	{
251: 	border: dotted 1px red;
252: 	margin: 10px 10px 10px 10px;
253: 	}
254: /*
255: b.alert-1 { color: black; }
256: b.alert0 { color: green; }
257: b.alert1 { color: orange; }
258: b.alert2 { color: red; }
259: 
260: img.alert-1 { }
261: img.alert0 { }
262: img.alert1 { border-style: dashed; border-width: 1px; border-color: orange; }
263: img.alert2 { border-style: dashed; border-width: 1px; border-color: red; }
264: 
265: b.alertpane-1 { color: white; font-size: 12pt; }
266: b.alertpane0 { color: white; font-size: 12pt; }
267: b.alertpane1 { color: black; font-size: 12pt; }
268: b.alertpane2 { color: black; font-size: 12pt; }
269: 
270: table.alertpane-1 { border-style: solid; border-width: 1px; border-color: black; }
271: table.alertpane0 { border-style: solid; border-width: 1px; border-color: black; }
272: table.alertpane1 { border-style: solid; border-width: 1px; border-color: orange; }
273: table.alertpane2 { border-style: solid; border-width: 1px; border-color: red; }
274: 
275: tr.alertpane-1 { background-color: black; }
276: tr.alertpane0 { background-color: black; }
277: tr.alertpane1 { background-color: orange; }
278: tr.alertpane2 { background-color: red; }
279: 
280: td.alertpane-1 { background-color: black; }
281: td.alertpane0 { background-color: black; }
282: td.alertpane1 { background-color: orange; }
283: td.alertpane2 { background-color: red; }
284: 
285: td.elealert-1 { color: black; }
286: td.elealert0 { color: green; }
287: td.elealert1 { color: orange; }
288: td.elealert2 { color: red; }
289: 
290: td.catEleExists { color: green; }
291: td.catEle { color: black; }
292: */
293: -->
294: