lottery.css 8.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. @charset "utf-8";
  2. html,body {width: 100%;height: 100%;margin: 0px;font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti,"Microsoft YaHei";background-color:#eee}
  3. .container-top {height:50px;background-color:#333}
  4. .container-top-logo {float:left}
  5. .container-top-logo > img {height:50px}
  6. .container-top-control {margin-top:12px;margin-left:40%}
  7. .container-main {padding-left:0px;padding-right:0px}
  8. @media (min-width:992px) {.container-leftpanel {width:55%;float:left;position:relative;min-height:1px;padding:10px}}
  9. @media (min-width:992px) {.container-rightpanel {width:45%;float:left;position:relative;min-height:1px;padding:10px}}
  10. .result {font-size:16px;text-align:center}
  11. .result-title > div {padding:0px;font-size:14px;border:1px solid #999;margin-right:-1px;text-align:center}
  12. .result-detail > div {padding:0px;font-size:12px;border:1px solid #999;margin-right:-1px;margin-bottom:-1px}
  13. .result-col {width:8%;float:left;text-align:center}
  14. .result-address {width:47%;float:left}
  15. .result-name {width:12%;float:left;text-align:center}
  16. .result-idcard {width:33%;float:left;text-align:center}
  17. .result-body {padding:15px!important}
  18. .result > .submit {padding:1px 6px;margin-top:6px;margin-right:4px}
  19. .lottery-house {margin-bottom:10px}
  20. .lottery-house,.lottery-people,.lottery-house-foot,.lottery-people-foot {clear:both}
  21. .lottery-house-head,.lottery-people-head {font-size:16px;padding-right:15px}
  22. .lottery-house-body,.lottery-people-body {padding:15px!important;min-height:100px}
  23. .lottery-house-foot,.lottery-people-foot{text-align:center;margin:15px;padding:15px;border-top:1px solid #ccc}
  24. .lottery-house-unit,.lottery-people-unit {font-size:12px;border:1px solid #999;width:9%;float:left;margin-right:-1px;margin-bottom:-1px;padding:10px;text-align:center;border-radius:5px;margin:3px;background-color:#39cccc;color:#fff;min-height:73px!important;min-width:80px!important}
  25. .lottery-community-unit {font-size:12px;border:1px solid #999;width:15%;float:left;margin-right:-1px;margin-bottom:-1px;padding:10px;text-align:center;border-radius:5px;margin:3px;background-color:#39cccc;color:#fff;min-height:73px!important;min-width:80px!important}
  26. .lottery-house-unit.active,.lottery-people-unit.active {background-color:red}
  27. .lottery-house-unit.ignore,.lottery-people-unit.ignore {background-color:#ccc}
  28. .navbar-top > ul > .open {background-color:#fff;}
  29. .navbar-top > ul > li > a:hover,.navbar-top > ul > li > a:focus,.navbar-top > ul > li > a:visited,.navbar-top > ul > .open > a:hover,.navbar-top > ul > .open > a:focus,.navbar-top > ul > .open > a:visited {background-color:#fff;color:#000}
  30. .navbar-top > ul > li > a {color:#fff}
  31. .red {color:#f00}
  32. .modal-modal {margin-top:250px}
  33. .modal-modal > .modal-content > .modal-header {background-color:#337ab7;color:#fff;border-radius:5px 5px 0px 0px;padding:10px}
  34. .modal-modal > .modal-content > .modal-body {font-size:16px}
  35. .modal-modal > .modal-content > .modal-footer {text-align:center;padding:5px}
  36. .close {color:#fff;text-shadow:none;opacity:1;}
  37. .close:hover,.close:focus {color:#ccc}
  38. .arrowfold {cursor:pointer!important}
  39. /*
  40. Component: box (容器) 开始
  41. -------------------------
  42. */
  43. .box {position: relative;background: #ffffff;border-top: 2px solid #c1c1c1;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;width: 100%;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);}
  44. .box.box-primary {border-top-color: #3c8dbc;}
  45. .box.box-info {border-top-color: #00c0ef;}
  46. .box.box-danger {border-top-color: #f56954;}
  47. .box.box-warning {border-top-color: #f39c12;}
  48. .box.box-success {border-top-color: #00a65a;}
  49. .box.box-teal {border-top-color: #39cccc;}
  50. .box.box-purple {border-top-color: #932ab6;}
  51. .box.box-maroon {border-top-color: #85144b;}
  52. .box.height-control .box-body {max-height: 300px;overflow: auto;}
  53. .box .box-header {position: relative;-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-webkit-border-bottom-right-radius: 0;-webkit-border-bottom-left-radius: 0;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;-moz-border-radius-bottomright: 0;-moz-border-radius-bottomleft: 0;border-top-left-radius: 3px;border-top-right-radius: 3px;border-bottom-right-radius: 0;border-bottom-left-radius: 0;border-bottom: 0px solid #f4f4f4;color: #444;padding-bottom: 10px;}
  54. .box .box-header:before,.box .box-header:after {display: table;content: " ";}
  55. .box .box-header:after {clear: both;}
  56. .box .box-header > .fa,.box .box-header > .glyphicon,.box .box-header > .icon,.box .box-header .box-title {display: inline-block;padding: 10px 0px 10px 10px;margin: 0;font-size: 16px;font-weight: 400;cursor: default;}
  57. .box .box-header > .fa {font-size:18px!important}
  58. .box .box-header a {color: #444;}
  59. .box .box-header > .box-tools {padding: 8px 10px 7px 5px;}
  60. .box .box-header > .box-nav {padding: 0px 0px 0px 0px;}
  61. .box .box-header-icon {padding-left:10px;font-size:18px}
  62. .box-header-input {display:inline-block;width:10%}
  63. .box .box-body {padding: 0px;-webkit-border-top-left-radius: 0;-webkit-border-top-right-radius: 0;-webkit-border-bottom-right-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-topleft: 0;-moz-border-radius-topright: 0;-moz-border-radius-bottomright: 3px;-moz-border-radius-bottomleft: 3px;border-top-left-radius: 0;border-top-right-radius: 0;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;overflow:auto}
  64. .box .box-body > table,.box .box-body > .table {margin-bottom: 0;}
  65. .box .box-body.chart-responsive {width: 100%;overflow: hidden;}
  66. .box .box-body > .chart {position: relative;overflow: hidden;width: 100%;}
  67. .box .box-body > .chart svg,.box .box-body > .chart canvas {width: 100%!important;}
  68. .box .box-body .fc {margin-top: 5px;}
  69. .box .box-body .fc-header-title h2 {font-size: 15px;line-height: 1.6em;color: #666;margin-left: 10px;}
  70. .box .box-body .fc-header-right {padding-right: 10px;}
  71. .box .box-body .fc-header-left {padding-left: 10px;}
  72. .box .box-body .fc-widget-header {background: #fafafa;}
  73. .box .box-body .fc-grid {width: 100%;border: 0;}
  74. .box .box-body .fc-widget-header:first-of-type,.box .box-body .fc-widget-content:first-of-type {border-left: 0;border-right: 0;}
  75. .box .box-body .fc-widget-header:last-of-type,.box .box-body .fc-widget-content:last-of-type {border-right: 0;}
  76. .box .box-body .table {margin-bottom: 0;}
  77. .box .box-body .full-width-chart {margin: -19px;}
  78. .box .box-body.no-padding .full-width-chart {margin: -9px;}
  79. .box .box-body ul li {line-height:25px;font-size:14px;margin-bottom:0px}
  80. .box .box-body-main{padding-top:20px}
  81. .box .box-body-joinenterprise {background:#ebf2f9;padding-top:20px}
  82. .box .box-footer {border-top: 1px solid #ddd;-webkit-border-top-left-radius: 0;-webkit-border-top-right-radius: 0;-webkit-border-bottom-right-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-topleft: 0;-moz-border-radius-topright: 0;-moz-border-radius-bottomright: 3px;-moz-border-radius-bottomleft: 3px;border-top-left-radius: 0;border-top-right-radius: 0;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;padding: 10px;background-color: #ffffff;margin-left:15px;margin-right:15px;}
  83. .box .box-footer {margin-left:0px;margin-right:0px}
  84. .box.box-teal {border-top-color: #39cccc;}
  85. .box.box-solid {border-top: 0px;}
  86. .box.box-solid > .box-header {padding-bottom: 0px!important;}
  87. .box.box-solid > .box-header .btn.btn-default {background: transparent;}
  88. .box.box-solid.box-primary > .box-header {color: #fff;background: #3c8dbc;background-color: #3c8dbc;}
  89. .box.box-solid.box-primary > .box-header a {color: #444;}
  90. .box.box-solid.box-info > .box-header {color: #fff;background: #00c0ef;background-color: #00c0ef;}
  91. .box.box-solid.box-info > .box-header a {color: #444;}
  92. .box.box-solid.box-danger > .box-header {color: #fff;background: #f56954;background-color: #f56954;}
  93. .box.box-solid.box-danger > .box-header a {color: #444;}
  94. .box.box-solid.box-warning > .box-header {color: #fff;background: #f39c12;background-color: #f39c12;}
  95. .box.box-solid.box-warning > .box-header a {color: #444;}
  96. .box.box-solid.box-success > .box-header {color: #fff;background: #00a65a;background-color: #00a65a;}
  97. .box.box-solid.box-success > .box-header a {color: #444;}
  98. .box.box-solid.box-teal > .box-header {color: #fff;background: #39cccc;background-color: #39cccc;}
  99. .box.box-solid.box-teal > .box-header a {color: #444;}
  100. .box.box-solid.box-purple > .box-header {color: #fff;background: #932ab6;background-color: #932ab6;}
  101. .box.box-solid.box-purple > .box-header a {color: #444;}
  102. .box.box-solid.box-maroon > .box-header {color: #fff;background: #85144b;background-color: #85144b;}
  103. .box.box-solid.box-marron > .box-header a {color: #444;}
  104. /*
  105. Component: box (容器) 结束
  106. -------------------------
  107. */