| 1 | /************************* |
|---|
| 2 | * Simulation Page * |
|---|
| 3 | *************************/ |
|---|
| 4 | html { |
|---|
| 5 | padding:0px; |
|---|
| 6 | } |
|---|
| 7 | body |
|---|
| 8 | { |
|---|
| 9 | margin:0px; |
|---|
| 10 | font-family: Verdana, sans-serif; |
|---|
| 11 | background-color:#FFFFFF; |
|---|
| 12 | border:0px solid black; |
|---|
| 13 | } |
|---|
| 14 | |
|---|
| 15 | table.notebook |
|---|
| 16 | { |
|---|
| 17 | width:100%; |
|---|
| 18 | height:100%; |
|---|
| 19 | padding:0px; |
|---|
| 20 | margin:0px; |
|---|
| 21 | } |
|---|
| 22 | |
|---|
| 23 | /************************* |
|---|
| 24 | * Simulation Header * |
|---|
| 25 | *************************/ |
|---|
| 26 | table.header |
|---|
| 27 | { |
|---|
| 28 | width:100%; |
|---|
| 29 | padding:0px; |
|---|
| 30 | margin:0px; |
|---|
| 31 | height: 10px; |
|---|
| 32 | font-size: 2em; |
|---|
| 33 | } |
|---|
| 34 | |
|---|
| 35 | /************************* |
|---|
| 36 | * Update Status Box * |
|---|
| 37 | *************************/ |
|---|
| 38 | td.updateStatusBox |
|---|
| 39 | { |
|---|
| 40 | width: 30%; |
|---|
| 41 | } |
|---|
| 42 | |
|---|
| 43 | td.updateStatus |
|---|
| 44 | { |
|---|
| 45 | font-weight: bold; |
|---|
| 46 | color: white; |
|---|
| 47 | font-size: 1.2em; |
|---|
| 48 | } |
|---|
| 49 | |
|---|
| 50 | /************************* |
|---|
| 51 | * Status Box * |
|---|
| 52 | *************************/ |
|---|
| 53 | td.statusBox |
|---|
| 54 | { |
|---|
| 55 | width: 40%; |
|---|
| 56 | align: center; |
|---|
| 57 | } |
|---|
| 58 | |
|---|
| 59 | td.statusText |
|---|
| 60 | { |
|---|
| 61 | font-weight: bold; |
|---|
| 62 | text-align: center; |
|---|
| 63 | font-size: 1.2em; |
|---|
| 64 | } |
|---|
| 65 | |
|---|
| 66 | td.simulationStatus |
|---|
| 67 | { |
|---|
| 68 | font-weight: bold; |
|---|
| 69 | text-align: center; |
|---|
| 70 | font-size: 1.2em; |
|---|
| 71 | } |
|---|
| 72 | |
|---|
| 73 | /************************* |
|---|
| 74 | * Time Box * |
|---|
| 75 | *************************/ |
|---|
| 76 | .simulationTime |
|---|
| 77 | { |
|---|
| 78 | text-align: right; |
|---|
| 79 | font-weight: bold; |
|---|
| 80 | font-size: xx-large; /*1.2em; */ |
|---|
| 81 | color: black; |
|---|
| 82 | background: #FACECE; |
|---|
| 83 | border-radius: 25px; |
|---|
| 84 | border: 2px solid #BA2D2D; |
|---|
| 85 | float: right; |
|---|
| 86 | margin-bottom: 5%; |
|---|
| 87 | padding-right: 1%; |
|---|
| 88 | padding: 1%; |
|---|
| 89 | } |
|---|
| 90 | |
|---|
| 91 | /************************* |
|---|
| 92 | * Tab Menu * |
|---|
| 93 | *************************/ |
|---|
| 94 | |
|---|
| 95 | td.tabMenu |
|---|
| 96 | { |
|---|
| 97 | padding-bottom:0px; |
|---|
| 98 | border-bottom: 1px solid #66CC66; |
|---|
| 99 | } |
|---|
| 100 | |
|---|
| 101 | div.tabMenuWrapper { |
|---|
| 102 | display:block; |
|---|
| 103 | width:70%; /*750px; */ |
|---|
| 104 | margin-left:auto; |
|---|
| 105 | margin-right:auto; |
|---|
| 106 | } |
|---|
| 107 | |
|---|
| 108 | ul.tabMenu |
|---|
| 109 | { |
|---|
| 110 | float:left; |
|---|
| 111 | text-align: center; |
|---|
| 112 | margin: 1em 0 0em 0; |
|---|
| 113 | font-weight: bold; |
|---|
| 114 | font-size:11pt; |
|---|
| 115 | list-style-type: none; |
|---|
| 116 | padding: 0px 0px 0px 0px; |
|---|
| 117 | cursor: pointer; |
|---|
| 118 | } |
|---|
| 119 | |
|---|
| 120 | ul.tabMenu li |
|---|
| 121 | { |
|---|
| 122 | float:left; |
|---|
| 123 | line-height: 200%; |
|---|
| 124 | padding: 3px 5px; |
|---|
| 125 | margin-right: 5px; |
|---|
| 126 | margin-left: 5px; |
|---|
| 127 | text-decoration: none; |
|---|
| 128 | border: 1px solid #66CC66; |
|---|
| 129 | border-bottom: none; |
|---|
| 130 | font-size: 1.07em; |
|---|
| 131 | } |
|---|
| 132 | |
|---|
| 133 | ul.tabMenu li.notActive |
|---|
| 134 | { |
|---|
| 135 | background-color: #CCFFCC; |
|---|
| 136 | color: #666666; |
|---|
| 137 | } |
|---|
| 138 | |
|---|
| 139 | ul.tabMenu a:hover |
|---|
| 140 | { |
|---|
| 141 | background: #FFFFFF; /* set desired hover color */ |
|---|
| 142 | } |
|---|
| 143 | |
|---|
| 144 | /* SELECTED TAB */ |
|---|
| 145 | li.activeTab |
|---|
| 146 | { |
|---|
| 147 | border-bottom: 1px solid #FFFFFF; |
|---|
| 148 | background-color: #FFFFFF; |
|---|
| 149 | } |
|---|
| 150 | |
|---|
| 151 | /* SELECTED TAB LINK */ |
|---|
| 152 | li.activeTab |
|---|
| 153 | { |
|---|
| 154 | background-color: #FFFFFF; |
|---|
| 155 | color: #000000; |
|---|
| 156 | position: relative; |
|---|
| 157 | top: 1px; |
|---|
| 158 | padding-top: 4px; |
|---|
| 159 | } |
|---|
| 160 | |
|---|
| 161 | |
|---|
| 162 | /************************* |
|---|
| 163 | * Tab Page * |
|---|
| 164 | *************************/ |
|---|
| 165 | |
|---|
| 166 | td.tabPageContent |
|---|
| 167 | { |
|---|
| 168 | border: 1px solid #66CC66; |
|---|
| 169 | border-top: 0px; |
|---|
| 170 | height:100%; |
|---|
| 171 | padding:0px; |
|---|
| 172 | margin:0px; |
|---|
| 173 | } |
|---|
| 174 | |
|---|
| 175 | #summaryPageContent |
|---|
| 176 | { |
|---|
| 177 | background-color: lightyellow; |
|---|
| 178 | } |
|---|