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