[795] | 1 | /** Estilo de elementos comuns **/ |
---|
| 2 | |
---|
| 3 | * { |
---|
| 4 | font-family: Verdana, Arial, Helvetica, sans-serif; |
---|
| 5 | } |
---|
| 6 | |
---|
| 7 | a:link, a:visited |
---|
| 8 | { |
---|
| 9 | cursor: pointer; |
---|
| 10 | color: black; |
---|
| 11 | text-decoration: none; |
---|
| 12 | } |
---|
| 13 | |
---|
| 14 | a:hover, a:active |
---|
| 15 | { |
---|
| 16 | cursor: pointer; |
---|
| 17 | color: darkblue; |
---|
| 18 | text-decoration: none; |
---|
| 19 | } |
---|
| 20 | |
---|
| 21 | input, button |
---|
| 22 | { |
---|
| 23 | font-size: 11px; |
---|
| 24 | color: rgb(0, 102, 153); |
---|
| 25 | font-family: Arial, Helvetica, sans-serif; |
---|
| 26 | border-top-width: 1px; |
---|
| 27 | border-right-width: 1px; |
---|
| 28 | border-bottom-width: 1px; |
---|
| 29 | border-left-width: 1px; |
---|
| 30 | border-top-style: solid; |
---|
| 31 | border-right-style: solid; |
---|
| 32 | border-bottom-style: solid; |
---|
| 33 | border-left-style: solid; |
---|
| 34 | border-top-color: rgb(187, 187, 187); |
---|
| 35 | border-right-color: rgb(187, 187, 187); |
---|
| 36 | border-bottom-color: rgb(187, 187, 187); |
---|
| 37 | border-left-color: rgb(187, 187, 187); |
---|
| 38 | } |
---|
| 39 | |
---|
| 40 | textarea |
---|
| 41 | { |
---|
| 42 | font-family: Verdana, Arial, Helvetica, sans-serif; |
---|
| 43 | font-size: 13px; |
---|
| 44 | } |
---|
| 45 | |
---|
| 46 | /** Estilo das abas em qualquer das interfaces **/ |
---|
| 47 | |
---|
| 48 | .abas_menu_sel |
---|
| 49 | { |
---|
| 50 | text-decoration: none; |
---|
| 51 | font: bold 12px Arial; |
---|
| 52 | color: #505050; |
---|
| 53 | height: 20px; |
---|
| 54 | margin-left: 5px; |
---|
| 55 | margin-bottom: 0px; |
---|
| 56 | padding: 2px 2px 2px 2px; |
---|
| 57 | |
---|
| 58 | border-right: 1px solid #000000; |
---|
| 59 | border-left: 1px solid #000000; |
---|
| 60 | border-top: 1px solid #000000; |
---|
| 61 | |
---|
| 62 | color: black; |
---|
| 63 | |
---|
| 64 | -moz-border-radius: 6px 6px 3px 3px; |
---|
| 65 | cursor: pointer; |
---|
| 66 | border-bottom-style: none; |
---|
| 67 | background-color: #F7F7F7; |
---|
| 68 | } |
---|
| 69 | |
---|
| 70 | .abas_menu |
---|
| 71 | { |
---|
| 72 | text-decoration: none; |
---|
| 73 | font: bold 12px Arial; /*tab font */ |
---|
| 74 | color: #505050; /*font color */ |
---|
| 75 | height: 20px; /*height of tab */ |
---|
| 76 | margin-left: 5px; /*spacing between tabs */ |
---|
| 77 | background-color:#E5E5E5; |
---|
| 78 | margin-bottom: 0px; |
---|
| 79 | padding: 2px 2px 2px 2px; /* offset of tab text to border (top left bottom right) */ |
---|
| 80 | background-color: #e5e5e5; |
---|
| 81 | border-left: solid 1px #c0c0c0; |
---|
| 82 | border-top: solid 1px #c0c0c0; |
---|
| 83 | border-right: solid 1px #c0c0c0; |
---|
| 84 | border-bottom: 1px solid #000000; |
---|
| 85 | -moz-border-radius: 4px 4px 0px 0px; |
---|
| 86 | cursor: pointer; |
---|
| 87 | } |
---|
| 88 | |
---|
| 89 | .abas_last_menu |
---|
| 90 | { |
---|
| 91 | border-bottom: 1px solid #000000; |
---|
| 92 | -moz-border-radius: 4px 4px 0px 0px; |
---|
| 93 | } |
---|
| 94 | |
---|
| 95 | /** Estilo para a divisão principal das interfaces **/ |
---|
| 96 | |
---|
| 97 | .conteudo_div { |
---|
| 98 | font-family: Verdana, Arial, Helvetica, sans-serif; |
---|
| 99 | font-size: 10px; |
---|
| 100 | font-weight: normal; |
---|
| 101 | color: #000033; |
---|
| 102 | padding: 2px; |
---|
| 103 | border-color: gray gray gray gray; |
---|
| 104 | border-right: 1px solid #000000; |
---|
| 105 | border-left: 1px solid #000000; |
---|
| 106 | border-bottom: 1px solid #000000; |
---|
| 107 | width:99.5%; |
---|
| 108 | -moz-border-radius: 0px 0px 6px 6px; |
---|
| 109 | } |
---|
| 110 | |
---|
| 111 | .conteudo_div_ie { |
---|
| 112 | font-family: Verdana, Arial, Helvetica, sans-serif; |
---|
| 113 | font-size: 10px; |
---|
| 114 | font-weight: normal; |
---|
| 115 | color: #000033; |
---|
| 116 | padding: 2px; |
---|
| 117 | border-color: gray gray gray gray; |
---|
| 118 | border-right: 1px solid #000000; |
---|
| 119 | border-left: 1px solid #000000; |
---|
| 120 | border-bottom: 1px solid #000000; |
---|
| 121 | width:100%; |
---|
| 122 | -moz-border-radius: 0px 0px 6px 6px; |
---|
| 123 | } |
---|
| 124 | |
---|
| 125 | /** Estilo para exibição de texto **/ |
---|
| 126 | |
---|
| 127 | .text_dsp |
---|
| 128 | { |
---|
| 129 | color: black; |
---|
| 130 | margin-left: 10px; |
---|
| 131 | padding: 6px 6px 6px 6px; |
---|
| 132 | } |
---|
| 133 | |
---|
| 134 | .version_dsp |
---|
| 135 | { |
---|
| 136 | font: normal 10px Arial; |
---|
| 137 | color: black; |
---|
| 138 | } |
---|
| 139 | |
---|
| 140 | .text_bold |
---|
| 141 | { |
---|
| 142 | font-family: Verdana, Arial, Helvetica, sans-serif; |
---|
| 143 | font-size: 10px; |
---|
| 144 | font-weight: bold; |
---|
| 145 | color: black; |
---|
| 146 | } |
---|
| 147 | |
---|
| 148 | /** Estilo para a exibição de erros na região compreendida entre o cabeçalho do Expresso e as abas das interfaces **/ |
---|
| 149 | |
---|
| 150 | .msg_erro_table { |
---|
| 151 | border-spacing: 0px 0px; |
---|
| 152 | } |
---|
| 153 | |
---|
| 154 | .msg_erro_th { |
---|
| 155 | font-family: Verdana, Arial, Helvetica, sans-serif; |
---|
| 156 | font-size: 13px; |
---|
| 157 | border-width: 0px 0px 0px 0px; |
---|
| 158 | padding: 3px 10px 3px 10px; |
---|
| 159 | border-style: inset inset inset inset; |
---|
| 160 | border-color: gray gray gray gray; |
---|
| 161 | background-color: rgb(250, 209, 99); |
---|
| 162 | -moz-border-radius: 6px 6px 6px 6px; |
---|
| 163 | } |
---|
| 164 | |
---|
| 165 | .msg_erro_text |
---|
| 166 | { |
---|
| 167 | font-family: Verdana, Arial, Helvetica, sans-serif; |
---|
| 168 | color: #000066; |
---|
| 169 | font-size: 14px; |
---|
| 170 | font-weight: bold; |
---|
| 171 | } |
---|
| 172 | |
---|
| 173 | /** Estilo da tabela de visualização de dados sobre processos ou instâncias **/ |
---|
| 174 | |
---|
| 175 | .info_table { |
---|
| 176 | color: black; |
---|
| 177 | font-family: Arial; |
---|
| 178 | font-size: 13px; |
---|
| 179 | background-color: #CCCCCC; |
---|
| 180 | padding: 1px; |
---|
| 181 | cursor: default; |
---|
| 182 | border-width: 1px 1px 1px 1px; |
---|
| 183 | border-spacing: 0px 1px; |
---|
| 184 | border-style: outset outset outset outset; |
---|
| 185 | border-color: black; |
---|
| 186 | border-collapse: separate; |
---|
| 187 | -moz-border-radius: 3px 3px 3px 3px; |
---|
| 188 | } |
---|
| 189 | |
---|
| 190 | .info_tr_header{ |
---|
[3167] | 191 | /*background-color: #cccccc;*/ |
---|
[795] | 192 | font-weight: bold; |
---|
| 193 | font-size: 13px; |
---|
| 194 | } |
---|
| 195 | |
---|
| 196 | .info_tr_simple { |
---|
| 197 | background-color: #ffffff; |
---|
| 198 | font-weight: normal; |
---|
| 199 | font-size: 13px; |
---|
| 200 | } |
---|
| 201 | |
---|
| 202 | .info_tr_sub_header { |
---|
| 203 | background-color: #ffffff; |
---|
| 204 | font-size: 11px; |
---|
| 205 | color: #505050; |
---|
| 206 | } |
---|
| 207 | |
---|
| 208 | .info_td_activ { |
---|
| 209 | font-weight: normal; |
---|
| 210 | color: black; |
---|
| 211 | vertical-align: top; |
---|
| 212 | } |
---|
| 213 | |
---|
| 214 | /** Inativo: antigo estilo do menu de atividades dos processos **/ |
---|
| 215 | |
---|
| 216 | .drop_menu_div |
---|
| 217 | { |
---|
| 218 | position: absolute; |
---|
| 219 | visibility: hidden; |
---|
| 220 | } |
---|
| 221 | |
---|
| 222 | .drop_menu_table { |
---|
| 223 | background-color: #ffffff; |
---|
| 224 | color: black; |
---|
| 225 | border-style: solid; |
---|
| 226 | border-width: 1px; |
---|
| 227 | border-color: #bbbbbb; |
---|
| 228 | font-family: Arial; |
---|
| 229 | font-size: 13px; |
---|
| 230 | cursor: pointer; |
---|
| 231 | } |
---|
| 232 | |
---|
| 233 | .drop_menu_td { |
---|
| 234 | background-color: white; |
---|
| 235 | color: black; |
---|
| 236 | text_decoration: none; |
---|
| 237 | } |
---|
| 238 | |
---|
| 239 | .drop_menu_td_sel { |
---|
| 240 | background-color: whitesmoke; |
---|
| 241 | color: darkblue; |
---|
| 242 | text_decoration: none; |
---|
| 243 | } |
---|
| 244 | |
---|
| 245 | /** Estilo das imagens exibidas nas listas de ações **/ |
---|
| 246 | |
---|
| 247 | .img_link { |
---|
| 248 | cursor: pointer; |
---|
| 249 | } |
---|
| 250 | |
---|
| 251 | .img_no_link { |
---|
| 252 | cursor: default; |
---|
| 253 | } |
---|
| 254 | |
---|
| 255 | /** Estilo da tabela principal das interfaces. P.ex: lista de instâncias da aba de Tarefas Pendentes **/ |
---|
| 256 | |
---|
| 257 | .table_elements |
---|
| 258 | { |
---|
| 259 | width: 100%; |
---|
| 260 | color: black; |
---|
| 261 | border-style: solid; |
---|
| 262 | border-width: 0px; |
---|
| 263 | border-collapse: collapse; |
---|
| 264 | border-color: #bbbbbb; |
---|
| 265 | font-family: Arial; |
---|
| 266 | font-size: 13px; |
---|
| 267 | } |
---|
| 268 | |
---|
| 269 | .table_elements_tr_header { |
---|
[3167] | 270 | /*background-color: #ABC6E1;*/ |
---|
[795] | 271 | } |
---|
| 272 | |
---|
| 273 | .table_elements_tr_line { |
---|
| 274 | background-color: #ffffff; |
---|
| 275 | border-bottom:1px solid #cfcfcf; |
---|
| 276 | } |
---|
| 277 | |
---|
| 278 | ul.horizontalMenu |
---|
| 279 | { |
---|
| 280 | list-style: none; |
---|
| 281 | padding: 0px; |
---|
| 282 | margin: 0px; |
---|
| 283 | } |
---|
| 284 | |
---|
| 285 | ul.horizontalMenu li |
---|
| 286 | { |
---|
| 287 | float: left; |
---|
| 288 | margin: 0pt; |
---|
| 289 | text-align: left; |
---|
| 290 | } |
---|
| 291 | |
---|
| 292 | ul.horizontalMenu li a |
---|
| 293 | { |
---|
| 294 | border: 1px solid buttonface; |
---|
| 295 | padding: 0px 05px 0px 05px; |
---|
| 296 | height: 2.5em; |
---|
| 297 | line-height: 2.5em; |
---|
| 298 | float: left; |
---|
| 299 | display: block; |
---|
| 300 | color: #000000 !important; |
---|
| 301 | text-decoration: none; |
---|
| 302 | text-align: center; |
---|
| 303 | font-size: 11px !important; |
---|
| 304 | } |
---|
| 305 | |
---|
| 306 | ul.horizontalMenu li a:hover |
---|
| 307 | { |
---|
| 308 | background-color: #FFFFFF !important; |
---|
| 309 | border: 1px solid #000000; |
---|
| 310 | color: darkblue !important; |
---|
| 311 | text-decoration: none !important; |
---|
| 312 | } |
---|
| 313 | |
---|
| 314 | ul.horizontalMenu li a:visited |
---|
| 315 | { |
---|
| 316 | color: #000000 !important; |
---|
| 317 | } |
---|
| 318 | |
---|
| 319 | ul.horizontalMenu li a img |
---|
| 320 | { |
---|
| 321 | vertical-align: middle; |
---|
| 322 | } |
---|