templates/_admin/css/style.css

   1 /* General */
   2 body
   3 {
   4 /*      background-color: #E8E3B0;*/
   5         background-color: #EAD9AE;
   6         padding: 0;
   7         margin: 0;
   8         font-family: arial, sans-serif;
   9 /*      font-size: 100%;*/
  10         font-size: 14px;
  11         color: #693A3A;
  12 }
  13 label {
  14         font-weight: bold;
  15 /*      font-size: 100%;*/
  16 /*      font-family: arial, sans-serif;*/
  17 }
  18
  19 legend, label
  20 {
  21         border: none;
  22         margin: 0;
  23         padding: 0;
  24 }
  25 fieldset legend span {
  26         font-weight: bold;
  27         font-size: 85%;
  28 }
  29
  30 input, select {
  31         margin: 1px;
  32 }
  33 a:link, a:visited {
  34 /*  font-size        : 10px;*/
  35 /*      font-family      : Verdana, Arial, Helvetica, sans-serif;*/
  36 /*  color            : #5D74A3;*/
  37         color: #A64D31;
  38         font-weight      : bold;
  39         text-decoration  : none;
  40 }
  41
  42 a:hover {
  43 /*color            : #FFFFFF;*/
  44         color: #FF0000;
  45         text-decoration  : none;
  46 }
  47 /* top page button */
  48 .toppage-button {
  49         display:block;
  50         background-color: #FFD50F;
  51         border: 2px solid #DA9D42;
  52         color: #693A3A;
  53         font-weight:bold;
  54         width: 180px;
  55         font-size: 90%;
  56         text-align:center;
  57         padding:10px 0px;
  58         margin: 10px 0px;
  59 }
  60 /* default button */
  61 .link-button {
  62 /*      display:block;*/
  63         background-color: #FFD50F;
  64         border: 2px solid #DA9D42;
  65         color: #693A3A;
  66         font-weight:bold;
  67         width: 90px;
  68         height: 20px;
  69         font-size: 100%;
  70         text-align:center;
  71 /*      padding:10px 0px;*/
  72 /*      margin: 5px 0px;*/
  73 }
  74 /* Main nav */
  75 #main-nav
  76 {
  77         background: #6c0006 url("../images/nav_bg.gif") repeat-x;
  78         padding: .1em 0;
  79         margin: 0 0 25px 0;
  80 /*      font-family: arial, sans-serif;*/
  81         font-size: 78%;
  82         line-height: 140%;
  83         border-top: 2px solid #6c0006;
  84         border-bottom: 2px solid #6c0006;
  85         position: relative;
  86 }
  87 #main-nav li
  88 {
  89         display: inline;
  90         list-style: none;
  91         padding: 0 1em;
  92         margin: 0;
  93         line-height: 130%;
  94 }
  95 #main-nav li a
  96 {
  97         color: #fff;
  98         text-decoration: none;
  99         text-shadow: 2px 2px #6c0006;
 100         font-weight: bold;
 101         margin: 0;
 102         padding: .1em 1em .3em 1em !important;
 103 }
 104
 105 #main-nav li.begin { margin: 0 0 0 1.4em; }
 106
 107 #main-nav li a:hover, #main-nav li#high li a:hover
 108 {
 109         color: #adb8c4;
 110         text-decoration: none;
 111         text-shadow: none;
 112 }
 113
 114 /* Highlights for main nav */
 115 #main-nav li#high a.top, #main-nav li#high li.select a
 116 {
 117         color: #fff !important;
 118         background: #adb8c4 url("../images/sub_bg.gif") repeat-x top !important;
 119         margin: 0;
 120         border: 1px solid #789;
 121         border-top: 1px solid #56626d;
 122         border-bottom: 1px solid #adb8c4;
 123         text-shadow: 2px 2px #56626d !important;
 124 }
 125
 126 /* subnav */
 127 #main-nav li ul
 128 {
 129         display: none;
 130         background: url("../images/main_select_bg.gif") top repeat-x #789;
 131         padding: .2em 0;
 132         margin: 1px 0 0 0;
 133         position: absolute;
 134         left: 0;
 135         top: 1.51em;
 136 /*      z-index: 2;*/
 137         width: 100%;
 138         border-bottom: 1px solid #56626d;
 139 }
 140 #main-nav li ul li
 141 {
 142         padding: .2em;
 143         margin: 0;
 144 }
 145 #main-nav li ul li a, #main-nav li#high li.select ul li a
 146 {
 147         color: #fff !important;
 148         font-weight: normal;
 149         border: none;
 150         background: transparent !important;
 151         padding: .2em .4em !important;
 152         text-shadow: none !important;
 153 }
 154 #main-nav li ul li.begin { margin: 0 0 0 1.8em !important; }
 155 #main-nav li ul li a:hover { color: #56626d !important; }
 156
 157 /* default table define */
 158 table { empty-cells: show;
 159 /*      font-family: arial, sans-serif;
 160         font-size: 80%;
 161         border: none;*/
 162 }
 163 /*table caption { display: none; }*/
 164
 165 .simple-table
 166 {
 167         border: 1px solid #6C6C00;
 168 /*      font-family: arial, sans-serif;*/
 169 /*      font-size: 95%;*/
 170         border-collapse: collapse;
 171 }
 172 .simple-table textarea {
 173         font-size: 100%;
 174 }
 175 .simple-table input {
 176         font-size: 95%;
 177 }
 178 .simple-table caption {
 179         text-align: left;
 180         font-weight: bold;
 181 }
 182 .simple-table tr th
 183 {
 184         padding: .2em;
 185 /*      background: #46525d;*/
 186         background: #A79F3F;
 187         color: #fff;
 188         text-align: center;
 189 }
 190 .simple-table td,th {
 191         padding: 1px 5px 1px 2px;
 192         border: 1px solid #6C6C00;
 193 }
 194 .simple-table tbody tr {
 195 /*background: #e6eaed;*/
 196         background: #f3f4f6;
 197 }
 198 .simple-table tbody tr.even {
 199         background: #EAE3BF;
 200 }
 201
 202 .simple-table tbody tr.ruled {
 203         background: #FFE14F;
 204 }
 205 /*
 206 .simple-table tbody tr.ruled td{
 207 background-color: #FFE14F;
 208 }*/
 209 .simple-table tbody tr td {
 210 /*
 211         border-top: 1px solid #ddd;
 212         border-left: 1px solid #56626d;
 213         border-right: 1px solid #56626d;*/
 214         /*border-top: 1px solid #56626d;*/
 215 /*      border-top: 1px solid #6C6C00;*/
 216 }
 217 .simple-table tfoot
 218 {
 219         background: #6C6C00;
 220 /*      background: #A79F3F;*/
 221         color: #fff;
 222         font-weight: bold;
 223 }
 224 .simple-table .table-head
 225 {
 226 /*      border-top: 0px;*/
 227         padding: .2em;
 228         background: #A79F3F;
 229         color: #fff;
 230         text-align: center;
 231 /*      border-top: 1px solid #d6dbdf;*/
 232 /*      border-top: 1px solid #6C6C00;*/
 233 }
 234 .simple-table .table-headside
 235 {
 236 /*      border-top: 0px;*/
 237         padding: .2em;
 238         background: #A79F3F;
 239         color: #fff;
 240         text-align: center;
 241 /*      border-top: 1px solid #d6dbdf;*/
 242 /*      border-top: 1px solid #6C6C00;
 243         border-left: 1px solid #6C6C00;
 244         border-right: 1px solid #6C6C00;*/
 245 }
 246 /* inner table style canceled */
 247 .simple-table tbody tr td table tbody tr td{
 248         border: none;
 249 }
 250 .simple-table table
 251 {
 252 /*      border: 2px solid #56626d;
 253         border-collapse: collapse;
 254         font-family: arial, sans-serif;*/
 255         font-size: 100%;
 256 }
 257 /* inner table */
 258 .simple-table-inner
 259 {
 260         border: 1px solid #6C6C00;
 261         border-collapse: collapse;
 262         margin: 3px 0px;
 263 }
 264 .simple-table-inner tbody tr {
 265 /*      border-top: 1px solid #6C6C00;*/
 266 }
 267 .simple-table tbody tr td .simple-table-inner tbody tr td{ /* for IE6 bug */
 268 /*      border-top: 1px solid #6C6C00;*/
 269 }
 270 /* iwidget table */
 271 .iw_table
 272 {
 273         border: 1px solid #6C6C00;
 274         border-collapse: collapse;
 275         margin: 3px 0px;
 276 }
 277 .iw_table tbody tr {
 278 /*      border-top: 1px solid #6C6C00;*/
 279 }
 280 .simple-table tbody tr td .iw_table tbody tr td{ /* for IE6 bug */
 281 /*      border-top: 1px solid #6C6C00;*/
 282         border: 1px solid #6C6C00;
 283 }
 284 /* widget */
 285 .widget_obj
 286 {
 287         font-size        : 90%;
 288 }
 289 /* error message */
 290 .error-message {
 291         color: #EE0000;
 292 }
 293 .warning-message {
 294         color: #FF8C00;
 295 }
 296 .guide-message {
 297         color: #00008B;
 298 }
 299 /****** widget ******/
 300 .m3widget_main {
 301         margin: 10px 10px 20px 10px;
 302 }
 303 .m3widget_box {
 304         margin: 10px 10px 20px 10px;
 305 }
 306 /****** top page menu ******/
 307 .m3toppage_menu {
 308         width:210px;
 309         margin: 10px 15px 20px 15px;
 310 /*      padding:0;*/
 311 }
 312 .m3toppage_menu div {
 313 /*      margin:0;*/
 314 /*      padding:5px;*/
 315         padding:5px;
 316 }
 317 .m3toppage_menu ul {
 318         margin:0;
 319         padding:0;
 320         border-top:0;
 321 }
 322 .m3toppage_menu li {
 323         background-image:none;
 324         list-style:none;
 325         list-style-image:none;
 326         /*padding-left:10px;*/
 327 /*      padding-top:3px;*/
 328 /*      padding:0;
 329                 margin:0;*/
 330 }
 331 .m3toppage_menu li a {
 332         padding:3px 0 3px 10px;
 333         display:block;
 334         text-decoration: none;
 335         width:100%;     /* for IE bug */
 336 }
 337 /****** menu preview ******/
 338 #menu_preview {
 339         font-weight: bold;
 340         font-size: 80%;
 341 }
 342
 343 /****** widget config menu ******/
 344 #configmenu-top {
 345 /*color: #00008B;
 346 background:#ccff66;*/
 347 }
 348 #configmenu-upper {
 349         float:left;
 350         width:100%;
 351 /*      background:#000;*/
 352 /*      font-size: 90%;*/
 353         line-height:normal;
 354 /*background:#99cc66;*/
 355 /*background:#FFA800;*/
 356 background:#FFCC00;
 357 }
 358 #configmenu-upper ul {
 359         margin: 2px 3px;
 360         /*margin:0;*/
 361         padding:0px 0px 24px 0px;
 362         list-style:none;
 363 }
 364 #configmenu-upper li {
 365         display:inline;
 366         margin:0;
 367         padding:0;
 368 }
 369 #configmenu-upper a {
 370         float:left;
 371         background:url("../images/configmenu_upper_left.gif") no-repeat left top;
 372         margin:0;
 373         padding:0 0 0 4px;
 374         text-decoration:none;
 375 }
 376 #configmenu-upper a span {
 377         float:left;
 378         display:block;
 379         background:url("../images/configmenu_upper_right.gif") no-repeat right top;
 380         padding:5px 15px 4px 6px;
 381         color:#FFF;
 382 }
 383 /* Commented Backslash Hack hides rule from IE5-Mac \*/
 384 #configmenu-upper a span {float:none;}
 385 /* End IE5-Mac hack */
 386 #configmenu-upper a:hover span {
 387         color:#FFF;
 388 }
 389 #configmenu-upper a:hover {
 390         background-position:0% -42px;
 391 }
 392 #configmenu-upper a:hover span {
 393         background-position:100% -42px;
 394 }
 395
 396 #configmenu-upper #current a {
 397         background-position:0% -42px;
 398 }
 399 #configmenu-upper #current a span {
 400         background-position:100% -42px;
 401 }
 402
 403 /*** lower config menu ***/
 404 #configmenu-lower {
 405         float:left;
 406         width:100%;
 407 /*      background:#000;*/
 408 /*      font-size: 90%;*/
 409         line-height:normal;
 410 /*background:#339933;*/
 411 /*background:#FFCC00;*/
 412 background:#fffacd;
 413 }
 414 #configmenu-lower ul {
 415         margin: 2px 3px;
 416         /*margin:0;*/
 417         padding:0px 0px 24px 0px;
 418         list-style:none;
 419 }
 420 #configmenu-lower li {
 421         display:inline;
 422         margin:0;
 423         padding:0;
 424 }
 425 #configmenu-lower a {
 426         float:left;
 427         background:url("../images/configmenu_upper_left.gif") no-repeat left top;
 428         margin:0;
 429         padding:0 0 0 4px;
 430         text-decoration:none;
 431 }
 432 #configmenu-lower a span {
 433         float:left;
 434         display:block;
 435         background:url("../images/configmenu_upper_right.gif") no-repeat right top;
 436         padding:5px 15px 4px 6px;
 437         color:#FFF;
 438 }
 439 /* Commented Backslash Hack hides rule from IE5-Mac \*/
 440 #configmenu-lower a span {float:none;}
 441 /* End IE5-Mac hack */
 442 #configmenu-lower a:hover span {
 443         color:#FFF;
 444 }
 445 #configmenu-lower a:hover {
 446         background-position:0% -42px;
 447 }
 448 #configmenu-lower a:hover span {
 449         background-position:100% -42px;
 450 }
 451
 452 #configmenu-lower #current a {
 453         background-position:0% -42px;
 454 }
 455 #configmenu-lower #current a span {
 456         background-position:100% -42px;
 457 }
 458
 459 /****** help tooltip ******/
 460 .help_head {
 461         background:#F3F0E7;
 462 /*      font-family:arial;*/
 463         font-size:12px;
 464         font-weight:bold;
 465         border:1px solid #C8BA92;
 466         padding:5px;
 467         width:200px;
 468 }
 469 .help_body {
 470         background:#FFFFFF;
 471 /*      font-family:arial;*/
 472         font-size:12px;
 473         border-left:1px solid #C8BA92;
 474         border-right:1px solid #C8BA92;
 475         border-bottom:1px solid #C8BA92;
 476         padding:5px;
 477         width:200px;
 478 }
 479
 480 /****** sortable box ******/
 481 .sortable-box {
 482         background-color:#FFF;
 483         border:1px solid #555;
 484         color:#222;
 485         font-size:12px;
 486         margin:0 15px 15px 0;
 487         padding:0 10px 10px;
 488         width:175px;
 489 }
 490 .sortable-box h1 {
 491         background-color:#555;
 492         border-top:3px solid #666;
 493         color:#FFF;
 494         font-size:12px;
 495         margin:0 -10px 10px;
 496         line-height:2;
 497         padding:0 10px;
 498 }
 499 .sortable-box-item {
 500         color:#222;
 501         margin:10px 0;
 502         border:1px solid #aaa;
 503         cursor:move;
 504 }
 505 .sortable-box-item dt {
 506         background-color:#666;
 507         color:#FFF;
 508 /*      cursor:move;*/
 509         height:2em;
 510         line-height:2;
 511         padding:0 6px;
 512         position:relative;
 513 }
 514 .sortable-box-item dd {
 515         background-color:#FFF;
 516         margin:0;
 517         padding:3px 6px;
 518         cursor:default;
 519 }
 520
 521 /****** edit menu ******/
 522 .menulist_frame {
 523         background-color:#FFF;
 524         border:1px solid #555;
 525         color:#222;
 526         padding:0;
 527         text-align:left;
 528         font:11px/1.5 Arial, sans-serif;
 529         /*width:300px;*/
 530 }
 531 .menulist_frame h1 {
 532         background-color:#555;
 533         border-top:3px solid #666;
 534         color:#FFF;
 535         font-size:12px;
 536         margin:0;
 537         line-height:2;
 538         padding:0 10px;
 539 }
 540 .menulist_box {
 541         border:1px solid #555;
 542 /*      padding:0 10px 0;*/
 543         padding:0;
 544         margin: 3px;
 545 /*      overflow-y: scroll;*/
 546         height: 450px;
 547 }
 548 .menulist_box_assigned {
 549         border:1px solid #555;
 550 /*      padding:0 10px 0;*/
 551         padding:0;
 552         margin: 3px;
 553         overflow-y: scroll;
 554         height: 450px;
 555 }
 556 .menulist_item {
 557         color:#222;
 558         /*margin:10px 10px 0 10px;*/
 559         margin:10px;
 560         border:1px solid #555;
 561 /*      width:300px;*/
 562         text-align:left;
 563         font:11px/1.5 Arial, sans-serif;
 564 }
 565 .menulist_item_head {
 566         /*background-color:#666;*/
 567         background-color:#5BE35B;
 568         color:#FFF;
 569         cursor:move;
 570         height:2em;
 571         line-height:2;
 572         padding:0 6px;
 573         /*position:relative;*/
 574 }
 575 .menulist_item_body {
 576         background-color:#FFF;
 577         margin:0;
 578         padding:3px 6px;
 579 }
 580 .menulist_aitem {
 581         color:#222;
 582         /*margin:10px 10px 0 10px;*/
 583         margin:10px;
 584         border:1px solid #555;
 585         /*width:200px;*/
 586         text-align:left;
 587         font:11px/1.5 Arial, sans-serif;
 588 }
 589 .menulist_subitem {
 590         margin:10px 10px 10px 20px;
 591 }
 592 .menulist_subitem div.menulist_aitem_head {
 593         background-color:#5BE35B;
 594 }
 595
 596 .menulist_aitem_head {
 597         background-color:#228B22;
 598         color:#FFF;
 599         cursor:move;
 600         height:2em;
 601         line-height:2;
 602         padding:0 6px;
 603         position:relative;
 604 }
 605 .menulist_aitem_body {
 606         background-color:#FFF;
 607         margin:0;
 608         padding:3px 6px;
 609 }
 610 .menulist_aitem_head span.options {
 611         cursor:default;
 612         font-size:1px;
 613         line-height:1px;
 614         position:absolute;
 615         right:5px;
 616         top:5px;
 617         width:12px;
 618 }
 619 .menulist_aitem_body textarea {
 620         font:11px/1.5 Arial, sans-serif;
 621 }
 622 .menulist_aitem_head span.options a {
 623         background-color:#FFF;
 624         cursor:pointer;
 625         display:block;
 626         float:left;
 627         text-indent:-9000px;
 628         height:12px;
 629         width:12px;
 630 }
 631 /* widget in dragging */
 632 /*.ui-sortable-helper {
 633         text-align:left;
 634         font:11px/1.5 Arial, sans-serif;
 635 }*/
 636 /*** config window ***/
 637 .m3config_tabs {
 638         width:95%;
 639         margin: 10px auto;
 640 }
 641 .m3config_head {
 642         width:95%;
 643         margin: 10px auto;
 644 }
 645 /*** input field ***/
 646 .m3field_calendar {
 647         width: 80px;
 648 }