src/WebContent/l7gui_basic_style.css

   1 body{
   2         font-family     :               Verdana, Arial, Helvetica, sans-serif;
   3 }
   4
   5 body.center{
   6         text-align: center;
   7 }
   8
   9 /* img */
  10 img{
  11         border: 0;
  12 }
  13
  14 img.top{
  15         margin-top :    15px;
  16         margin-bottom : 1px;
  17         margin-left :   3px;
  18         margin-right :  3px;
  19 }
  20
  21
  22 img.arrow1{
  23         width:20px;
  24         height:58px;
  25         margin-left: 30px;
  26 }
  27
  28 img.arrow2{
  29         width:58px;
  30         height:20px;
  31         margin-left: 10px;
  32         margin-right: 10px;
  33 }
  34
  35 input.topeer{
  36         margin-top : 10px;
  37         margin-bottom : 5px;
  38         margin-left: 10px;
  39 }
  40
  41 img.icon{
  42         margin : 3px;
  43 }
  44
  45
  46
  47
  48 /* link */
  49 a{
  50         color :                 #000066;
  51         font-size :     110%;
  52         font-weight :   bold;
  53 }
  54
  55 a:visited{
  56         color:                  navy;
  57         font-weight     :       bold;
  58 }
  59
  60 a:hover{
  61         color :                 #FF0066;
  62         font-weight     :       bold;
  63 }
  64
  65 a.sub{
  66         font-size :     95%;
  67         font-weight     :       bold;
  68         margin-left     :       20px;
  69 }
  70
  71
  72
  73
  74 h1{
  75         font-size :                     200%;
  76         font-weight :           bold;
  77         color :                         #ffffff;
  78         background-color :      #191970;
  79         text-align :            left;
  80         margin-bottom :         50px;
  81         padding-top :           10px;
  82         padding-bottom :        10px;
  83         padding-left :          20px;
  84 }
  85
  86 h2{
  87         font-size :                     150%;
  88         color :                         #191970;
  89         padding-left: 10px;
  90 }
  91
  92 h2.menu{
  93                 text-align: center;
  94 }
  95
  96 h3{
  97         font-size :                     100%;
  98         color :                         #000000;
  99         text-indent :           10pt
 100 }
 101
 102
 103 h4{
 104         font-size :                     80%;
 105         color :                         #000000;
 106         padding-top :           5px;
 107         padding-bottom :        0px;
 108         padding-left :          6px;
 109         margin-top :            5px;
 110         margin-bottom :         0px;
 111         margin-left :           6px;
 112 }
 113
 114 h4.menu{
 115         color: #000000;
 116         font-size: 80%;
 117         font-weight:bold;
 118 }
 119
 120 h4.note{
 121         color: #FF0066;
 122         font-weight:bold;
 123         margin-left: 10px;
 124         padding-left: 10px;
 125 }
 126
 127 table.loginStatus{
 128         margin : 10px;
 129         margin-left:auto;
 130         margin-right:auto;
 131         border-collapse: collapse;
 132         font-size:      80%;
 133         cellspacing: 2;
 134 }
 135
 136
 137 table.loginStatus th,
 138 table.loginStatus td{
 139         padding-top: 2px;
 140         padding-bottom: 2px;
 141         padding-left : 5px;
 142         padding-right : 3px;
 143         border: 5px solid white;
 144 }
 145
 146
 147 table.loginStatus th{
 148         background-repeat:no-repeat;
 149         background-color: #FFFFCC;
 150         font-weight :   bolder;
 151         text-align : left;
 152         vertical-align : middle;
 153         width: 200px;
 154 }
 155
 156 table.menu {
 157         line-height : 150%;
 158 }
 159
 160 table.menu td{
 161         vertical-align: top;
 162 }
 163
 164 table.status td.bar {
 165   color:                #FFEBCD;
 166   text-align:   left;
 167 }
 168
 169
 170 table.infotable{
 171         border: 2px     #000000 solid;
 172         border-collapse: collapse;
 173         font-size:      80%;
 174         margin-bottom: 15px;
 175         margin-top:  15px;
 176         margin-left: 15px;
 177 }
 178
 179
 180 table.infotable th,
 181 table.infotable td{
 182         border: 1px     solid   #000000;
 183         padding: 3.0px 5.0px;
 184 }
 185
 186 table.infotable th.error,
 187 table.infotable td.error{
 188         text-align: center;
 189         background-color: #CCCCCC;
 190         }
 191
 192 table.infotable th.side_error,
 193 table.infotable td.side_error{
 194         text-align: center;
 195         background-color: #CCCCCC;
 196         border-right:   2px solid       #000000;
 197         }
 198
 199
 200 table.infotable th.ins,
 201 table.infotable td.ins{
 202         text-align: center;
 203         background-color: #CCFFCC;
 204         }
 205
 206 table.infotable th.side_ins,
 207 table.infotable td.side_ins{
 208         text-align: center;
 209         background-color: #CCFFCC;
 210         border-right:   2px solid       #000000;
 211         }
 212
 213
 214 table.infotable th{
 215         border-bottom:  3px     double  #000000;
 216         background-color: #FFFFCC;
 217         font-weight:    bolder;
 218         text-align: center;
 219 }
 220
 221 table.infotable th.center{
 222         background-color:       #FFFFFF;
 223         border-bottom:  3px     double  #000000;
 224         font-weight:    bolder;
 225         text-align: center;
 226 }
 227
 228 table.infotable th.left{
 229         background-color:       #FFFFCC;;
 230         font-weight:    bolder;
 231         text-align: left;
 232         border-bottom:  1px #000000;
 233
 234 }
 235
 236 table.infotable th.point{
 237         border-bottom:  3px     double  #000000;
 238         border-right:   2px solid       #000000;
 239         font-weight:    bolder;
 240         text-align: center;
 241 }
 242
 243
 244 table.infotable th.head{
 245         border-bottom:  2px solid       #000000;
 246         border-right:   2px solid       #000000;
 247         font-weight:    bolder;
 248         text-align: center;
 249 }
 250
 251 table.infotable td.center{
 252         text-align: center;
 253 }
 254
 255 table.infotable td.left{
 256         text-align: left;
 257 }
 258
 259 table.infotable td.right{
 260         text-align: right;
 261 }
 262
 263
 264 table.infotable td.left_point{
 265         border-right:   2px solid       #000000;
 266         font-weight:    bolder;
 267         text-align: center;
 268 }
 269
 270
 271 table.infotable td.null{
 272     width: 200px;
 273 }
 274
 275 table.infotable td.point{
 276         text-align: center;
 277         border-right: 2px solid #000000;
 278 }
 279
 280 table.status{
 281         /*border:       2px     #000000 solid; */
 282         border-collapse: collapse;
 283         font-size:      80%;
 284         cellspacing: 2;
 285         margin : 10px;
 286 }
 287
 288
 289 table.status th,
 290 table.status td{
 291         padding-top: 2px;
 292         padding-bottom: 2px;
 293         padding-left : 5px;
 294         padding-right : 3px;
 295         border: 5px solid white;
 296 }
 297
 298
 299 table.status th{
 300         background-repeat:no-repeat;
 301         background-color: #FFFFCC;
 302         font-weight :   bolder;
 303         text-align : left;
 304         vertical-align : middle;
 305         width: 200px;
 306 }
 307
 308 table.status th.check{
 309         background-repeat:no-repeat;
 310         background-color: #FFFFCC;
 311         font-weight :   bolder;
 312         text-align : left;
 313         vertical-align : middle;
 314         width: 165px;
 315 }
 316
 317 table.status td{
 318         text-align : left;
 319         vertical-align : middle;
 320         width : 200px;
 321 }
 322
 323
 324 table.status td.check{
 325         background-color: #FFFFCC;
 326         text-align : center;
 327         vertical-align : middle;
 328         width : 30px;
 329 }
 330
 331 div#container{
 332         position:       relative;
 333         width:  100%;
 334 }
 335
 336
 337 div#content{
 338         margin-left:    210px;
 339 }
 340
 341
 342
 343 p{
 344         margin: 0 0 0.75em,0;
 345         padding: 0;
 346 }
 347
 348
 349 p.success{
 350         color :         #191970;
 351         font-size :     80%;
 352         font-style:     italic;
 353         font-weight:bold;
 354 }
 355
 356
 357 p.error{
 358         color :         #FF0000;
 359         font-size :     80%;
 360         font-style:     italic;
 361         font-weight:bold;
 362 }
 363
 364 p.caution{
 365         color :         #FF0000;
 366         font-size :     80%;
 367         font-style:     italic;
 368         font-weight:bold;
 369         margin-left: 30px;
 370         margin-top: 10px;
 371 }
 372
 373
 374 p.invalid{
 375         color :         #FF0000;
 376         font-style: italic;
 377         font-size :     85%;
 378         font-weight:bold;
 379 }
 380
 381 p.required{
 382         color :         #191970;
 383         font-style: italic;
 384         font-size :     85%;
 385 /*      font-weight:bold; */
 386         line-height: 95%
 387 }
 388
 389 p.item{
 390         color :         #FF0000;
 391         font-size :     80%;
 392         font-style:     italic;
 393         font-weight:bold;
 394         line-height: 95%
 395 }
 396
 397 p.text{
 398         color : #000000;
 399         font-size : 100%;
 400 }
 401
 402 fieldset{
 403         padding: 5px;
 404         border:         2px dashed #191970;
 405         margin-bottom: 10px;
 406         margin-top:    10px;
 407 }
 408
 409 fieldset legend{
 410         padding:        10px;
 411         font-size:      100%;
 412         font-weight: bold;
 413         color: #FFFFFF;
 414         background-color: #191970;
 415 }
 416
 417
 418 input.menu{
 419         vertical-align: middle;
 420         margin: -1px -1px 5px 0px;
 421 }
 422
 423 input.read{
 424         vertical-align: middle;
 425         background-color:  #CCCCCC;
 426 }
 427
 428 select.read{
 429         vertical-align: middle;
 430         background-color:  #CCCCCC;
 431 }