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