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