File: 0.04.05a/server/web/css/main.css (View as HTML)

  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: 	float: right;
 71: 	text-align: center;
 72: 	width: 70;
 73: 	border: dotted 1px #a0a0ff;
 74: 	background-color: #f0f0ff;
 75: 	font-size: 8pt;
 76: 	}
 77: 	
 78: table.nfooter
 79: 	{
 80: 	vertical-align: bottom;
 81: 	border: dashed 1px #a0a0e0;
 82: 	background-color: #e0e0ff;
 83: 	}
 84: 	
 85: .al-1 { color: black; }
 86: .al0 { color: green; }
 87: .al1 { color: orange; }
 88: .al2 { color: red; }
 89: 
 90: table.nicetable
 91: 	{
 92: 	border: dotted 1px #e0e0e0;
 93: 	}
 94: 	
 95: table.nicetable td
 96: 	{
 97: 	border-bottom: dotted 1px #e0e0e0;
 98: 	}
 99: 	
100: table.hidenicetable
101: 	{
102: 	border: dotted 1px #e0e0e0;
103: 	visibility: hidden;
104: 	}
105: 	
106: table.hidenicetable td
107: 	{
108: 	border-bottom: dotted 1px #e0e0e0;
109: 	}
110: 	
111: table.nicetablehov
112: 	{
113: 	border: dotted 1px #e0e0e0;
114: 	}
115: /*
116: table.nicetablehov tr:hover
117: 	{
118: 	background-color: #a0a0ff;
119: 	}
120: */
121: 
122: table.nicetablehov td
123: 	{
124: 	border-bottom: dotted 1px #e0e0e0;
125: 	/* border-spacing: 0px; */
126: 	/*margin: 5px 5px 5px 5px; */
127: 	/*padding: 5px 5px 5px 5px;*/
128: 	
129: 	/* margin: 50px; */
130: 	}
131: 
132: tr.nicetablehov:hover
133: 	{
134: 	background-color: #f6f6ff;
135: 	}
136: 	
137: table.viewtable:hover
138: 	{
139: 	background-color: #f9f9ff;
140: 	}
141: 	
142: table.viewtable
143: 	{
144: 	/*background-color: #f9f9ff;*/
145: 	margin-top: 5px;
146: 	}
147: 	
148: hr.viewtable
149: 	{
150: 	border: solid 0px #f0f0f0;
151: 	background-color: #f0f0f0;
152: 	text-align: left;
153: 	width: 80%;
154: 	height: 1px;
155: 	}
156: /*	
157: table.nicetablehov td:hover
158: 	{
159: 	background-color: #000000;
160: 	}
161: */	
162: /*
163: td#nicetablehov:hover
164: 	{
165: 	background-color: #000000;
166: 	}
167: */
168: table.nptiny-al-1
169: 	{
170: 	width: 100px;
171: 	height: 100px;
172: 	border: dotted 1px #a0a0a0;
173: 	padding: 10px 10px 10px 10px;
174: 	margin: 10px 10px 10px 10px;
175: 	}
176: 	
177: table.nptiny-al0
178: 	{
179: 	width: 100px;
180: 	height: 100px;
181: 	border: dotted 1px green;
182: 	padding: 10px 10px 10px 10px;
183: 	margin: 10px 10px 10px 10px;
184: 	}
185: 	
186: table.nptiny-al1
187: 	{
188: 	width: 100px;
189: 	height: 100px;
190: 	border: dotted 1px orange;
191: 	padding: 10px 10px 10px 10px;
192: 	margin: 10px 10px 10px 10px;
193: 	}
194: 	
195: table.nptiny-al2
196: 	{
197: 	width: 100px;
198: 	height: 100px;
199: 	border: dotted 1px red;
200: 	padding: 10px 10px 10px 10px;
201: 	margin: 10px 10px 10px 10px;
202: 	}
203: 	
204: table.npbig-al-1
205: 	{
206: 	border: dotted 1px #e0e0e0;
207: 	margin: 10px 10px 10px 10px;
208: 	}
209: 
210: table.npbig-al0
211: 	{
212: 	border: dotted 1px green;
213: 	margin: 10px 10px 10px 10px;
214: 	}
215: 
216: table.npbig-al1
217: 	{
218: 	border: dotted 1px orange;
219: 	margin: 10px 10px 10px 10px;
220: 	}
221: 	
222: table.npbig-al2
223: 	{
224: 	border: dotted 1px red;
225: 	margin: 10px 10px 10px 10px;
226: 	}
227: /*
228: b.alert-1 { color: black; }
229: b.alert0 { color: green; }
230: b.alert1 { color: orange; }
231: b.alert2 { color: red; }
232: 
233: img.alert-1 { }
234: img.alert0 { }
235: img.alert1 { border-style: dashed; border-width: 1px; border-color: orange; }
236: img.alert2 { border-style: dashed; border-width: 1px; border-color: red; }
237: 
238: b.alertpane-1 { color: white; font-size: 12pt; }
239: b.alertpane0 { color: white; font-size: 12pt; }
240: b.alertpane1 { color: black; font-size: 12pt; }
241: b.alertpane2 { color: black; font-size: 12pt; }
242: 
243: table.alertpane-1 { border-style: solid; border-width: 1px; border-color: black; }
244: table.alertpane0 { border-style: solid; border-width: 1px; border-color: black; }
245: table.alertpane1 { border-style: solid; border-width: 1px; border-color: orange; }
246: table.alertpane2 { border-style: solid; border-width: 1px; border-color: red; }
247: 
248: tr.alertpane-1 { background-color: black; }
249: tr.alertpane0 { background-color: black; }
250: tr.alertpane1 { background-color: orange; }
251: tr.alertpane2 { background-color: red; }
252: 
253: td.alertpane-1 { background-color: black; }
254: td.alertpane0 { background-color: black; }
255: td.alertpane1 { background-color: orange; }
256: td.alertpane2 { background-color: red; }
257: 
258: td.elealert-1 { color: black; }
259: td.elealert0 { color: green; }
260: td.elealert1 { color: orange; }
261: td.elealert2 { color: red; }
262: 
263: td.catEleExists { color: green; }
264: td.catEle { color: black; }
265: */
266: -->
267: