File: 0.04.04a/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.nicetablehov td:hover
143: 	{
144: 	background-color: #000000;
145: 	}
146: */	
147: /*
148: td#nicetablehov:hover
149: 	{
150: 	background-color: #000000;
151: 	}
152: */
153: table.nptiny-al-1
154: 	{
155: 	width: 100px;
156: 	height: 100px;
157: 	border: dotted 1px #a0a0a0;
158: 	padding: 10px 10px 10px 10px;
159: 	margin: 10px 10px 10px 10px;
160: 	}
161: 	
162: table.nptiny-al0
163: 	{
164: 	width: 100px;
165: 	height: 100px;
166: 	border: dotted 1px green;
167: 	padding: 10px 10px 10px 10px;
168: 	margin: 10px 10px 10px 10px;
169: 	}
170: 	
171: table.nptiny-al1
172: 	{
173: 	width: 100px;
174: 	height: 100px;
175: 	border: dotted 1px orange;
176: 	padding: 10px 10px 10px 10px;
177: 	margin: 10px 10px 10px 10px;
178: 	}
179: 	
180: table.nptiny-al2
181: 	{
182: 	width: 100px;
183: 	height: 100px;
184: 	border: dotted 1px red;
185: 	padding: 10px 10px 10px 10px;
186: 	margin: 10px 10px 10px 10px;
187: 	}
188: 	
189: table.npbig-al-1
190: 	{
191: 	border: dotted 1px #e0e0e0;
192: 	margin: 10px 10px 10px 10px;
193: 	}
194: 
195: table.npbig-al0
196: 	{
197: 	border: dotted 1px green;
198: 	margin: 10px 10px 10px 10px;
199: 	}
200: 
201: table.npbig-al1
202: 	{
203: 	border: dotted 1px orange;
204: 	margin: 10px 10px 10px 10px;
205: 	}
206: 	
207: table.npbig-al2
208: 	{
209: 	border: dotted 1px red;
210: 	margin: 10px 10px 10px 10px;
211: 	}
212: /*
213: b.alert-1 { color: black; }
214: b.alert0 { color: green; }
215: b.alert1 { color: orange; }
216: b.alert2 { color: red; }
217: 
218: img.alert-1 { }
219: img.alert0 { }
220: img.alert1 { border-style: dashed; border-width: 1px; border-color: orange; }
221: img.alert2 { border-style: dashed; border-width: 1px; border-color: red; }
222: 
223: b.alertpane-1 { color: white; font-size: 12pt; }
224: b.alertpane0 { color: white; font-size: 12pt; }
225: b.alertpane1 { color: black; font-size: 12pt; }
226: b.alertpane2 { color: black; font-size: 12pt; }
227: 
228: table.alertpane-1 { border-style: solid; border-width: 1px; border-color: black; }
229: table.alertpane0 { border-style: solid; border-width: 1px; border-color: black; }
230: table.alertpane1 { border-style: solid; border-width: 1px; border-color: orange; }
231: table.alertpane2 { border-style: solid; border-width: 1px; border-color: red; }
232: 
233: tr.alertpane-1 { background-color: black; }
234: tr.alertpane0 { background-color: black; }
235: tr.alertpane1 { background-color: orange; }
236: tr.alertpane2 { background-color: red; }
237: 
238: td.alertpane-1 { background-color: black; }
239: td.alertpane0 { background-color: black; }
240: td.alertpane1 { background-color: orange; }
241: td.alertpane2 { background-color: red; }
242: 
243: td.elealert-1 { color: black; }
244: td.elealert0 { color: green; }
245: td.elealert1 { color: orange; }
246: td.elealert2 { color: red; }
247: 
248: td.catEleExists { color: green; }
249: td.catEle { color: black; }
250: */
251: -->
252: