File: 1.13.2b/server/web/css/main.css (View as HTML)

  1: <!--
  2: /* -------------------------------------------------------------
  3: This file is part of FreeNATS
  4: 
  5: FreeNATS is (C) Copyright 2008-2010 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; margin: 5px;}
 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-bottom: none;
 35: 	position: relative;
 36: 	top: -5px;
 37: 	left: 0;
 38: 	margin: 0;
 39: 	padding: 0;
 40: 	padding-top: 2px;
 41: 	width: 100%;
 42: 	height: 35px;
 43: 	}
 44: 	
 45: td.mainleft
 46: 	{
 47: 	background: url(../images/e0e0ff.10px.bl.jpg) 0 100% no-repeat;
 48: 	font-size: 8pt;
 49: 	font-weight: bold;
 50: 	}
 51: 	
 52: td.mainleft a   /* page title options */
 53: 	{
 54: 	font-size: 8pt;
 55: 	color: red;
 56: 	text-decoration: none;
 57: 	font-weight: bold;
 58: 	}
 59: 
 60: 
 61: b.maintitle 
 62: 	{ 
 63: 	font-size: 14pt; 
 64: 	padding: 5px;
 65: 	position: relative;
 66: 	top: -2px; 
 67: 	}
 68: 
 69: b.subtitle { font-size: 13pt; }
 70: 
 71: b.sectitle { font-size: 12pt; }
 72: /*
 73: echo "<div style=\"background: #".$col."; margin: 0; padding: 0;\">";
 74: echo "<div style=\"background: url(out/".$col.".10px.bl.jpg) 0 100% no-repeat;\">";
 75: echo "<div style=\"background: url(out/".$col.".10px.br.jpg) 100% 100% no-repeat;\">";
 76: echo "<div style=\"background: url(out/".$col.".10px.tl.jpg) 0 0 no-repeat;\">";
 77: echo "<div style=\"background: url(out/".$col.".10px.tr.jpg) 100% 0 no-repeat; padding: 5px\">";
 78: */
 79: div.bl
 80: 	{
 81: 	background: url(../images/e0e0ff.10px.bl.jpg) 0 100% no-repeat;
 82: 	}
 83: 
 84: div.br
 85: 	{
 86: 	background: url(../images/e0e0ff.10px.br.jpg) 100% 100% no-repeat;
 87: 	}
 88: 	
 89: div.tl
 90: 	{
 91: 	background: url(../images/e0e0ff.10px.tl.jpg) 0 0 no-repeat;
 92: 	}
 93: 	
 94: div.tr
 95: 	{
 96: 	background: url(../images/e0e0ff.10px.tr.jpg) 100% 0 no-repeat;
 97: 	padding: 5px;
 98: 	}
 99: 
100: td.titlelink
101: 	{
102: 	text-align: right;
103: 	font-size: 10pt;
104: 	background: url(../images/e0e0ff.10px.br.jpg) 100% 100% no-repeat;
105: 	}
106: 	
107: hr.nspacer
108: 	{
109: 	width: 100%;
110: 	height: 1px;
111: 	border: 0;
112: 	background-color: #e0e0ff;
113: 	}
114: 	
115: td.titlelink a
116: 	{
117: 	/*
118: 	position: relative;
119: 	top: -1px; */
120: 	color: blue;
121: 	text-decoration: none;
122: 	font-weight: bold;
123: 	}	
124: 	
125: td.titlelink a:hover
126: 	{
127: 	color: red;
128: 	}
129: 
130: 
131: b.configheading { font-size: 12pt; text-decoration: underline; }
132: b.minortitle { 
133: 	font-size: 13pt; 
134: 	text-decoration: underline;
135: 	}
136: 
137: div.alertpane
138: 	{
139: 	margin: 10px 0 0 0;
140: 	padding: 5px 5px 5px 5px;
141: 	float:	right;
142: 	background-color: #ffe0e0;
143: 	width: 200px;
144: 	border: dashed 1px #e0a0a0;
145: 	}
146: 	
147: div.monitorviews
148: 	{
149: 	margin: 0px 5px 10px 10px;
150: 	padding: 5px;
151: 	position: relative;
152: 	float: right;
153: 	text-align: center;
154: 	width: 70;
155: 	border: dotted 1px #a0a0ff;
156: 	background-color: #f0f0ff;
157: 	font-size: 8pt;
158: 	z-index: 2;
159: 	}
160: 	
161: table.nfooter
162: 	{
163: 	vertical-align: bottom;
164: 	/*border: dashed 1px #a0a0e0;*/
165: 	border: 0;
166: 	background-color: #e0e0ff;
167: 	}
168: 	
169: div.nfooter
170: 	{
171: 	vertical-align: bottom;
172: 	position: relative;
173: 	/*border: dashed 1px #a0a0e0;*/
174: 	border: 0;
175: 	background: #e0e0ff;
176: 	padding: 0;
177: 	margin: 0;
178: 	z-index: 1;
179: 	}
180: 	
181: div.nfootleft
182: 	{
183: 	display: inline;
184: 	}
185: 	
186: div.nfootright
187: 	{
188: 	display: inline;
189: 	text-align: right;
190: 	position: absolute;
191: 	/*background-color: #f0f0f0;*/
192: 	right: 5px;
193: 	}
194: 	
195: .al-1 { color: black; }
196: .al0 { color: green; }
197: .al1 { color: orange; }
198: .al2 { color: red; }
199: 
200: table.nicetable
201: 	{
202: 	border: dotted 1px #e0e0e0;
203: 	}
204: 	
205: table.nicetable td
206: 	{
207: 	border-bottom: dotted 1px #e0e0e0;
208: 	}
209: 	
210: table.hidenicetable
211: 	{
212: 	border: dotted 1px #e0e0e0;
213: 	visibility: hidden;
214: 	}
215: 	
216: table.hidenicetable td
217: 	{
218: 	border-bottom: dotted 1px #e0e0e0;
219: 	}
220: 	
221: table.nicetablehov
222: 	{
223: 	border: dotted 1px #e0e0e0;
224: 	}
225: /*
226: table.nicetablehov tr:hover
227: 	{
228: 	background-color: #a0a0ff;
229: 	}
230: */
231: 
232: table.nicetablehov td
233: 	{
234: 	border-bottom: dotted 1px #e0e0e0;
235: 	/* border-spacing: 0px; */
236: 	/*margin: 5px 5px 5px 5px; */
237: 	/*padding: 5px 5px 5px 5px;*/
238: 	
239: 	/* margin: 50px; */
240: 	}
241: 
242: tr.nicetablehov:hover
243: 	{
244: 	background-color: #f6f6ff;
245: 	}
246: 	
247: table.viewtable:hover
248: 	{
249: 	background-color: #f9f9ff;
250: 	}
251: 	
252: table.viewtable
253: 	{
254: 	/*background-color: #f9f9ff;*/
255: 	margin-top: 5px;
256: 	}
257: 	
258: hr.viewtable
259: 	{
260: 	border: solid 0px #f0f0f0;
261: 	background-color: #f0f0f0;
262: 	text-align: left;
263: 	width: 80%;
264: 	height: 1px;
265: 	}
266: /*	
267: table.nicetablehov td:hover
268: 	{
269: 	background-color: #000000;
270: 	}
271: */	
272: /*
273: td#nicetablehov:hover
274: 	{
275: 	background-color: #000000;
276: 	}
277: */
278: table.nptiny-al-1
279: 	{
280: 	width: 100px;
281: 	height: 100px;
282: 	border: dotted 1px #a0a0a0;
283: 	padding: 10px 10px 10px 10px;
284: 	margin: 10px 10px 10px 10px;
285: 	}
286: 	
287: table.nptiny-al0
288: 	{
289: 	width: 100px;
290: 	height: 100px;
291: 	border: dotted 1px green;
292: 	padding: 10px 10px 10px 10px;
293: 	margin: 10px 10px 10px 10px;
294: 	}
295: 	
296: table.nptiny-al1
297: 	{
298: 	width: 100px;
299: 	height: 100px;
300: 	border: dotted 1px orange;
301: 	padding: 10px 10px 10px 10px;
302: 	margin: 10px 10px 10px 10px;
303: 	}
304: 	
305: table.nptiny-al2
306: 	{
307: 	width: 100px;
308: 	height: 100px;
309: 	border: dotted 1px red;
310: 	padding: 10px 10px 10px 10px;
311: 	margin: 10px 10px 10px 10px;
312: 	}
313: 	
314: table.npbig-al-1
315: 	{
316: 	border: dotted 1px #e0e0e0;
317: 	margin: 10px 10px 10px 10px;
318: 	}
319: 
320: table.npbig-al0
321: 	{
322: 	border: dotted 1px green;
323: 	margin: 10px 10px 10px 10px;
324: 	}
325: 
326: table.npbig-al1
327: 	{
328: 	border: dotted 1px orange;
329: 	margin: 10px 10px 10px 10px;
330: 	}
331: 	
332: table.npbig-al2
333: 	{
334: 	border: dotted 1px red;
335: 	margin: 10px 10px 10px 10px;
336: 	}
337: 
338: div.page_error
339: 	{
340: 	color: #909090;
341: 	}
342: 
343: div.page_error a
344: 	{
345: 	color: #9090e0;
346: 	}
347: 
348: div.sec_warning
349: 	{
350: 	background-color: #fff0f0;
351: 	border: solid 1px red;
352: 	padding: 5px;
353: 	}
354: -->
355: