Changeset 374 for minimanager/templates/Malachite/Malachite_1280.css
- Timestamp:
- Sep 11, 2008, 9:10:27 AM (16 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
minimanager/templates/Malachite/Malachite_1280.css
r178 r374 7 7 * License: GNU General Public License (GPL) 8 8 */ 9 html{ 10 overflow-x:auto; /* fixes MSIE scrollbar bug DO NOT REMOVE,has no effect in Mozilla,or Opera */ 11 /* http://www.blooberry.com/indexdot/css/properties/position/overflowx.htm */ 12 } 9 13 10 html,body{ 14 background-color:#76827B;15 color:#000000;16 height:100%;17 padding:0;18 margin:0;19 11 font:10pt Verdana,sans-serif; 20 cursor:default;21 12 } 22 13 23 a:link, a:visited{ color: #22427E; text-decoration: none } 24 a:hover, a:focus{ color: #A47236; text-decoration: none } 14 .table_top { 15 width: 1045px; 16 } 25 17 26 .table_top {27 border-width: 0px;28 border-spacing: 0px;29 border-style: none;30 border-collapse: collapse;31 width: 1045px;32 height:120px;33 }34 .table_top_left {35 background-image: url(logo_l.gif);36 background-repeat: no-repeat;37 width: 500px;38 }39 18 .table_top_middle { 40 background-image: url(logo_m.gif);41 text-align: right;42 19 width: 460px; 43 20 } 44 .table_top_right { 45 background-image: url(logo_r.gif); 46 background-repeat: no-repeat; 47 width: 47px; 48 } 21 49 22 50 23 /*********** MENU BAR***********/ 51 24 #menubar { 52 position:relative;53 25 left:22px; 54 top:37px;55 z-index:100;56 width: 36em; /*total len*/57 text-align: left;58 26 } 59 #menuwrapper { 60 font:11pt Verdana,sans-serif; 27 28 #menubar a { 29 font-size: .90em; 61 30 } 62 #menubar, #menubar ul { 63 padding: 0; 64 margin: 0; 65 list-style: none; 66 line-height: 160%; 67 } 68 #menubar a { 69 display: block; 70 text-decoration: none; 71 padding: 5px 15px 5px 15px; 72 border-right: 1px solid #5f7797; 73 font-size: .90em; 74 color: #A47236; /*main menu text color*/ 75 } 76 #menubar a.trigger { 77 padding: 5px 15px 5px 15px; 78 } 79 #menubar li { 80 float: left; 81 width: 9em; 82 } 83 #menubar li {position: relative;} 84 /* hide from IE mac \*/ 85 #menubar li {position: static; width: auto;} 86 /* end hiding from IE5 mac */ 87 #menubar li ul, #menubar ul li { 88 width: 11em; /*submenu len*/ 89 } 90 #menubar ul li a { 91 color: #A47236; 92 border-right: 0; 93 padding: 3px 12px 3px 15px; 94 } 95 #menubar li ul { 96 position: absolute; 97 display: none; 98 background-color: #485856; /*submenu bg color*/ 99 border-right: 1px solid #5f7797; 100 border-bottom: 1px solid #5f7797; 101 } 102 #menubar li:hover a, #menubar a:focus, 103 #menubar a:active, #menubar li.hvr a { 104 color: #A47236; /*menu selected text color*/ 105 background-color: #485856; /*menu selected bg color*/ 106 } 107 #menubar li:hover ul, #menubar li.hvr ul { 108 display: block; 109 } 110 #menubar li:hover ul a, #menubar li.hvr ul a { 111 color: #A47236; /*submenu text color*/ 112 background-color: transparent; 113 } 114 #menubar ul a:hover { 115 background-color: #76827B !important; /*submenu selected bg color*/ 116 color: #22427E !important; /*submenu selected text color*/ 117 } 31 118 32 /*********** MENU BAR END***********/ 119 33 120 34 #username { 121 position:relative;122 top:37px;123 z-index:20;124 color:#98A8A3;125 35 font:13pt Verdana,sans-serif; 126 36 } 37 127 38 #version { 128 position:absolute;129 left:48%;130 top:122px;131 z-index:10;132 color:#000000;133 39 font:9pt Verdana,sans-serif; 134 40 } 135 h1{ 136 margin:0px; 137 font:16pt Trebuchet MS,sans-serif; 138 font-weight:bold; 139 color:#414D4C; 140 line-height:1.2em; 141 } 142 form { 143 margin: 0px; 144 } 41 145 42 input, input.mouseover, a.button { 146 border-width: 1px;147 border-style: solid;148 border-color: #76827B;149 background:#76827B;150 font:10pt Verdana,sans-serif;151 font-weight: bold;152 43 line-height:130%; 153 44 } 154 input {155 background-color:#869c8f;156 color:#414D4C;157 padding:2px 1px;158 margin-right: 2px;159 margin-left: 2px;160 }161 select,textarea{162 border:1px solid #76827B;163 background-color: #b2c2b9;164 }165 img {166 border: 0px;167 padding: 0px;168 }169 input[type="radio"],input[type="checkbox"]{170 background:none;171 border:0px;172 }173 a.button {174 background:#869c8f;175 color: #414D4C;176 padding:4px 2px;177 text-decoration: none;178 text-align: center;179 float: left;180 margin-right: 3px;181 margin-left: 3px;182 }183 a.button:visited{184 background-color: #869c8f;185 color: #414D4C;186 }187 a.button:hover{188 background-color: #76827B;189 color: #d4ddd8;190 }191 a.button:active, a.button:focus {192 border-color: #76827B;193 }194 a[type="wrn"].button:hover{195 background-color:#4a1a1a;196 background-image:url(../../img/sml_warn.png);197 background-repeat:no-repeat;198 background-position: 99% 1px199 }200 a[type="def"].button:hover{201 background-color:#1a4a1a;202 background-image:url(../../img/sml_tick.png);203 background-repeat:no-repeat;204 background-position: 99% 1px205 }206 45 207 fieldset{208 position: relative;209 margin-top:20px;210 padding-top:20px;211 padding-bottom:10px;212 top: 5px;213 background-color: #b2c2b9;214 border: 1px solid #374341;215 }216 46 fieldset.half_frame{ 217 47 width: 650px; … … 223 53 width: 860px; 224 54 } 225 legend{ 226 margin-top:-5px; 227 color: #374341; 228 background-color: #b2c2b9; 229 border: 1px solid #374341; 230 padding: 2px 6px; 231 position:absolute; 232 top: -15px; 233 left: 5px; 55 56 /*****TABLES******/ 57 58 table.top_hidden { 59 width: 960px; 234 60 } 235 61 236 /*****TABLES******/237 table.flat {238 border-width: 5px;239 border-spacing: 5px;240 border-style: none;241 border-collapse: collapse;242 background-color: #b2c2b9;243 text-align: left;244 }245 table.flat td {246 padding: 5px;247 }248 table.hidden {249 border-width: 0px;250 border-spacing: 0px;251 border-style: none;252 border-collapse: collapse;253 text-align: center;254 }255 table.top_hidden {256 width: 960px;257 border: 0px none #d4ddd8;258 border-spacing: 0px;259 border-collapse: collapse;260 text-align: left;261 }262 table.top_hidden td, table.hidden td {263 padding: 4px 0px;264 }265 62 table.lined { 266 63 width: 960px; 267 border-collapse: collapse;268 text-align: center;269 }270 table.lined, table.lined td, table.lined td.hidden, table.lined th{271 border: 1px solid #d4ddd8;272 padding: 5px;273 }274 table.lined th{275 background-color: #374341;276 font-weight: bold;277 font-size: 11px;278 color:#d4ddd8;279 padding: 5px;280 }281 table.lined th a:link, table.lined th a:visited{282 color:#d4ddd8;283 }284 table.lined th a:hover,table.lined th a:focus{285 color: #A47236;286 text-decoration: none;287 }288 table.lined td{289 background-color: #b2c2b9;290 }291 table.lined td.hidden {292 background-color: transparent;293 }294 tr td div.gradient_p,div.gradient_pp{295 float: left;296 clear: right;297 display: table-cell;298 text-align: right;299 padding: 1px 5px;300 }301 tr td div.gradient_p{302 background-color:#b2c2b9;303 width: 140px;304 }305 tr td div.gradient_pp{306 background-color:#d4ddd8;307 width: 50px;308 }309 img.bag_icon {310 float: left;311 width: 24px;312 height: 24px;313 border: 1px solid #585858;314 margin-left: 5px;315 64 } 316 65 317 tr td.bag div,318 tr td.bank div {319 position: relative;320 border: 0px;321 margin: 2px;322 background-image: url(../../img/INV/Slot_Bag.gif);323 background-repeat: repeat;324 background-color: #242424;325 }326 tr td.bank div {327 background-image: url(../../img/INV/Slot_Bank.gif);328 background-color: #858585;329 }330 tr td.bag div div,331 tr td.bank div div{332 position: absolute;333 background: none;334 }335 tr td.bag div div img,336 tr td.bank div div img{337 border: 0px;338 padding: 1px;339 width: 35px;340 height: 35px;341 }342 tr td.bag div.no_slot,343 tr td.bank div.no_slot{344 position: absolute;345 margin: 0px;346 width: 86px;347 height: 41px;348 background-image: url(../../img/INV/Slot_Bag_Out.gif);349 }350 tr td.bank div.no_slot{351 background-image: url(../../img/INV/Slot_Bank_Out.gif);352 }353 66 /*****TABLES END******/ 354 67 355 68 #body_main { 356 position:absolute;357 left: 50%;358 top: 150px;359 69 width: 1000px; 360 70 margin-left: -500px; /* half of the width */ 361 line-height: 120%;362 text-align: center;363 71 font-size: 12px; 364 color:#000000;365 72 } 366 73 367 .error {368 color:#990000;369 }370 74 .bold { 371 75 font:14pt Trebuchet MS,sans-serif; 372 font-weight:bold;373 76 } 374 77 .small { … … 377 80 .large_bold { 378 81 font-size: 14px; 379 font-weight:bold;380 82 } 381 83 .large { … … 384 86 .half_line { 385 87 font-size: 13px; 386 line-height:1.6em;387 }388 /*****BUBBLE******/389 div.bubble {390 position:relative;391 padding:7px 0px;392 background-color:#d4ddd8;393 margin-bottom:15px;394 text-align: left;395 }396 div.bubble div.top {397 text-align: center;398 background-color:#b2c2b9;399 padding:7px 15px;400 margin:-7px -0px 12px -0px;401 }402 i.tl, i.tr, i.bl, i.br {403 position:absolute;404 width:4px;405 height:4px;406 overflow:hidden;407 z-index:30;408 }409 i.tl {410 top:0px;411 left:0px;412 background:url(tr.gif);413 }414 i.tr {415 top:0px;416 right:0px;417 background:url(tl.gif);418 }419 i.bl {420 bottom:0px;421 left:0px;422 background:url(br.gif);423 }424 i.br {425 bottom:0px;426 right:0px;427 background:url(bl.gif);428 }429 /*****BUBBLE END******/430 431 #body_buttom {432 font:8pt Verdana,sans-serif;433 text-align: center;434 color:#98A8A3;435 88 } 436 89 437 90 .table_buttom { 438 border-width: 0px;439 border-spacing: 0px;440 border-style: none;441 border-collapse: collapse;442 91 width: 1000px; 443 height:100px;444 }445 .table_buttom_left {446 background-image: url(bottom_l.gif);447 width: 6px;448 }449 .table_buttom_middle {450 background-image: url(bottom_m.gif);451 width: 984px;452 }453 .table_buttom_right {454 background-image: url(bottom_r.gif);455 width: 6px;456 92 } 457 93 458 #body_buttom a:link, #body_buttom a:visited { 459 color:#C0D0CA; 460 text-decoration:none; 461 } 462 #body_buttom a:hover, #body_buttom a:focus { 463 text-decoration:underline; 464 } 465 .logo_border { 466 border: 1px solid #565656; 467 background-color: #2a2a2a; 468 padding: 6px; 469 } 470 471 .icon_border_0 { 472 border: 0px; 473 padding: 6px; 474 width: 32px; 475 height: 32px; 476 background: url(../../img/INV/icon_border_0.png) 477 } 478 479 .icon_border_1 { 480 border: 0px; 481 padding: 6px; 482 width: 32px; 483 height: 32px; 484 background: url(../../img/INV/icon_border_1.png) 485 } 486 487 .icon_border_2 { 488 border: 0px; 489 padding: 6px; 490 width: 32px; 491 height: 32px; 492 background: url(../../img/INV/icon_border_2.png) 493 } 494 495 .icon_border_3 { 496 border: 0px; 497 padding: 6px; 498 width: 32px; 499 height: 32px; 500 background: url(../../img/INV/icon_border_3.png) 501 } 502 503 .icon_border_4 { 504 border: 0px; 505 padding: 6px; 506 width: 32px; 507 height: 32px; 508 background: url(../../img/INV/icon_border_4.png) 509 } 510 511 .icon_border_5 { 512 border: 0px; 513 padding: 6px; 514 width: 32px; 515 height: 32px; 516 background: url(../../img/INV/icon_border_5.png) 517 } 518 519 .icon_border_6 { 520 border: 0px; 521 padding: 6px; 522 width: 32px; 523 height: 32px; 524 background: url(../../img/INV/icon_border_6.png) 525 } 526 527 /*** graphs and bars ***/ 528 .bargraph { 529 font:9pt Verdana,sans-serif; 530 color: #000000; 531 border-collapse: collapse; 532 width: 720px; 533 } 534 .bargraph td { 535 padding:0; 536 margin:0; 537 vertical-align:bottom; 538 text-align:center; 539 background: url(gridline.gif) 15px bottom; 540 } 541 .bargraph th { 542 background: #d4ddd8; 543 } 544 545 a.graph_link:link, a.graph_link:visited{ color: #000000; text-decoration: none } 546 a.graph_link:hover, a.graph_link:focus{ color: #A47236; text-decoration: none } 547 548 .bargraph img{ 549 display:block; 550 border: 1px solid #000; 94 .table_buttom_middle { 95 width: 984px; 551 96 } 552 97 553 98 table.stat_hidden { 554 99 width: 960px; 555 border-spacing: 2px;556 border-collapse: collapse;557 text-align: left;558 100 } 559 101 560 102 .tot_bar { 561 width: 730px;562 border:1px solid #000000;563 padding:10px;564 border-collapse: collapse;565 text-align: center;566 font-weight: bold;567 103 font-size: 13px; 568 }569 .tot_bar a:link, .tot_bar a:visited{ color: #000; text-decoration: none }570 .tot_bar a:hover, .tot_bar a:focus{ color: #A47236; text-decoration: none }571 572 tr td.bar{573 width: 385px;574 background-repeat: no-repeat;575 background-position: -385px;576 padding: 1px;577 }578 tr td.bar span{579 float: left;580 width:60%;581 text-align:right;582 margin-top: 3px;583 }584 tr td.skill_bar{585 background-image: url(../../img/bar_skill.png);586 104 } 587 105 … … 589 107 #tab ul { 590 108 padding: 0px 50px; 591 margin: 0px;592 list-style: none;593 109 } 594 #tab li { 595 float: left; 596 border: 1px solid #bbb; 597 border-bottom-width: 0; 598 } 599 #tab a { 600 display: block; 601 background: #d4ddd8; 602 padding: 1em 2em; 603 } 604 #tab a:hover { 605 background: #b2c2b9; 606 } 607 #tab #selected { 608 border-color: black; 609 } 610 #tab #selected a { 611 position: relative; 612 top: 1px; 613 background: #b2c2b9; 614 font-weight: bold; 615 padding: 1em 1.5em; 616 } 110 617 111 #tab_content { 618 padding: 10px;619 border: 1px solid black;620 background: #b2c2b9;621 112 width: 900px; 622 clear: both;623 113 } 624 114 625 115 /*** Java layer tabs ***/ 626 .jtabs { 627 margin: 0; 628 padding: 0px 0px 0px 30px; 629 list-style: none; 630 } 631 .jtabs li { 632 float: left; 633 } 634 .jtabs a.jtab-disabled:hover, .jtabs a.jtab-active { 635 background: #b2c2b9; 636 border-bottom-color: #b2c2b9; 637 } 638 .jtabs a.jtab-disabled { 639 background: #d4ddd8; 640 border: 1px solid #bbb; 641 border-bottom-width: 0; 642 } 116 643 117 .jtabs a { 644 position: relative;645 118 top: -27px; 646 background: #b2c2b9;647 font-weight: bold;648 padding: 1em 1.3em;649 margin: 0px;650 border: 1px solid #000;651 text-decoration:none;652 119 } 653 120 .jtab-container { 654 padding: 0px;655 border: 1px solid black;656 background: #b2c2b9;657 121 width: 900px; 658 clear: both;659 122 } 660 .jtab-panes { margin: 3px }661 123 662 124 /*** item tooltips***/ 663 125 .item_tooltip td{ 664 float: none;665 126 font-size: 12px; 666 color: #d4d4d4;667 border:1px solid #F0D070;668 padding:10px;669 width:auto;670 background-color:#000;671 text-align: left;672 filter:alpha(opacity=80);673 -moz-opacity:.80;674 opacity:0.80;675 127 } 676 128 .info_tooltip td{ 677 float: none;678 129 font-size: 12px; 679 color: #d4d4d4;680 border:0px solid #F0D070;681 padding:10px;682 width:240px;683 background-color:#000;684 text-align:left;685 filter:alpha(opacity=85);686 -moz-opacity:.85;687 opacity:0.85;688 130 } 689 .answerbox { 690 font-size: 11px; 691 color: #d4d4d4; 692 border:1px solid #F0D070; 693 padding:10px; 694 width:auto; 695 background-color:#000; 696 text-align:center; 697 filter:alpha(opacity=85); 698 -moz-opacity:.85; 699 opacity:0.85; 700 } 701 .answerbox th { 702 font:16pt Trebuchet MS,sans-serif; 703 font-weight:bold; 704 color:#f6b620; 705 line-height:1.2em; 706 } 707 .answerbox td a { 708 float:none; 709 display: block; 710 } 131
Note:
See TracChangeset
for help on using the changeset viewer.