Viewing File server/web/css/main.css of 0.04.31b
|
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: