templates/_admin2/css/style.css

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